:root{--ink:#f4ecdc;--ink-soft:#bbc5c3;--ink-muted:#7f9290;--night:#081014;--night-soft:#0e191e;--panel:#111d22e0;--panel-light:#1c2b30c7;--line:#bcd8d126;--teal:#58c4b7;--teal-deep:#2e8e86;--amber:#f4b860;--paper:#f3ead8;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);min-width:320px;color:var(--ink);font-family:var(--sans);scroll-behavior:smooth;font-size:17px}body{background:radial-gradient(circle at 8% 0%, #368a822e, transparent 32rem), radial-gradient(circle at 92% 18%, #f4b8601a, transparent 28rem), var(--night);min-height:100vh;margin:0;line-height:1.6}body:before{z-index:-1;content:"";background-image:linear-gradient(#6e938d09 1px,#0000 1px),linear-gradient(90deg,#6e938d09 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 80%)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button,input,select{font:inherit}.site-shell{width:min(1180px,100% - 2rem);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.4rem 0;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.02em;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:650;display:inline-flex}.wordmark__mark{width:2rem;height:2rem;color:var(--teal);border:1px solid #58c4b780;border-radius:50%;place-items:center;display:grid}.site-header nav{gap:.3rem;display:flex}.site-header nav a{color:var(--ink-muted);border-radius:999px;padding:.55rem .9rem;font-size:.88rem;font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:var(--ink);background:#58c4b71a}main{min-height:70vh;padding:4.5rem 0 5rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);justify-content:space-between;gap:1rem;padding:2rem 0 3rem;font-size:.82rem;display:flex}.site-footer p{margin:0}.quiet{color:var(--ink-muted)}.page-eyebrow,.eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.76rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08}h1{letter-spacing:-.045em;max-width:900px;margin-bottom:1.3rem;font-size:clamp(3rem,7vw,6.7rem)}h2{letter-spacing:-.025em;margin-bottom:1.2rem;font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.24rem}.lede{max-width:720px;color:var(--ink-soft);font-size:clamp(1.08rem,2vw,1.28rem)}.section{margin-top:6rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.7rem;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading p{max-width:440px;color:var(--ink-muted);font-size:.92rem}.button,.text-link{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.button{min-height:3rem;color:var(--paper);background:#58c4b71f;border:1px solid #58c4b759;border-radius:999px;padding:.75rem 1.15rem}.button:hover{border-color:var(--teal);background:#58c4b733}.button--ghost{border-color:var(--line);background:0 0}.text-link{color:var(--amber);font-size:.9rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.hero{isolation:isolate;min-height:33rem;padding-top:2rem;position:relative}.hero__copy{z-index:2;position:relative}.hero__compass{z-index:-1;aspect-ratio:1;opacity:.8;background:linear-gradient(45deg,#0000 49.8%,#f4b86038 50%,#0000 50.2%),linear-gradient(-45deg,#0000 49.8%,#58c4b738 50%,#0000 50.2%),radial-gradient(circle,#58c4b729 0 3%,#0000 3.5%),radial-gradient(circle,#0000 0 42%,#58c4b71f 42.2% 42.5%,#0000 42.8%);border:1px solid #58c4b72e;border-radius:50%;width:min(35vw,28rem);position:absolute;top:-1rem;right:1rem}.hero__compass:after{content:"";border:1px dashed #f4b86033;border-radius:50%;position:absolute;inset:13%;transform:rotate(17deg)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel-light), #0b12179e);border-radius:1.2rem;min-height:10rem;padding:1.2rem}.stat-card strong,.stat-card span,.stat-card small{display:block}.stat-card strong{color:var(--paper);font-family:var(--serif);margin-bottom:.8rem;font-size:clamp(2.1rem,4vw,3.3rem);font-weight:650;line-height:1}.stat-card span{color:var(--ink-soft);font-weight:600}.stat-card small{color:var(--ink-muted);margin-top:.4rem}.room-list{gap:.75rem;display:grid}.room-card{border:1px solid var(--line);background:var(--panel);border-radius:1.1rem;grid-template-columns:4.4rem 1fr auto;align-items:center;gap:1rem;padding:1.2rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.room-card:hover{background:#17262bf5;border-color:#58c4b766;transform:translateY(-2px)}.room-card__number{color:var(--teal);letter-spacing:.14em;font-size:.76rem;font-weight:600}.room-card__meta,.room-card__facts{color:var(--ink-muted);flex-wrap:wrap;gap:.45rem 1rem;font-size:.78rem;display:flex}.room-card__meta span:before,.room-card__facts span+span:before{color:var(--teal-deep);content:"•";margin-right:.7rem}.room-card h3{margin:.32rem 0 .22rem}.room-card h3 a:hover{color:var(--amber)}.room-card__venue{color:var(--ink-soft);margin-bottom:.45rem;font-size:.9rem}.room-card__arrow{border:1px solid var(--line);width:2.35rem;height:2.35rem;color:var(--amber);border-radius:50%;place-items:center;display:grid}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.rank-list{border:1px solid var(--line);background:var(--panel);border-radius:1.2rem;padding:1.25rem}.rank-list h3{margin-bottom:1rem}.rank-list ol{counter-reset:rank;margin:0;padding:0;list-style:none}.rank-list li{border-top:1px solid var(--line);counter-increment:rank;grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.6rem;padding:.55rem 0;display:grid}.rank-list li:before{color:var(--teal);content:counter(rank, decimal-leading-zero);font-size:.74rem}.rank-list li span:last-child{color:var(--amber);font-variant-numeric:tabular-nums}.year-bars{gap:.55rem;display:grid}.year-bar{color:var(--ink-muted);grid-template-columns:3.2rem 1fr 2.2rem;align-items:center;gap:.8rem;font-size:.8rem;display:grid}.year-bar__track{background:#ffffff0f;border-radius:999px;height:.55rem;overflow:hidden}.year-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal-deep), var(--teal));height:100%;display:block}.page-header{max-width:800px;margin-bottom:3rem}.page-header h1{font-size:clamp(2.8rem,6vw,5rem)}.filters{grid-template-columns:minmax(0,1fr) repeat(2,minmax(10rem,.28fr));gap:.8rem;margin-bottom:1.25rem;display:grid}.filters label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;gap:.35rem;font-size:.75rem;font-weight:600;display:grid}.filters input,.filters select{border:1px solid var(--line);background:var(--night-soft);width:100%;min-height:3rem;color:var(--ink);border-radius:.8rem;padding:.65rem .85rem}.results-line{color:var(--ink-muted);margin-bottom:1rem;font-size:.84rem}.empty-state{text-align:center;background:#58c4b70a;border:1px dashed #58c4b752;border-radius:1.2rem;padding:3rem}.empty-state p{max-width:580px;color:var(--ink-muted);margin:.7rem auto 0}.room-detail{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);gap:2rem;display:grid}.room-detail__main,.room-detail__aside{border:1px solid var(--line);background:var(--panel);border-radius:1.3rem;padding:1.5rem}.room-detail__main h1{font-size:clamp(2.6rem,6vw,5.2rem)}.room-photo{margin:2rem 0 0}.room-photo img{border:1px solid var(--line);background:var(--night-soft);border-radius:1rem;width:100%;height:auto;display:block}.room-photo figcaption{color:var(--ink-muted);margin-top:.65rem;font-size:.82rem}.room-number-large{color:var(--teal);letter-spacing:.18em;margin-bottom:1rem;font-size:.8rem;font-weight:600}.fact-list{margin:0;display:grid}.fact-list div{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:1rem;padding:.85rem 0;display:grid}.fact-list dt{color:var(--ink-muted)}.fact-list dd{color:var(--paper);text-align:right;margin:0}.pagination-row{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}@media (width<=850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:29rem}.hero__compass{opacity:.55;width:45vw}.filters,.room-detail{grid-template-columns:1fr}}@media (width<=620px){html{font-size:16px}.site-shell{width:min(100% - 1.2rem,1180px)}.site-header{align-items:flex-start;gap:1rem}.site-header nav{gap:0}.site-header nav a{padding-inline:.58rem}main{padding-top:3rem}.site-footer,.section-heading{flex-direction:column;align-items:flex-start}.stats-grid,.rank-grid{grid-template-columns:1fr}.room-card{grid-template-columns:3rem 1fr}.room-card__arrow{display:none}.hero__compass{width:19rem;top:3rem;right:-5rem}.empty-state{padding:2rem 1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}