@media (max-width:1100px) and (min-width:821px) {
 .about-cover { gap:5vw; }
 .home-teasers { gap:6vw; }
 .teaser__caption { align-items:flex-start; flex-direction:column; }
 .contact-page { gap:7vw; }
 .site-footer__meta { gap:15px; }
}
@media (max-width:820px) {
 :root { --nav-h:68px; --pad:24px; }
 .site-header { background:var(--bg); }
 .brand { font-size:1.9rem; }
 .menu-ready .menu-toggle { display:flex; }
 .nav { position:fixed; inset:0; background:#0a0a0a; color:#f1eee8; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; padding:90px var(--pad) 45px; overflow-y:auto; }
 .menu-ready .nav { visibility:hidden; transform:translateY(-102%); transition:transform .5s var(--ease),visibility .5s; }
 .menu-ready .nav.is-open { visibility:visible; transform:none; }
 .nav a { font:400 clamp(2.8rem,8vw,4.2rem)/1.1 var(--serif); text-transform:none; letter-spacing:-.035em; padding:5px 0; }
 .menu-open .site-header { color:#f1eee8; }
 .menu-open .menu-toggle svg { transform:rotate(90deg); }
 html:not(.menu-ready) .site-header { position:relative; height:auto; flex-direction:column; padding-top:20px; }
 html:not(.menu-ready) .nav { position:static; background:none; color:inherit; flex-direction:row; flex-wrap:wrap; padding:20px 0; gap:14px; }
 html:not(.menu-ready) .nav a { font:500 .68rem/1.4 var(--sans); letter-spacing:0; padding:8px; }
 .cursor { display:none; }
 .section { padding-top:80px; padding-bottom:80px; }
 .display { font-size:clamp(3.6rem,9vw,6rem); }
 .site-footer { flex-wrap:wrap; padding:28px var(--pad); }
 .site-footer__meta { flex:1 0 70%; justify-content:flex-end; gap:15px; }
 .site-footer > .link-arrow { margin-left:auto; }
 .home-hero__media img { object-position:52% 28%; }
 .home-hero__content { padding-bottom:25px; }
 .home-hero__title { font-size:30vw; }
 .home-hero__content > .eyebrow { margin-bottom:30px; }
 .home-hero__meta { grid-template-columns:1fr auto; margin-top:25px; }
 .home-hero__meta > :last-child { display:none; }
 .home-hero__meta p { max-width:180px; font-size:.56rem; }
 .hero-explore { top:calc(var(--nav-h) + 12px); }
 .home-statement { min-height:64svh; }
 .home-statement .display { font-size:11.3vw; margin:30px 0 45px; }
 .statement-end { gap:15px; font-size:.51rem; }
 .home-teasers { grid-template-columns:1fr 1fr; gap:25px; }
 .teaser--offset { margin-top:22vw; }
 .teaser__caption { flex-direction:column; align-items:flex-start; gap:0; }
 .teaser__caption h2 { font-size:2.5rem; }
 .teaser__caption .link-arrow { font-size:.53rem; gap:5px; }
 .home-work-preview { grid-template-columns:1fr; gap:45px; }
 .home-work-preview__sticky { position:static; }
 .home-work-preview__sticky h2 { font-size:18vw; margin:25px 0; }
 .home-work-preview__list { gap:50px; }
 .preview-card { width:88%; }
 .preview-card:nth-child(2) { width:82%; }
 .preview-card__label { left:18px; right:18px; bottom:18px; }
 .preview-card__label h3 { font-size:clamp(2.2rem,7vw,4rem); }
 .home-contact-tease { gap:6vw; padding:70px var(--pad); grid-template-columns:.8fr 1.2fr; min-height:0; }
 .home-contact-tease__copy h2 { font-size:7vw; }
 .about-cover { grid-template-columns:1fr 1fr; gap:30px; padding-top:calc(var(--nav-h) + 35px); min-height:0; }
 .about-cover__portrait { max-height:none; }
 .about-cover__copy { min-height:0; padding:0; }
 .about-cover__copy h1 { font-size:8vw; margin:25px 0; }
 .about-cover__copy p { font-size:.83rem; }
 .about-cover__stamp { margin-top:25px; }
 .about-manifesto { gap:35px; }
 .about-manifesto__quote { font-size:6vw; }
 .about-strip { gap:18px; }
 .about-card { gap:40px; padding-top:65px; padding-bottom:70px; }
 .about-card__copy h2 { font-size:6vw; }
 .page-intro { padding-top:calc(var(--nav-h) + 45px); padding-bottom:30px; }
 .portfolio-heading h1 { font-size:19vw; margin:25px 0; }
 .portfolio-heading__bottom { flex-direction:column; align-items:flex-start; gap:14px; }
 .portfolio-controls { padding:8px var(--pad); gap:10px; }
 .filters { gap:20px; overflow:auto; scrollbar-width:none; }
 .filter-btn { font-size:.56rem; flex-shrink:0; }
 .portfolio-count { font-size:.52rem; }
 .portfolio-grid { padding-top:40px; grid-template-columns:repeat(6,minmax(0,1fr)); gap:45px 20px; }
 .portfolio-item[data-slot='0'],.portfolio-item[data-slot='3'] { grid-column:1/span 5; margin:0; }
 .portfolio-item[data-slot='1'],.portfolio-item[data-slot='4'] { grid-column:3/span 4; margin:0; }
 .portfolio-item[data-slot='2'],.portfolio-item[data-slot='5'] { grid-column:1/span 4; margin:0; }
 .image-open { opacity:1; transform:none; width:32px; height:32px; }
 .archive-end > a { flex-wrap:wrap; font-size:10vw; }
 .works-cover { grid-template-columns:1.1fr .9fr; gap:20px; min-height:0; padding-top:calc(var(--nav-h) + 40px); }
 .works-cover__copy h1 { font-size:11vw; }
 .works-cover__image { width:100%; }
 .works-cover__image img { height:52vw; }
 .work-index { grid-template-columns:1fr; margin-bottom:65px; }
 .work-index a,.work-index a:first-child,.work-index a:last-child { padding:23px 0; border-right:0; border-bottom:1px solid var(--line); }
 .work-index a:last-child { border-bottom:0; }
 .work-index h2 { font-size:2rem; }
 .work-story,.work-story--3 { grid-template-columns:1fr; padding-top:60px; padding-bottom:75px; gap:45px; }
 .work-story__copy { position:relative; top:auto; height:auto; }
 .chapter-number { position:absolute; right:0; top:0; font-size:6rem; }
 .work-story__copy h2 { font-size:14vw; }
 .work-story__copy p { max-width:26rem; }
 .work-story__gallery { gap:40px; }
 .work-story--3 .work-story__gallery { order:initial; }
 .work-story--2 .work-story__copy { text-align:left; }
 .work-story--2 .work-story__copy p { margin:0; }
 .work-story--2 .work-story__copy h2 { font-size:14vw; }
 .work-story--2 .work-story__gallery { gap:25px; }
 .work-story--2 .work-shot:nth-child(2) { margin-top:25vw; }
 .work-shot__caption { font-size:.5rem; letter-spacing:.06em; }
 .contact-page { padding-top:calc(var(--nav-h) + 45px); gap:7vw; grid-template-columns:1.1fr .9fr; }
 .contact-page__panel h1 { font-size:13vw; }
 .contact-link { gap:10px; grid-template-columns:20px 1fr; }
 .contact-link strong { grid-column:2; }
}
@media (max-width:520px) {
 :root { --pad:20px; }
 .site-footer__meta { flex-basis:auto; flex-direction:column; align-items:flex-end; gap:5px; }
 .site-footer > .link-arrow { display:none; }
 .home-teasers { grid-template-columns:1fr; gap:48px; }
 .teaser:first-child { width:88%; }
 .teaser--offset { margin-top:0; width:80%; justify-self:end; }
 .teaser__caption { flex-direction:row; align-items:center; }
 .home-contact-tease { grid-template-columns:1fr; gap:38px; }
 .home-contact-tease__media { width:75%; }
 .home-contact-tease__copy { padding-left:10%; }
 .home-contact-tease__copy h2 { font-size:13vw; }
 .about-cover { display:flex; flex-direction:column; align-items:stretch; padding-bottom:0; }
 .about-cover__portrait { width:85%; aspect-ratio:1179/1441; }
 .about-cover__copy { padding:5px 0 0 10%; }
 .about-cover__copy h1 { font-size:20vw; }
 .about-cover__copy p { font-size:.92rem; }
 .about-manifesto { grid-template-columns:1fr; }
 .about-manifesto__quote { font-size:12vw; }
 .about-strip { grid-template-columns:1fr 1fr; gap:16px; }
 .about-strip__item:nth-child(2) { margin-top:20vw; }
 .about-strip__item:last-child { grid-column:1/-1; width:65%; margin:10px auto 0; }
 .about-card { grid-template-columns:1fr; gap:35px; }
 .about-card__visual { width:80%; margin:auto; }
 .about-card__copy h2 { font-size:14vw; }
 .portfolio-heading h1 { font-size:20.3vw; }
 .portfolio-heading__bottom > .eyebrow { font-size:.49rem; }
 .portfolio-controls { display:block; }
 .filters { justify-content:space-between; gap:12px; }
 .portfolio-count { position:absolute; right:var(--pad); bottom:-28px; }
 .portfolio-grid { padding-top:50px; row-gap:45px; }
 .portfolio-item[data-slot='0'],.portfolio-item[data-slot='3'] { grid-column:1/-1; }
 .portfolio-item[data-slot='1'],.portfolio-item[data-slot='4'] { grid-column:2/-1; }
 .portfolio-item[data-slot='2'],.portfolio-item[data-slot='5'] { grid-column:1/span 5; }
 .portfolio-item__meta { font-size:.52rem; }
 .archive-end { gap:24px; }
 .archive-end > a { font-size:12vw; }
 .image-viewer { padding:0 16px; }
 .viewer-toolbar .eyebrow { font-size:.52rem; }
 .viewer-navigation { padding-bottom:env(safe-area-inset-bottom); }
 .works-cover { display:block; position:relative; padding-bottom:45px; }
 .works-cover__copy h1 { font-size:22vw; position:relative; z-index:1; }
 .works-cover__copy .eyebrow { font-size:.52rem; }
 .works-cover__copy p { margin:26px 0; }
 .works-cover__image { width:48%; margin:20px 0 0 auto; }
 .works-cover__image img { height:auto; }
 .work-story__copy h2 { font-size:17vw; }
 .work-story--2 .work-story__gallery { grid-template-columns:1fr; gap:42px; }
 .work-story--2 .work-shot:nth-child(2) { margin:0 0 0 auto; width:85%; }
 .work-story--2 .work-story__copy h2 { font-size:20vw; }
 .work-shot__caption { font-size:.53rem; }
 .works-end a svg { width:30px; height:30px; }
 .contact-page { display:flex; flex-direction:column; align-items:stretch; padding-bottom:50px; gap:55px; }
 .contact-page__panel { order:-1; }
 .contact-page__panel h1 { font-size:27vw; margin:30px 0 38px; }
 .contact-link { grid-template-columns:20px 1fr auto; padding:17px 0; }
 .contact-link strong { grid-column:auto; }
 .contact-page__visual { width:68%; align-self:flex-end; }
 .contact-page__visual-label { font-size:.49rem; }
}
@media (max-height:500px) and (max-width:820px) {
 .nav { justify-content:flex-start; gap:4px; padding-top:70px; }
 .nav a { font-size:1.8rem; }
 .home-hero,.home-hero__content { min-height:600px; }
}
