@font-face{font-family:Display;src:url(display.ttf);font-weight:800;font-display:swap}@font-face{font-family:Display;src:url(italic.ttf);font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Body;src:url(body.ttf);font-weight:400;font-display:swap}:root{--orange:#f66c50;--brown:#301b10;--aqua:#37d7d3;--cream:#f9f0df;--paper:#f5f2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--brown);color:var(--brown);font-family:Body,Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}header{background:var(--orange);display:flex;align-items:center;gap:32px;padding:26px 4.5%;position:relative;z-index:2}.wordmark{font:800 30px/.9 Display,Georgia,serif;letter-spacing:-1.8px;white-space:nowrap}.modes{display:flex;gap:18px;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--cream)}.modes button{padding:6px 0 8px;text-transform:inherit;letter-spacing:inherit}.modes [aria-pressed=true]{border-bottom:1px solid currentColor}nav{display:flex;margin-left:auto;gap:35px;color:var(--cream);font:10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}nav a{padding:8px 0}nav a:hover{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.hero{background:var(--orange);padding:65px 5.5% 100px;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:end;min-height:78svh}h1,h2{margin:0;font-family:Display,Georgia,serif;font-weight:800;letter-spacing:-.07em}h1{font-size:clamp(110px,13vw,225px);line-height:.78}h1 span{display:block}.intro{font-size:clamp(20px,2.05vw,31px);line-height:1.32;max-width:650px}.intro p{margin:0}.intro p+p{margin-top:30px}.brand{color:var(--brown)}.film{overflow:hidden;position:relative;background:var(--brown)}.film video{display:block;width:100%;height:100%;object-fit:cover}.cafe{height:30px}.cafe video{object-position:50% 50%}.capabilities{background:var(--aqua);padding:90px 5.5% 110px}h2{font-size:clamp(65px,7.5vw,125px);line-height:.95}.capabilities h2{margin-bottom:55px}.capabilities ul{padding:0;margin:0;list-style:none;columns:2;column-gap:8%}.capabilities li{break-inside:avoid;line-height:1.32;font-size:clamp(20px,1.85vw,28px);padding:9px 0}.approach{background:var(--orange);position:relative;padding:105px 5.5% 105px 12%}.approach-layout{display:grid;grid-template-columns:1.85fr 1fr;gap:6%;align-items:center}.approach h2{font-size:clamp(95px,12.5vw,205px);line-height:.79;letter-spacing:-.075em}.approach h2 span{display:block}.approach h2 em{font-style:italic;color:var(--cream);display:block;text-align:right;padding-right:3%;margin-top:0;line-height:.85}.approach p{font-size:clamp(22px,2vw,30px);color:var(--cream);line-height:1.32;margin:0}.street{position:absolute;left:4.5%;top:0;bottom:0;width:3.6%}.street video{object-position:48% 50%}.queens{display:grid;grid-template-columns:1.85fr 1fr;gap:6%;background:var(--brown);color:var(--cream);padding:100px 5.5%}.queens h2{font-size:clamp(100px,13.5vw,225px);line-height:.78;align-self:center}.queens h2 span{display:block}.queens h2 span+span{color:var(--aqua);margin-top:12px}.queens-copy{font-size:clamp(21px,1.8vw,28px);line-height:1.3}.queens-copy p{margin:0}.queens-copy p+p{margin-top:35px}.queens .brand{color:var(--aqua)}.turntable{height:30px}.turntable video{object-position:50% 60%}.contact{background:var(--aqua);padding:65px 5.5% 75px;display:grid;grid-template-columns:1.3fr 1fr;gap:5%;align-items:center}.contact h2{font-size:clamp(48px,6vw,102px);line-height:.88;letter-spacing:-.06em}.contact-copy p{font-size:clamp(19px,1.7vw,25px);line-height:1.2;margin:0 0 20px;max-width:320px}.email{font:800 clamp(23px,3.2vw,50px)/1.2 Display,Georgia,serif;letter-spacing:-.06em;white-space:nowrap}.email:hover{text-decoration:underline;text-underline-offset:8px}.contact-copy .certification{font:11px/1.4 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;max-width:none;margin:12px 0 0;text-align:center}footer{padding:30px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--aqua);font:11px Arial,sans-serif}footer .wordmark{font-size:22px}.skip{position:absolute;top:-100px;background:var(--paper);color:var(--brown);padding:12px;z-index:9}.skip:focus{top:5px}body.quiet{background:var(--paper);color:#231c17}.quiet header,.quiet .hero,.quiet .capabilities,.quiet .approach,.quiet .queens,.quiet .contact{background:var(--paper);color:#231c17}.quiet header nav,.quiet .modes{color:#231c17}.quiet h1,.quiet .wordmark,.quiet .brand{color:#231c17}.quiet .queens h2 span+span{color:#a67c45}.quiet .approach h2 em{color:#a67c45}.quiet .approach p{color:#231c17}.quiet .queens .brand{color:#a67c45}.quiet .capabilities{padding-top:50px}.quiet .capabilities h2{font-size:75px}.quiet .capabilities li{font-family:Arial,sans-serif;font-size:18px;border-bottom:1px solid #231c1722;padding:16px 0}.quiet .approach h2,.quiet .queens h2{font-size:clamp(70px,8vw,125px);line-height:.9}.quiet .approach{padding-left:9%}.quiet .contact{padding-top:100px}.quiet footer{color:#725333}.quiet .intro{font:clamp(19px,1.8vw,27px)/1.5 Arial,sans-serif}@media(min-width:1700px){main,header,footer{max-width:2000px;margin:auto}}@media(max-width:1000px) and (min-width:701px){.approach-layout,.queens{grid-template-columns:1.5fr 1fr}.approach h2{font-size:11.7vw}.queens h2{font-size:12.5vw}.contact{grid-template-columns:1fr}.contact-copy{margin-top:25px}.email{font-size:36px}.contact-copy .certification{text-align:left}.intro{font-size:22px}}@media(max-width:700px){header{padding:22px 7%;display:grid;grid-template-columns:1fr auto;gap:10px}.wordmark{font-size:26px}.modes{grid-column:1;grid-row:2;gap:16px;font-size:9px}.menu-toggle{display:block;grid-column:2;grid-row:1/3;padding:8px 0;width:30px;height:40px}.menu-toggle span{display:block;height:1px;background:var(--cream);margin:7px 0}.quiet .menu-toggle span{background:var(--brown)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--orange);padding:25px 7% 35px;flex-direction:column;gap:22px}.quiet nav{background:var(--paper)}nav.open{display:flex}.hero{display:block;padding:55px 7% 65px;min-height:0}h1{font-size:25.5vw;line-height:.8}.intro{font-size:22px;line-height:1.35;margin-top:48px}.intro p+p{margin-top:24px}.cafe{height:15px}.capabilities{padding:55px 7% 65px}.capabilities h2{font-size:16.5vw;margin-bottom:32px;letter-spacing:-.07em}.capabilities ul{columns:1}.capabilities li{font-size:21px;padding:10px 0}.approach{padding:55px 7% 45px;display:flex;flex-direction:column}.approach-layout{display:block}.approach h2{font-size:22vw;line-height:.77;letter-spacing:-.075em;margin-bottom:40px}.approach h2 em{text-align:left;padding:0}.approach p{font-size:22px;line-height:1.3}.street{position:relative;left:auto;top:auto;bottom:auto;width:auto;height:17px;margin:40px -8.14% -45px;order:2}.street video{object-position:50% 70%}.queens{display:block;padding:60px 7% 55px}.queens h2{font-size:22.5vw;line-height:.8;margin-bottom:35px}.queens h2 span+span{margin-top:3px}.queens-copy{font-size:21px;line-height:1.3}.queens-copy p+p{margin-top:25px}.turntable{height:15px}.contact{display:block;padding:38px 7% 45px}.contact h2{font-size:11.7vw;line-height:.9}.contact-copy{margin-top:28px}.contact-copy p{font-size:20px;line-height:1.25;margin-bottom:20px}.email{font-size:8.1vw}.contact-copy .certification{font-size:8px;letter-spacing:2px;text-align:left;margin-top:14px}footer{padding:25px 7%;flex-wrap:wrap;gap:20px;font-size:10px}footer .wordmark{font-size:21px}.quiet .intro{font-size:20px}.quiet .capabilities h2{font-size:16vw}.quiet .approach{padding:55px 7% 45px}.quiet .approach h2,.quiet .queens h2{font-size:19vw;line-height:.88}.quiet .contact{padding-top:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.motion-start{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:10;background:#301b10;color:#f9f0df;border:1px solid #f9f0df66;border-radius:22px;padding:12px 18px;font:12px Arial,sans-serif;box-shadow:0 2px 12px #0002}.motion-start[hidden]{display:none}

.film{flex-shrink:0;min-width:0}.film video{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}@media(max-width:700px){.street{min-height:17px;flex:0 0 17px}.cafe,.turntable{min-height:15px}}

@media(max-width:700px){.approach,.quiet .approach{padding-left:12%}.street{position:absolute;left:0;top:35px;bottom:35px;width:12px;height:auto;min-height:0;flex:none;margin:0}.street video{object-position:48% 50%}}

/* Fine material grain stays behind the typography. */
.queens,footer{position:relative;isolation:isolate}
.queens::before,footer::before{content:"";position:absolute;inset:0;background-image:url('suede-grain.svg?v=2');background-size:240px 240px;opacity:.36;mix-blend-mode:soft-light;pointer-events:none;z-index:0}
.quiet .queens::before,.quiet footer::before{display:none}
.film{display:block;padding:0;border:0;width:100%;cursor:row-resize;transition:height .38s cubic-bezier(.22,.61,.36,1),width .38s cubic-bezier(.22,.61,.36,1)}
.film:focus-visible{outline:2px solid var(--aqua);outline-offset:-2px}
.cafe.is-open,.turntable.is-open{height:110px}
.street{width:3.6%;cursor:col-resize}
.street.is-open{width:6%}
@media(max-width:700px){.cafe.is-open,.turntable.is-open{height:64px}.street{width:12px}.street.is-open{width:32px}}
@media(prefers-reduced-motion:reduce){.film{transition:none}}

.queens>* ,footer>*{position:relative;z-index:1}

/* User-selected suede material. */
.queens,footer{background-image:linear-gradient(rgba(35,17,8,.32),rgba(35,17,8,.32)),url('brown-suede.jpg');background-size:cover;background-position:center}
.queens::before,footer::before{display:none}
.quiet .queens,.quiet footer{background-image:none}

/* Keep the material at its natural scale on tall phone sections. */
.queens{background-size:auto,612px 349px;background-repeat:no-repeat,repeat;background-position:center,center top}