@font-face{font-family:Mono;src:url('fonts/suisse-intl-mono-regular.woff');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#fafaf8;color:#1c1d1a;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #d54023;outline-offset:5px}img,video{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{font-weight:400;margin:0}button{cursor:pointer}.muted{color:#85867f}.skip{position:fixed;left:20px;top:-80px;z-index:200;background:#fff;padding:20px}.skip:focus{top:10px}header{display:grid;grid-template-columns:1fr 1fr;padding:24px 24px 30px;gap:24px;min-height:180px}.identity{display:flex;gap:55px;align-items:flex-start}.wordmark{font-size:clamp(36px,4.6vw,75px);letter-spacing:-.085em;line-height:.85;white-space:nowrap}.wordmark span{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:8px}.location{font-size:13px;line-height:1.5;padding-top:1px}.intro{font-size:clamp(20px,2vw,33px);letter-spacing:-.04em;line-height:1.14;max-width:790px}nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #deded7;background:#fafaf8e8;backdrop-filter:blur(20px);font-size:12px}nav>div{display:flex;gap:25px}nav a{color:#777870;transition:color .2s}nav a:hover{color:#111}nav sup{font:8px Mono}.nav-note{color:#888980}main{padding:0 24px}.work-tools{display:flex;justify-content:space-between;margin:64px 0 14px;font-size:11px;color:#83847d}.work-tools>div{display:flex;gap:10px}.work-tools button{border:0;background:none;padding:0;color:#94958e}.work-tools button.active{color:#1c1d1a}.work-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px}.work-card.wide{grid-column:1/-1}.work-image{position:relative;overflow:hidden;border-radius:5px;background:#ddd;aspect-ratio:1.18}.wide .work-image{aspect-ratio:1.91}.work-image img{transition:transform 1.1s cubic-bezier(.2,.6,.3,1);will-change:transform}.work-card:hover img{transform:scale(1.025)}.work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 27%,transparent 80%,#0004);pointer-events:none}.overline,.image-caption{position:absolute;left:18px;right:18px;z-index:2;color:#fff;font-size:12px}.overline{top:17px;display:flex;justify-content:space-between}.project-arrow{opacity:0;transform:translate(-5px,5px);transition:.25s}.work-card:hover .project-arrow{opacity:1;transform:none}.image-caption{bottom:17px;font-size:10px;font-family:Mono}.caption{display:flex;gap:20px;padding-top:10px;font-size:11px;align-items:baseline}.caption h2{font-size:12px;flex:1}.caption>span{color:#85867f}.caption>span:last-child{color:#222}.statement{display:grid;grid-template-columns:1fr 1fr;padding:160px 0 140px;gap:24px}.eyebrow{font:10px/1.5 Mono,monospace;color:#85867f}.statement h1{font-size:clamp(52px,6.8vw,108px);letter-spacing:-.065em;line-height:.96}.statement p{font-size:22px;line-height:1.3;letter-spacing:-.03em;max-width:480px;margin:30px 0}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.section-title{display:flex;justify-content:space-between;border-top:1px solid #deded7;padding:17px 0 26px;font-size:12px}.section-title h2{font-size:12px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note img{aspect-ratio:1.5;height:auto;border-radius:4px}.note h3{font-size:21px;letter-spacing:-.03em;line-height:1.1;margin:16px 0 12px;max-width:350px}.note>span{font-size:11px}.journal-preview{padding-bottom:100px}footer{padding:60px 24px 0;border-top:1px solid #deded7;overflow:hidden}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:clamp(24px,3vw,48px);letter-spacing:-.04em;line-height:1.1;padding-bottom:100px}.footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:#83847d}.giant{font-size:25.4vw;letter-spacing:-.095em;line-height:.84;margin:60px 0 -1.7vw -1vw;white-space:nowrap}.page-title,.case-intro{padding:85px 0 55px}.page-title h1,.case-intro h1{font-size:clamp(48px,7vw,110px);line-height:1;letter-spacing:-.065em;margin-top:36px;max-width:1200px}.case-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;font-size:12px;color:#797a73;gap:20px}.case-hero{aspect-ratio:1.9;border-radius:4px;overflow:hidden}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:85px 0}.case-story p{font-size:21px;line-height:1.4;letter-spacing:-.02em;margin-bottom:25px;max-width:680px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery figure{margin:0;overflow:hidden;border-radius:4px}.gallery img{height:auto}.gallery figure:nth-child(3n+1){grid-column:1/-1}.gallery video{aspect-ratio:16/9}.next{display:block;padding:100px 0}.next h2{font-size:clamp(35px,5vw,75px);letter-spacing:-.05em;margin-top:24px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 0 90px;border-top:1px solid #deded7}.services h2{font-size:30px;letter-spacing:-.04em;margin:25px 0 18px}.services p{font-size:17px;line-height:1.4;max-width:320px;color:#75766f}.portrait{max-width:700px;margin:0 auto 100px}.portrait img{height:auto}.journal-list>a{display:grid;grid-template-columns:40px 200px 1fr 20px;gap:25px;padding:30px 0;border-top:1px solid #deded7}.journal-list img{height:145px;border-radius:4px}.journal-list h2{font-size:30px;letter-spacing:-.04em;max-width:700px;margin-bottom:15px}.journal-list p{color:#85867f;max-width:600px;line-height:1.4;font-size:15px}.journal-list{padding-bottom:100px}.article-title h1{max-width:1100px}.article-image{aspect-ratio:2}.article-body{max-width:720px;margin:70px auto 100px;font-size:20px;line-height:1.6}.article-body p{margin-bottom:25px}.article-body h2,.article-body h3{font-size:30px;letter-spacing:-.03em;line-height:1.2;margin:50px 0 25px}.contact-title{min-height:70vh}.contact-email{display:inline-block;font-size:clamp(24px,4vw,64px);letter-spacing:-.05em;margin:50px 0 30px;border-bottom:1px solid}.contact-title p{font-size:20px;line-height:1.4;margin-bottom:35px}.index-layout .work-feed{display:block}.index-layout .work-card{display:block;border-top:1px solid #deded7}.index-layout .work-image{display:none}.index-layout .caption{padding:25px 0}.index-layout .caption h2{font-size:clamp(24px,3vw,44px);letter-spacing:-.04em}.index-layout .caption>span{font-size:12px}.work-card{animation:enter .7s both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1700px){header,nav,main,footer{padding-left:32px;padding-right:32px}}@media(max-width:800px){header{padding:20px 16px 28px;grid-template-columns:1fr;gap:30px}.identity{justify-content:space-between}.wordmark{font-size:52px}.intro{font-size:24px;max-width:650px}.location{font-size:11px}nav{padding:15px 16px}nav>div{gap:20px}.nav-note{display:none}main{padding:0 12px}.work-tools{margin-top:40px}.work-feed{gap:27px 12px}.wide .work-image{aspect-ratio:1.3}.work-image{aspect-ratio:.85}.overline{top:12px;left:12px;font-size:11px}.image-caption{left:12px;bottom:12px;font-size:8px}.caption{gap:5px}.caption>span:not(:last-child){display:none}.statement{padding:90px 4px;grid-template-columns:1fr;gap:35px}.statement p{font-size:20px}.notes-grid{grid-template-columns:1fr;gap:35px}.note h3{max-width:none;font-size:25px}.note img{aspect-ratio:1.6}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:65px;font-size:30px}footer{padding:40px 16px 0}.footer-bottom{gap:20px;flex-wrap:wrap;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.giant{margin-top:45px}.page-title,.case-intro{padding:50px 4px 40px}.case-story{grid-template-columns:1fr;padding:50px 4px;gap:30px}.case-story p{font-size:19px}.case-meta{grid-template-columns:1fr;gap:15px}.case-hero{aspect-ratio:1.2}.gallery{gap:10px}.services{grid-template-columns:1fr;padding:35px 4px 60px;gap:45px}.journal-list>a{grid-template-columns:100px 1fr;gap:16px}.journal-list .eyebrow,.journal-list>a>span:last-child{display:none}.journal-list img{height:110px}.journal-list h2{font-size:23px}.journal-list p{display:none}.article-body{padding:0 8px;font-size:18px}.article-image{aspect-ratio:1.4}.contact-title p{font-size:18px}.index-layout .caption>span:not(:last-child){display:block;max-width:120px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Official AM76 artwork, preserving its original proportions. */
.wordmark{display:block;width:clamp(160px,16vw,245px);flex-shrink:0;line-height:1}.wordmark img{display:block;width:100%;height:auto;object-fit:contain}.giant{display:block;width:100%;margin:60px 0 0;padding:0;line-height:1}.giant img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:800px){.wordmark{width:180px}.giant{margin-top:45px}}
/* Scroll choreography: progressive enhancement, with native scrolling. */
@media(prefers-reduced-motion:no-preference){
.motion-ready .reveal{opacity:0;transform:translateY(40px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.motion-ready .work-card{animation:none}
.motion-ready .work-card.reveal .work-image,.motion-ready .gallery figure.reveal{clip-path:inset(0 0 20% 0 round 5px);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .work-card.reveal.is-visible .work-image,.motion-ready .gallery figure.reveal.is-visible{clip-path:inset(0 0 0 0 round 5px)}
.motion-ready .work-card.reveal .work-image img{transform:scale(1.065);transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.motion-ready .work-card.reveal.is-visible .work-image img{transform:scale(1)}
.motion-ready .work-card.reveal.is-visible:hover .work-image img{transform:scale(1.025)}
.motion-ready .index-layout .work-card{opacity:1;transform:none;transition:none}
.motion-ready .giant.reveal{clip-path:inset(0 0 100% 0);transform:translateY(28px);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1),transform 1.25s cubic-bezier(.16,1,.3,1),opacity .8s}
.motion-ready .giant.reveal.is-visible{clip-path:inset(0);transform:translateY(0)}
}
/* Editorial scale: one opener, then a denser mix of project formats. */
.work-feed{grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 16px;align-items:start}.work-card.hero-feature{grid-column:span 12}.hero-feature .work-image{aspect-ratio:2.15;max-height:650px}.work-card.paired{grid-column:span 6}.paired .work-image{aspect-ratio:1.5}.work-card.compact{grid-column:span 4}.compact .work-image{aspect-ratio:1.15}.work-card.feature-offset{grid-column:span 8}.feature-offset .work-image{aspect-ratio:1.7}.work-card.side-note{grid-column:span 4;padding:70px 28px 0}.side-note .work-image{aspect-ratio:.85}.caption{align-items:start}.caption>span:not(:last-child){max-width:48%;line-height:1.4}.statement{padding:100px 0 85px}.statement h1{font-size:clamp(48px,5vw,80px)}.statement p{font-size:19px}.journal-preview{padding-bottom:90px}.notes-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.note img{aspect-ratio:1;height:auto;border-radius:5px}.note h3{font-size:13px;line-height:1.25;letter-spacing:-.015em;margin:11px 0 5px}.note-summary{font-size:12px;line-height:1.35;color:#85867f;margin-bottom:12px}.note>span{font-size:10px}.giant{max-width:700px;margin:55px auto 18px}.footer-top{font-size:clamp(24px,2.5vw,40px);padding-bottom:65px}.work-tools{margin-top:44px}.index-layout .work-card.side-note{padding:0}@media(max-width:1000px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.note h3{font-size:15px}.work-card.side-note{padding:40px 12px 0}.compact .caption>span:not(:last-child){display:none}}@media(max-width:600px){.work-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.work-card.hero-feature,.work-card.feature-offset{grid-column:span 2}.work-card.paired,.work-card.compact,.work-card.side-note{grid-column:span 1}.hero-feature .work-image{aspect-ratio:1.5}.paired .work-image,.compact .work-image{aspect-ratio:1}.work-card.side-note{padding:0}.side-note .work-image{aspect-ratio:1}.feature-offset .work-image{aspect-ratio:1.6}.work-card:nth-child(8){grid-column:span 2;max-width:65%;justify-self:center;margin:10px 0}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.note h3{font-size:14px}.note-summary{font-size:12px}.statement{padding:75px 4px}.giant{max-width:85%;margin:40px auto 15px}.footer-top{font-size:27px}}
/* Header logo at 65% of its previous width. Footer artwork is independent. */
.wordmark{width:clamp(104px,10.4vw,159.25px)}
.reel-section{margin:60px 0 55px}.reel-placeholder{position:relative;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#191b18;color:#eeefe9}.showreel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-top,.reel-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a4a79e}.reel-top{top:20px}.reel-bottom{bottom:20px;font:10px/1.5 Mono,monospace}.reel-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-size:clamp(26px,4vw,62px);letter-spacing:-.05em}.reel-mark{font-size:clamp(40px,7vw,110px);line-height:1;color:#73786b}.reel-section+#work .work-tools{margin-top:0}@media(max-width:800px){.wordmark{width:117px}.reel-section{margin:40px 0}.reel-placeholder{aspect-ratio:4/3}.reel-top,.reel-bottom{left:14px;right:14px;font-size:9px}.reel-top{top:14px}.reel-bottom{bottom:14px}.reel-center{gap:15px}}
/* Full-width first project: do not let a height cap shrink the ratio box. */
.work-card.hero-feature{width:100%;min-width:0}.hero-feature .work-image{width:100%;max-height:none;aspect-ratio:2.15}.hero-feature .work-image img{width:100%;height:100%}
/* The lower page is an opaque sheet that scrolls over the pinned reel. */
main:has(>.reel-section){isolation:isolate}.reel-section{position:sticky;top:50px;z-index:0}.reel-section~section{position:relative;z-index:2;background:#fafaf8}.reel-section+#work{padding-top:26px;box-shadow:0 -18px 35px -30px #0005}.reel-section~.statement,.reel-section~.journal-preview{margin-top:0}footer{position:relative;z-index:3;background:#fafaf8}.giant{width:calc(100% + 48px);max-width:none;margin:55px -24px 0}.giant img{width:100%;height:auto}.giant.reveal{opacity:1!important;transform:none!important;clip-path:none!important}
@media(min-width:1700px){.giant{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}}
@media(max-width:800px){.giant{width:calc(100% + 32px);max-width:none;margin:40px -16px 0}.reel-section{top:45px}}
@media(max-width:600px){.hero-feature .work-image{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.reel-section{position:relative;top:auto}}
/* Persistent brand anchor in the sticky navigation. */
nav{align-items:center;justify-content:flex-start;gap:30px;min-height:54px;padding-top:12px;padding-bottom:12px}.nav-logo{display:block;width:72px;flex:0 0 72px;color:#1c1d1a}.nav-logo img{width:100%;height:auto;object-fit:contain}.nav-note{margin-left:auto}.reel-section{top:54px}@media(max-width:800px){nav{gap:18px}.nav-logo{width:58px;flex-basis:58px}.reel-section{top:54px}}@media(max-width:480px){nav{gap:14px;padding-left:12px;padding-right:12px}nav>div{gap:14px;font-size:11px}.nav-logo{width:50px;flex-basis:50px}}
/* Keep superscript counts out of the navigation's text line box. */
nav>div{align-items:center}nav>div>a{position:relative;display:inline-flex;align-items:center;height:24px;line-height:1;white-space:nowrap}nav>div>a:has(sup){padding-right:13px}nav sup{position:absolute;right:0;top:2px;line-height:1;vertical-align:baseline}nav .nav-note{line-height:24px}.nav-logo{align-self:center}
/* Show the compact logo only after navigation reaches the viewport top. */
.nav-sentinel{display:block;height:1px;margin-bottom:-1px;pointer-events:none}nav .nav-logo{width:0;flex-basis:0;margin-right:-30px;opacity:0;visibility:hidden;overflow:hidden;transition:flex-basis .3s ease,width .3s ease,margin-right .3s ease,opacity .25s ease,visibility .25s}nav .nav-logo img{width:72px;max-width:none}nav.is-stuck .nav-logo{width:72px;flex-basis:72px;margin-right:0;opacity:1;visibility:visible}@media(max-width:800px){nav .nav-logo{margin-right:-18px}nav .nav-logo img{width:58px}nav.is-stuck .nav-logo{width:58px;flex-basis:58px}}@media(max-width:480px){nav .nav-logo{margin-right:-14px}nav .nav-logo img{width:50px}nav.is-stuck .nav-logo{width:50px;flex-basis:50px}}@media(prefers-reduced-motion:reduce){nav .nav-logo{transition:none}}
/* Live showreel replaces the temporary title card. */
.showreel-video{display:block;width:100%;height:100%;object-fit:cover;background:#191b18}
/* Information: editorial service index and chronological recognition. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.information-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:65px 0 95px;border-top:1px solid #deded7}.info-rail h2{font-size:clamp(26px,3vw,44px);line-height:1.05;letter-spacing:-.045em;margin-top:23px}.info-rail p{font-size:12px;line-height:1.5;color:#85867f;margin-top:23px}.capability-row{display:grid;grid-template-columns:28px 1fr 1.2fr;gap:20px;padding:25px 0;border-top:1px solid #deded7}.capability-row:first-child{padding-top:0;border:0}.capability-row h3{font-size:21px;letter-spacing:-.025em;line-height:1.15}.capability-row ul{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.7;color:#73746d}.recognition-section{padding-bottom:120px}.recognition-year{border-top:1px solid #deded7}.recognition-year:last-child{border-bottom:1px solid #deded7}.recognition-year summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:23px 0;font-size:35px;letter-spacing:-.045em}.recognition-year summary::-webkit-details-marker{display:none}.year-total{margin-left:auto;font:10px Mono,monospace;letter-spacing:0;color:#85867f}.year-icon{font-size:24px;width:24px;text-align:center;transition:transform .25s;letter-spacing:0}.recognition-year[open] .year-icon{transform:rotate(45deg)}.recognition-year table{width:100%;table-layout:fixed;border-collapse:collapse;margin:10px 0 32px;text-align:left}.recognition-year th{font:9px/1.4 Mono,monospace;color:#85867f;letter-spacing:.015em;padding:0 18px 16px 0;font-weight:400}.recognition-year th:nth-child(1){width:39%}.recognition-year th:nth-child(2){width:36%}.recognition-year th:nth-child(3){width:25%}.recognition-year td{border-top:1px solid #e4e4df;padding:19px 18px 19px 0;font-size:13px;line-height:1.4;vertical-align:top;overflow-wrap:anywhere}.recognition-year td:last-child{color:#85867f;padding-right:0;font-size:12px}.award-name,.award-category{display:block}.award-category{font-size:11px;color:#85867f;margin-top:5px}.information-section+.information-section{margin-top:0}@media(max-width:950px){.information-section{grid-template-columns:1fr 2.3fr;gap:30px}.capability-row{grid-template-columns:22px 1fr;gap:14px}.capability-row ul{grid-column:2}.recognition-year td{font-size:12px}}@media(max-width:600px){.information-section{grid-template-columns:1fr;gap:40px;padding:40px 4px 65px}.info-rail h2{font-size:32px;margin-top:17px}.recognition-year summary{font-size:30px;padding:20px 0}.recognition-year th{font-size:8px;padding-right:10px}.recognition-year td{font-size:11px;padding:16px 10px 16px 0}.recognition-year td:last-child{font-size:10px}.award-category{font-size:10px}.recognition-year th:nth-child(1){width:38%}.recognition-year th:nth-child(2){width:35%}.recognition-year th:nth-child(3){width:27%}}
/* Awards: each measured line rises through its own clipping mask. */
.award-line-mask{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.award-line-inner{display:block}
@media(prefers-reduced-motion:no-preference){.award-motion-ready .award-line-inner{transform:translateY(115%);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .45s ease;transition-delay:var(--award-delay,0ms)}.award-motion-ready.award-in-view .award-line-inner{transform:translateY(0);opacity:1}}
/* Homepage media sources and framing are configured per project in thumbnails.js. */
.work-image .thumbnail-media{width:100%;height:100%;object-fit:var(--thumb-fit,cover);object-position:var(--thumb-position,50% 50%);background:var(--thumb-bg,#e5e5df)}.work-image{background:var(--thumb-bg,#e5e5df)}.work-image .thumbnail-media.is-contain{transform:none!important}.work-image video.thumbnail-media{transition:transform 1.1s cubic-bezier(.2,.6,.3,1)}.work-card:hover video.thumbnail-media:not(.is-contain){transform:scale(1.025)}@media(max-width:600px){.work-image .thumbnail-media{object-position:var(--thumb-mobile-position,var(--thumb-position,50% 50%))}}


/* Align the ALMA and Amalia thumbnail frames on desktop/tablet. */
@media (min-width: 601px) {
  body:not(.index-layout) .work-card.feature-offset,
  body:not(.index-layout) .work-card.side-note {
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }

  body:not(.index-layout) .work-card.side-note {
    padding: 0;
  }

  body:not(.index-layout) .feature-offset .work-image {
    width: 100%;
    flex: none;
  }

  body:not(.index-layout) .side-note .work-image {
    width: 100%;
    aspect-ratio: auto;
    flex: 1 1 0;
    min-height: 0;
    position: relative;
  }

  body:not(.index-layout) .side-note .work-image > img,
  body:not(.index-layout) .side-note .work-image > video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  body:not(.index-layout) .feature-offset .caption,
  body:not(.index-layout) .side-note .caption {
    flex: 0 0 34px;
    min-height: 34px;
  }
}

/* Footer: settle at the viewport bottom, with the wordmark flush to its edge. */
html{scroll-snap-type:y proximity}
footer{min-height:100svh;display:flex;flex-direction:column;scroll-snap-align:end;scroll-margin:0;padding-bottom:0}
footer .footer-top{flex-shrink:0}
footer .footer-bottom{flex-shrink:0;margin-bottom:55px}
footer .giant{display:block;flex-shrink:0;margin-top:auto;margin-bottom:-1.575vw;line-height:0}
footer .giant img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}