:root { color-scheme: light; --paper:#eae8df; --ink:#1a211f; --muted:#5d625c; --rule:#8b9188; --acid:#d8ff39; --sans:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
::selection { background:var(--acid); color:var(--ink); }
a { color:inherit; }
.grain { pointer-events:none; position:fixed; inset:0; z-index:20; opacity:.12; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-shell { max-width:1680px; margin:auto; padding:0 clamp(20px,4.2vw,76px); }
.masthead { min-height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ink); gap:20px; }
.monogram { display:flex; gap:5px; align-items:center; text-decoration:none; font-weight:900; font-size:24px; letter-spacing:-.11em; }
.monogram-line { width:17px; height:2px; background:var(--ink); transform:rotate(-55deg); }
.masthead-center,.masthead-status,.eyebrow,.kicker,.postcard-top,.postcard figcaption,.elevator-footer,.notice-label,.notice-signature,.footer,.directory-stamp,.lower-right p { font-family:var(--sans); font-weight:700; font-size:10px; line-height:1.5; letter-spacing:.105em; }
.star { padding:0 10px; }
.masthead-status { white-space:nowrap; }
.status-light,.elevator-dot { display:inline-block; width:8px; height:8px; background:#2b6e4a; border-radius:50%; margin-right:8px; vertical-align:middle; }
.intro { padding-top:clamp(40px,6vw,98px); }
.eyebrow { display:flex; justify-content:space-between; }
h1 { font-family:Impact, 'Arial Narrow', 'Helvetica Neue Condensed', sans-serif; font-stretch:condensed; letter-spacing:-.048em; font-weight:900; font-size:clamp(75px,14.4vw,231px); line-height:.78; margin:clamp(36px,5vw,78px) 0 35px; max-width:100%; }
h1>span { display:block; white-space:nowrap; }
.period { color:#536b59; }
.intro-bottom { display:flex; align-items:end; justify-content:space-between; padding-bottom:43px; gap:18px; }
.address { margin:0; font-size:clamp(15px,1.8vw,25px); font-weight:800; letter-spacing:-.035em; line-height:1.17; }
.address em { font-style:normal; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.intro-note { font-size:12px; line-height:1.6; color:var(--muted); margin:0 0 2px; max-width:280px; }
.down-link { font-size:39px; line-height:1; text-decoration:none; width:45px; text-align:right; transition:transform .2s; }
.down-link:hover { transform:translateY(6px); }
.divider { display:flex; align-items:center; gap:13px; color:#536b59; font-size:19px; }
.divider:before,.divider:after { content:''; height:1px; background:var(--ink); flex:1; }
.main-grid { padding-top:57px; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr); gap:clamp(28px,5.5vw,105px); align-items:start; }
.postcard { margin:0; border:1px solid var(--ink); background:#f4f1e6; padding:12px; transform:rotate(-1.1deg); box-shadow:10px 11px 0 rgba(26,33,31,.1); transition:transform .35s; }
.postcard:hover { transform:rotate(0); }
.postcard-top,.postcard figcaption { display:flex; justify-content:space-between; gap:10px; padding:4px 3px 13px; font-size:9px; }
.postcard img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; filter:saturate(.82) contrast(1.04); }
.postcard figcaption { padding:14px 3px 3px; }
.property-note { margin-top:30px; display:flex; max-width:450px; gap:11px; }
.property-note .asterisk { font-size:30px; line-height:1; }
.property-note p { font-size:12px; line-height:1.55; color:var(--muted); margin:0; }
.directory-heading { display:flex; justify-content:space-between; align-items:start; gap:15px; }
.kicker { color:var(--muted); }
h2 { font-family:Impact, 'Arial Narrow', sans-serif; font-size:clamp(55px,6vw,90px); font-weight:900; letter-spacing:-.025em; line-height:.85; margin:18px 0 0; }
.directory-stamp { border:2px solid var(--ink); border-radius:50%; min-width:67px; aspect-ratio:1; display:grid; place-content:center; text-align:center; transform:rotate(13deg); line-height:1.15; }
.directory-intro { font-size:14px; line-height:1.5; max-width:295px; margin:28px 0 35px; }
.elevator { border-top:2px solid var(--ink); }
.floor { display:grid; grid-template-columns:85px 1fr 25px; align-items:center; gap:14px; min-height:116px; padding:13px 9px; border-bottom:1px solid var(--ink); text-decoration:none; transition:background .15s,padding .2s; }
.floor:hover,.floor:focus-visible { background:var(--acid); padding-left:18px; outline:none; }
.floor-number { font-family:Georgia,serif; font-size:58px; letter-spacing:-.09em; line-height:1; }
.floor-number.infinity { font-size:66px; }
.floor-description { display:grid; gap:6px; }
.floor-description strong { font-size:clamp(18px,2vw,29px); font-weight:900; letter-spacing:-.045em; }
.floor-description small { font-size:10px; font-weight:700; letter-spacing:.14em; }
.floor-arrow { font-size:28px; align-self:start; }
.elevator-footer { display:flex; justify-content:space-between; gap:10px; padding:17px 0; font-size:9px; }
.elevator-dot { width:6px; height:6px; }
.notice { background:var(--ink); color:var(--paper); padding:26px; margin-top:48px; position:relative; }
.notice:before { content:'✳'; position:absolute; font-size:35px; top:15px; right:23px; }
.notice-label { color:#c8d69e; }
.notice p { margin:34px 0; max-width:350px; font-family:Georgia,serif; font-size:clamp(19px,2.2vw,29px); line-height:1.22; }
.notice-signature { color:#bdc1b7; }
.lower { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:clamp(90px,13vw,190px); padding:27px 0 95px; border-top:1px solid var(--ink); }
.lower-left p { font-family:Georgia,serif; font-size:clamp(23px,3vw,39px); line-height:1.23; margin:28px 0 0; }
.lower-right { justify-self:end; min-width:290px; }
.lower-right p { line-height:2.4; margin:22px 0 0; letter-spacing:.04em; }
.footer { border-top:1px solid var(--ink); padding:23px 0 35px; display:flex; justify-content:space-between; gap:20px; }
.footer a { text-decoration:none; }
.footer a:hover { text-decoration:underline; }
@media (max-width:980px) { .masthead-center{display:none;} .main-grid{grid-template-columns:1fr;gap:72px;} .postcard-wrap{max-width:680px;} .directory{max-width:680px;width:100%;} h1{font-size:clamp(65px,14.4vw,155px);} }
@media (max-width:620px) { .site-shell{padding:0 19px;} .masthead{min-height:63px;} .masthead-status{font-size:9px;} .intro{padding-top:40px;} .eyebrow{font-size:8px;} .eyebrow span:last-child{display:none;} h1{font-size:clamp(60px,14.2vw,93px);margin:48px 0 28px;} .intro-bottom{flex-wrap:wrap;align-items:start;padding-bottom:26px;} .address{flex:1;font-size:15px;} .intro-note{order:3;flex-basis:100%;font-size:11px;} .down-link{font-size:27px;} .main-grid{padding-top:38px;gap:60px;} .postcard{padding:7px;transform:rotate(-.6deg);} .postcard-top,.postcard figcaption{font-size:7px;} h2{font-size:64px;} .floor{grid-template-columns:60px 1fr 22px;min-height:101px;gap:12px;} .floor-number{font-size:47px;} .floor-number.infinity{font-size:58px;} .floor-description strong{font-size:22px;} .notice{margin-top:31px;} .lower{grid-template-columns:1fr;gap:49px;padding-bottom:65px;} .lower-right{justify-self:start;min-width:0;} .footer{flex-wrap:wrap;font-size:8px;} .footer span:nth-child(2){display:none;} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} *,*:before,*:after{transition:none!important;animation:none!important;} }