/* Approved Atmosfera imersiva study, Elaine Queçada brand guide.
   Official display face: Behind The Nineties, supplied by Rafael. */
:root{--ink:#000;--olive:#89856d;--bronze:#988159;--sand:#d6c5b6;--ivory:#efe6df;--display:"Behind The Nineties","Cormorant Garamond",serif;--body:"Bahnschrift",Arial,sans-serif;--gutter:5.7vw;--line:1px solid var(--sand)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ivory);color:var(--ink);font:300 17px/1.55 var(--body)}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.03;letter-spacing:-.035em}
h1{font-size:clamp(48px,6.1vw,100px)}h2{font-size:clamp(35px,4.1vw,68px)}h3{font-size:34px}p+p{margin-top:1.3em}
[hidden]{display:none!important}:focus-visible{outline:3px solid var(--bronze);outline-offset:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px;background:var(--ivory);color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:104px;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#000;color:var(--ivory);position:relative;z-index:5}
.wordmark{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1.15}
.wordmark>span{font:400 clamp(25px,2.9vw,46px)/1 "Ablation",sans-serif;white-space:nowrap;text-transform:uppercase;letter-spacing:-.035em}
.wordmark>small{font:400 10px/1.5 var(--body);letter-spacing:.23em;text-transform:uppercase;margin-top:9px}
.main-nav{display:flex;gap:clamp(20px,2.8vw,44px);align-items:center;font-size:16px}
.main-nav>a:not(.nav-contact){padding:10px 0;border-bottom:2px solid transparent}
.main-nav>a[aria-current=page],.main-nav>a:hover{border-color:var(--sand)}
.nav-contact{color:var(--ink);background:var(--ivory);border:1px solid var(--bronze);padding:10px 24px;white-space:nowrap}
.menu-toggle{display:none;background:none;color:inherit;border:1px solid currentColor;padding:7px 12px}
.home-page .site-header,.project-page.has-project .site-header{position:absolute;inset:0 0 auto;background:transparent}
.editorial-page .site-header{background:var(--ivory);color:var(--ink)}.about-page .site-header{background:var(--olive)}
.button,.text-link{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border:1px solid currentColor;padding:11px 26px;font:400 17px/1.4 var(--body);letter-spacing:0;transition:background .2s,color .2s}
.button:hover,.text-link:hover{background:var(--sand);color:var(--ink)}
.button span,.text-link span{font-size:25px;line-height:1}.button-ivory{background:var(--ivory);color:#000;border-color:var(--bronze)}
.quiet-link,.arrow-link{display:inline-block;padding:9px 0;border-bottom:1px solid currentColor}
.eyebrow,.expansion-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.22em;line-height:1.5}
.hero{height:clamp(620px,47.8vw,850px);position:relative;color:var(--ivory);background:#31291e;isolation:isolate}
.hero-photo,.project-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after,.project-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 35%,#0009 100%);z-index:-1}
.hero-copy{position:absolute;left:var(--gutter);bottom:138px;max-width:650px}
.hero h1{font-size:clamp(62px,6.25vw,105px);line-height:.99;margin:14px 0 30px;letter-spacing:-.025em}
.hero .button{border-color:var(--sand)}.hero-carousel{position:absolute;inset:auto 3% 20px;display:flex;gap:20px;align-items:center;justify-content:center}
.hero-carousel::before,.hero-carousel::after{content:"";height:1px;background:var(--bronze);flex:1}
.hero-arrow{border:0;background:transparent;color:var(--ivory);font-size:34px;padding:8px 12px}
.hero-thumbs{display:flex;gap:12px}.hero-thumb{border:2px solid transparent;padding:0;background:transparent;width:clamp(85px,10.4vw,160px);height:80px;opacity:.72}
.hero-thumb[aria-pressed=true]{border-color:var(--ivory);opacity:1}.hero-thumb img{height:100%;object-fit:cover}
.selected-section{padding:30px 3% 44px;background:var(--olive);color:var(--ivory)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 3% 24px}
.section-heading h2{font-size:clamp(35px,3.6vw,58px)}
.home-categories{display:flex;gap:28px;border-bottom:1px solid var(--sand)}
.home-categories a{padding:12px 7px;white-space:nowrap}.home-categories a:hover{background:#0001}
.selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
.selected-photo{height:clamp(260px,29vw,480px);overflow:hidden}.selected-photo img{height:100%;object-fit:cover;transition:transform .6s}
.selected-project:hover img,.expansion-card:hover img{transform:scale(1.025)}
.selected-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 4px}
.selected-caption h3{font-size:clamp(28px,2.7vw,43px)}.work-status{display:block;font-size:12px;margin-top:8px;letter-spacing:.05em}.card-link{font-size:12px;white-space:nowrap;letter-spacing:.08em}
.all-projects{margin:30px 3% 0;text-align:right}
.home-about{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.home-about img{height:600px;object-fit:cover;object-position:center 30%}
.home-about-copy{padding:70px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}
.home-about-copy h2{font-size:clamp(40px,4.8vw,76px)}.home-about-copy p{max-width:520px}
.home-journal{padding:80px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--sand)}
.home-journal h2{margin:12px 0 25px}.home-journal .quiet-link{margin-top:20px}
.expansion-heading{background:var(--olive);color:var(--ivory);padding:25px var(--gutter) 28px;display:flex;align-items:center;justify-content:space-between;gap:55px}
.expansion-heading h1{margin-top:6px}.expansion-heading .expansion-kicker{text-transform:none;letter-spacing:0;font-size:14px}
.expansion-intro{max-width:350px;padding-left:40px;border-left:1px solid var(--sand);font-size:20px}
.expansion-filters{margin:0 var(--gutter);padding:10px 0;display:flex;gap:6px 28px;align-items:center;flex-wrap:wrap}
.filter-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;min-width:90px;color:#625d4e}
.expansion-categories,.topic-filters,.style-tabs{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.expansion-categories button,.topic-filters button,.style-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;padding:12px 10px}
.expansion-categories button[aria-pressed=true],.topic-filters button[aria-pressed=true],.style-tabs button[aria-pressed=true]{border-color:var(--bronze)}
.style-row{display:flex;gap:28px;align-items:center;width:100%;border-top:1px solid var(--sand);padding-top:2px}
.expansion-select-label select{background:transparent;border:0;border-bottom:1px solid var(--bronze);padding:10px;color:#000}
.js-style-tabs .expansion-select-label{display:none}
.expansion-meta{display:flex;justify-content:space-between;padding:0 var(--gutter) 12px;font-size:12px;color:#645d54}
.expansion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;padding:0 2.4% 40px}
.expansion-card{display:block;min-width:0}.expansion-card:nth-child(3n+1){grid-column:span 2}
.expansion-card-photo{height:clamp(250px,24.5vw,420px);overflow:hidden;background:var(--sand)}
.expansion-card-photo img{height:100%;object-fit:cover;transition:transform .6s}
.expansion-card-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px}
.expansion-card-caption h2{font-size:clamp(26px,2.3vw,38px);letter-spacing:-.03em}
.expansion-card-caption p{font-size:13px;margin-top:6px;color:#645d54}
.expansion-card-arrow{font-size:34px;color:var(--bronze)}
.expansion-cta,.project-contact{padding:32px var(--gutter);background:var(--olive);color:var(--ivory);display:flex;justify-content:space-between;gap:40px;align-items:center}
.expansion-cta h2,.project-contact h2{font-size:clamp(34px,3.8vw,60px)}.expansion-cta .text-link{flex-shrink:0}
.expansion-footer{padding:44px var(--gutter) 24px;background:var(--ivory);color:#000;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}
.expansion-footer .wordmark>span{font-size:30px}.expansion-footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;width:100%;border-top:1px solid var(--sand);padding-top:22px;font-size:12px;color:#645d54}
.footer-bottom address{font-style:normal}
.expansion-empty{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px var(--gutter) 60px}
.expansion-empty-image{height:380px;object-fit:cover}.expansion-empty h2{font-size:clamp(38px,4vw,64px);margin-bottom:20px}
.expansion-empty .text-link{margin-top:28px}.expansion-loading,.expansion-message,.project-message{padding:60px var(--gutter)}
.expansion-message h2,.project-message h1{margin-bottom:20px}.expansion-retry{border:1px solid var(--bronze);background:transparent;padding:12px 24px;margin-top:20px}
.project-hero{height:clamp(510px,36.5vw,690px);position:relative;color:var(--ivory);background:#302a20;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:160px var(--gutter) 42px}
.project-hero h1{margin:20px 0 8px}.project-hero .eyebrow{letter-spacing:.04em;text-transform:none}
.project-subtitle{font:400 clamp(25px,2.7vw,42px)/1.2 var(--display)}
.project-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:36px var(--gutter)}
.project-intro h2{margin-top:12px;max-width:580px}.project-intro-copy{max-width:680px}
.project-intro-copy .text-link{margin-top:20px;font-size:14px}.source-link{font-size:12px;margin-top:15px}
.project-status{font-size:12px;color:#645d54;margin-top:15px}
.expansion-project-facts{display:flex;gap:40px;padding:10px var(--gutter);margin:0}.expansion-project-facts dt{font-size:12px;text-transform:uppercase}.expansion-project-facts dd{margin:5px 0}
.expansion-project-body{padding:25px var(--gutter)}.gallery-heading{display:flex;justify-content:space-between;padding:14px 2.4%;font-size:12px}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 2.4% 32px}
.gallery-item{padding:0;border:0;background:transparent;display:block;width:100%;text-align:left;color:inherit}
.gallery-item img{height:clamp(280px,33vw,550px);object-fit:cover}.gallery-item figcaption{font-size:12px;padding:10px 0}
.project-end{padding:25px var(--gutter) 55px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.dialog-open{overflow:hidden}
.gallery-dialog{width:95vw;max-width:1600px;max-height:96dvh;border:0;padding:20px;background:#151511;color:var(--ivory)}
dialog::backdrop{background:#000c}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.dialog-top h2{font:400 16px var(--body)}.dialog-top button,.dialog-bottom button{color:inherit;background:transparent;border:1px solid #ffffff55;padding:10px 16px}
.dialog-image-wrap{height:75dvh;padding:20px 0}.dialog-image-wrap img{height:100%;object-fit:contain}.expansion-dialog-meta{text-align:center;font-size:13px}
.about-hero{display:grid;grid-template-columns:47% 53%;height:clamp(710px,46.2vw,820px)}
.about-portrait{height:100%;min-height:0;object-fit:cover;object-position:center 36%}
.about-copy{padding:70px 5vw 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}
.about-copy h1{font-size:clamp(50px,5vw,80px);line-height:1.02}.about-copy>p:not(.eyebrow){font-size:clamp(17px,1.5vw,23px);max-width:660px}
.about-copy p+p{margin-top:0}.about-quote{padding:36px var(--gutter);background:var(--olive);color:var(--ivory);display:flex;align-items:center;justify-content:space-between;gap:50px}
.about-quote h2{max-width:720px}.about-story{padding:65px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:70px}
.about-story p{max-width:680px}
.blog-heading{display:block;padding:20px var(--gutter)}.blog-heading h1{margin:0}.blog-heading p{font-size:18px;letter-spacing:.1em;margin-top:4px}
.blog-filters{justify-content:space-between;margin-bottom:10px;padding:12px 0 0;border-bottom:1px solid var(--bronze)}
.search-label{display:flex;gap:10px;align-items:center}.search-label input{background:transparent;border:0;padding:10px 0;max-width:230px;width:100%;color:var(--ink)}
.search-label svg{width:22px;height:22px;stroke:var(--bronze);fill:none}
.blog-grid{grid-template-columns:1fr 1fr;padding:0 var(--gutter) 50px;gap:30px}
.blog-grid .expansion-card:nth-child(n){grid-column:auto}.blog-grid .expansion-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:62% 1fr;gap:0 4%;padding-bottom:24px;border-bottom:1px solid var(--bronze)}
.blog-grid .expansion-card:first-child .expansion-card-photo{grid-row:1/4;height:360px}
.blog-grid .expansion-card:first-child .expansion-card-caption{padding:10px 0;align-items:flex-start}
.blog-grid .expansion-card:first-child h2{font-size:clamp(37px,3.8vw,62px)}
.blog-grid .expansion-card:first-child .expansion-card-arrow{display:none}
.blog-grid .expansion-card-photo{height:250px}
.blog-grid .expansion-card-caption{padding-left:0}.blog-grid .expansion-card-excerpt{font-size:17px;line-height:1.5}
.post-topic{font:400 11px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#665539;margin-bottom:12px}
.read-article{display:inline-block;margin-top:20px;font-size:15px;border-bottom:1px solid var(--bronze);width:max-content;padding-bottom:4px}
.demo-label{display:inline-block;font:400 10px/1.5 var(--body);letter-spacing:.05em;border:1px solid var(--bronze);padding:3px 7px;margin-top:10px;color:#625238}
.video-demo-label{position:absolute;top:18px;left:18px;right:18px;width:max-content;max-width:calc(100% - 36px);font-size:10px;letter-spacing:.03em;padding:5px 8px;background:#000b;color:var(--ivory)}
.project-back{padding:18px var(--gutter);font-size:13px}
.article-heading{text-align:center;padding:0 var(--gutter) 28px}.article-heading h1{font-size:clamp(43px,5.4vw,88px);max-width:1140px;margin:10px auto}
#article-excerpt{font-size:clamp(18px,2vw,28px);color:#625d4e}
.expansion-article-meta{font-size:12px;margin-top:16px}
.expansion-article-cover img{height:clamp(280px,28vw,480px);object-fit:cover}.expansion-article-cover figcaption{font-size:12px;padding:8px var(--gutter)}
.article-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 275px;gap:45px;padding:40px var(--gutter) 70px}
.article-toc{font-size:14px;align-self:start;position:sticky;top:20px}.article-toc p{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.article-toc a{display:block;padding:14px 0;border-bottom:1px solid var(--sand)}
.article-aside{background:var(--olive);color:var(--ivory);padding:24px;align-self:start}.article-aside h2{font-size:31px;margin-bottom:20px}.article-aside .button{font-size:13px;padding:12px 14px;gap:10px;width:100%}
.expansion-article-body{font-size:19px;line-height:1.75;min-width:0}.expansion-article-body h2{font-size:43px;margin:0 0 20px}.expansion-article-body h3{font-size:33px;margin:30px 0 18px}
.expansion-article-body p,.expansion-article-body ul,.expansion-article-body ol{margin-bottom:24px}.expansion-article-body h2:not(:first-child){margin-top:40px}
.expansion-article-body figure{margin:30px 0}.expansion-article-body img,.expansion-article-body video{max-width:100%;height:auto}.expansion-article-body blockquote{margin:30px 0;border-left:2px solid var(--bronze);padding-left:25px;font:32px/1.2 var(--display)}
.expansion-article-body a{text-decoration:underline;text-underline-offset:4px}
.expansion-related{padding:10px var(--gutter) 45px}.expansion-related h2{font-size:32px}.expansion-related nav{display:flex;gap:25px;flex-wrap:wrap}
.expansion-preview{background:var(--sand);padding:12px var(--gutter);font-size:13px}
.video-page{background:var(--olive);color:var(--ivory)}.video-heading{align-items:flex-end;padding-top:36px;padding-bottom:24px}
.video-heading h1{font-size:clamp(43px,4.6vw,76px)}.video-heading p{font-size:18px;margin-top:10px}
.video-heading .topic-filters{border-bottom:1px solid var(--sand);flex-wrap:nowrap;gap:18px;white-space:nowrap}
.video-heading .topic-filters button[aria-pressed=true]{border-color:var(--ivory)}
.video-feed{position:relative;padding:10px 8% 30px}.expansion-video-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--sand) transparent;padding:12px 0}
.expansion-video-card{position:relative;border:0;padding:0;background:#2f2c23;color:var(--ivory);flex:0 0 calc((100% - 56px)/3);aspect-ratio:3/4;scroll-snap-align:center;isolation:isolate;text-align:left;transition:transform .3s}
.expansion-video-card:nth-child(3n+2){outline:2px solid var(--sand);outline-offset:5px}
.expansion-video-poster{position:absolute;inset:0;z-index:-2}.expansion-video-poster img{width:100%;height:100%;object-fit:cover}
.expansion-video-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b);z-index:-1}
.expansion-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--ivory);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;background:#0002;font-size:24px}
.expansion-video-card h2{position:absolute;bottom:25px;left:25px;right:25px;font-size:clamp(25px,2.5vw,40px)}.expansion-video-card>p{position:absolute;top:20px;right:20px;font-size:12px;background:#0007;padding:3px 7px}
.feed-arrow{position:absolute;top:45%;background:transparent;border:0;color:var(--ivory);font-size:40px;padding:8px}.feed-arrow.prev{left:3%}.feed-arrow.next{right:3%}
.video-page .expansion-cta{background:var(--ivory);color:#000}.video-page .expansion-cta .text-link{background:#000;color:var(--ivory)}
.expansion-video-dialog{padding:0;border:1px solid var(--olive);max-width:1000px;width:90vw;max-height:92dvh;background:#141410;color:var(--ivory);overflow:auto}
.expansion-video-dialog[open]{display:grid;grid-template-columns:58% 42%}.expansion-video-stage{background:#000;min-height:400px}.expansion-video-stage video{width:100%;height:85dvh;max-height:800px;display:block}
.expansion-video-info{padding:30px;display:flex;flex-direction:column;gap:22px}.expansion-video-info h2{font-size:34px}.expansion-video-close{align-self:flex-end;background:transparent;color:inherit;border:0;padding:6px}
.expansion-video-controls{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.expansion-video-controls button{padding:12px 20px;background:transparent;color:inherit;border:1px solid var(--sand)}
button:disabled{opacity:.35;cursor:default}.expansion-video-project{text-decoration:underline}.expansion-video-transcript{font-size:14px}
@media(min-width:1700px){:root{--gutter:max(5.7vw,calc((100vw - 1600px)/2))}}
@media(max-width:1100px){
 .site-header{height:90px;padding:18px 4%;gap:18px}.main-nav{gap:20px;font-size:14px}.nav-contact{padding:10px 16px}
 .wordmark>span{font-size:30px}.wordmark>small{font-size:8px}
 .hero-copy{bottom:140px}.hero h1{font-size:76px}.expansion-heading{gap:25px}.expansion-intro{font-size:16px;padding-left:25px;max-width:260px}
 .expansion-heading h1{font-size:68px}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.article-aside{grid-column:2}
 .video-heading{display:block}.video-heading .topic-filters{margin-top:20px;width:max-content}.about-copy{padding:40px 5vw;gap:20px}.about-copy h1{font-size:57px}
 .about-hero{height:680px}.about-copy>p:not(.eyebrow){font-size:18px}
 .blog-grid .expansion-card:first-child{grid-template-columns:55% 1fr}.section-heading{margin-left:0;margin-right:0}
 .home-categories{gap:10px;font-size:14px}.home-about img{height:580px}.home-about-copy{padding:45px}
}
@media(max-width:800px){
 :root{--gutter:6vw}.site-header{height:88px;padding:18px var(--gutter)}.wordmark>span{font-size:31px}.wordmark>small{font-size:8px}
 .has-js .menu-toggle{display:block}.main-nav{gap:18px}.has-js .main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--ivory);color:#000;padding:24px 6vw;border-bottom:1px solid var(--bronze)}
 .has-js .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.main-nav .nav-contact{text-align:center;background:#000;color:var(--ivory)}
 .hero{height:700px}.hero-copy{bottom:155px}.hero h1{font-size:78px;max-width:550px}.hero-thumbs{gap:8px}.hero-thumb{height:65px;width:110px}.hero-carousel{gap:8px}
 .section-heading{display:block}.home-categories{margin-top:20px;width:max-content;max-width:100%}.selected-photo{height:300px}.selected-caption{display:block}.card-link{display:block;margin-top:10px}
 .expansion-heading h1{font-size:55px}.expansion-intro{max-width:220px;font-size:15px}
 .expansion-grid{grid-template-columns:1fr 1fr}.expansion-card:nth-child(3n+1){grid-column:auto}.expansion-card:first-child{grid-column:1/-1}
 .expansion-card:first-child .expansion-card-photo{height:380px}.expansion-card-photo{height:280px}
 .expansion-cta,.project-contact{align-items:flex-start;flex-direction:column;gap:24px;padding-top:35px;padding-bottom:35px}
 .project-hero{height:560px}.project-intro{gap:30px}.project-hero .button{padding:10px 16px;white-space:nowrap}.project-hero h1{font-size:64px}
 .about-hero{grid-template-columns:42% 58%;height:auto;min-height:680px}.about-copy h1{font-size:45px}.about-copy>p:not(.eyebrow){font-size:16px}.about-portrait{object-position:53% center}
 .about-quote{align-items:flex-start;flex-direction:column;gap:20px}.about-story{gap:30px}.home-journal{gap:35px}
 .blog-grid .expansion-card:first-child{grid-template-columns:1fr}.blog-grid .expansion-card:first-child .expansion-card-photo{height:360px;grid-row:auto}
 .blog-grid .expansion-card:first-child h2{font-size:48px}.blog-filters{align-items:flex-start}.search-label{width:100%}.topic-filters{gap:15px}
 .expansion-video-card{flex-basis:calc((100% - 24px)/2);aspect-ratio:9/14}.expansion-video-grid{gap:24px}.video-heading h1{font-size:53px}
 .home-about img{height:100%;min-height:500px}.home-about-copy{padding:35px}.home-about-copy h2{font-size:46px}
 .expansion-empty{gap:25px}.expansion-empty-image{height:350px}
}
@media(max-width:560px){
 body{font-size:16px}.site-header{height:82px}.wordmark>span{font-size:clamp(20px,6.7vw,26px)}.wordmark>small{font-size:7px;margin-top:7px}.menu-toggle{font-size:13px;padding:7px 9px}
 .has-js .main-nav{top:82px}.hero{height:680px;max-height:900px}.hero-photo{object-position:53% center}.hero-copy{bottom:152px;right:6vw}
 .hero h1{font-size:clamp(55px,13.6vw,74px);line-height:1.03;margin-bottom:25px}.hero .eyebrow{font-size:10px;letter-spacing:.15em}
 .hero-carousel::before,.hero-carousel::after{display:none}.hero-thumb{width:22vw;height:65px}.hero-carousel{inset:auto 3% 27px;gap:6px}.hero-arrow{padding:5px;font-size:30px}
 .selected-section{padding:30px 6%}.section-heading h2{font-size:39px}.home-categories{gap:14px;font-size:13px}.home-categories a{padding:10px 0}
 .selected-grid{grid-template-columns:1fr;gap:22px}.selected-photo{height:320px}.selected-caption{display:flex}.selected-caption h3{font-size:32px}.card-link{font-size:10px}.all-projects{text-align:left;margin-left:0}
 .home-about,.home-journal{grid-template-columns:1fr}.home-about img{height:450px;min-height:0;object-position:center 30%}.home-about-copy{padding:40px 6vw}.home-journal{padding:45px 6vw;gap:45px}
 .expansion-heading{display:block;padding:26px 6vw}.expansion-heading h1{font-size:52px}.expansion-intro{margin-top:20px;padding:0;border:0;max-width:100%;font-size:16px}
 .expansion-filters{gap:8px;padding:10px 0}.filter-label{min-width:65px;font-size:9px}.expansion-categories,.style-tabs{gap:3px}.expansion-categories button,.style-tabs button{padding:10px 8px;font-size:13px}
 .style-row{gap:8px;align-items:flex-start}.style-row .filter-label{padding-top:13px}.style-tabs{flex:1}.expansion-meta{padding-top:8px}
 .expansion-meta>p:last-child{display:none}.expansion-grid{grid-template-columns:1fr;padding:0 6vw 30px;gap:24px}.expansion-card:nth-child(n){grid-column:auto}
 .expansion-card-photo,.expansion-card:first-child .expansion-card-photo{height:320px}.expansion-card-caption{padding:12px 0}.expansion-card-caption h2{font-size:32px}
 .expansion-cta h2,.project-contact h2{font-size:40px}.expansion-footer{padding:35px 6vw}.expansion-footer .wordmark>span{font-size:27px}.expansion-footer nav{gap:18px;font-size:13px}
 .footer-bottom{gap:12px}.expansion-empty{grid-template-columns:1fr;padding-top:15px}.expansion-empty-image{height:290px}.expansion-empty h2{font-size:42px}
 .project-hero{min-height:600px;height:600px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:22px;padding-bottom:32px}.project-hero h1{font-size:58px;margin:12px 0}
 .project-intro{grid-template-columns:1fr;gap:25px;padding:32px 6vw}.project-intro h2{font-size:44px}.project-gallery{grid-template-columns:1fr;padding:0 6vw 25px;gap:20px}
 .gallery-item img{height:auto;max-height:600px;object-fit:cover}.gallery-heading{padding:10px 6vw;gap:20px}.gallery-heading p{font-size:10px}
 .project-end{flex-direction:column;align-items:flex-start;gap:15px}.project-end .text-link{font-size:14px}.dialog-image-wrap{height:70dvh}.gallery-dialog{padding:12px}.dialog-bottom button span{display:none}
 .about-hero{grid-template-columns:1fr;height:auto}.about-portrait{min-height:0;height:460px;object-position:center 25%}.about-copy{padding:38px 6vw;gap:23px}.about-copy h1{font-size:50px}
 .about-copy>p:not(.eyebrow){font-size:17px}.about-quote h2{font-size:44px}.about-story{grid-template-columns:1fr;padding:40px 6vw;gap:25px}
 .blog-heading h1{font-size:52px}.blog-heading p{font-size:14px;letter-spacing:.05em}.blog-filters{padding:10px 0 15px;gap:8px}
 .topic-filters{gap:5px}.topic-filters button{padding:10px 8px;font-size:13px}.blog-grid{padding:0 6vw 35px}
 .blog-grid .expansion-card:first-child .expansion-card-photo{height:280px}.blog-grid .expansion-card:first-child h2{font-size:42px}
 .article-heading{padding-top:8px}.article-heading h1{font-size:46px}.article-layout{grid-template-columns:1fr;padding:30px 6vw 40px;gap:30px}
 .article-toc{position:static}.article-toc nav{display:flex;flex-wrap:wrap;gap:10px 22px}.article-toc a{font-size:13px;padding:8px 0}.article-aside{grid-column:auto}
 .expansion-article-body{font-size:17px}.expansion-article-body h2{font-size:37px}.expansion-article-cover img{height:300px}
 .video-heading h1{font-size:50px}.video-heading p{font-size:16px}.video-heading .topic-filters{gap:3px;max-width:100%;white-space:normal}
 .video-feed{padding:0 9% 25px}.expansion-video-card{flex-basis:100%;aspect-ratio:9/14}.expansion-video-card h2{font-size:36px}
 .feed-arrow{font-size:32px;padding:2px}.feed-arrow.prev{left:1%}.feed-arrow.next{right:1%}
 .expansion-video-dialog[open]{display:flex;flex-direction:column;width:96vw}.expansion-video-stage{min-height:0}.expansion-video-stage video{height:58dvh}
 .expansion-video-info{padding:20px}.expansion-video-close{position:absolute;right:12px;top:12px;background:#000b}.expansion-video-info h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}