/* The existing editorial type, margins and navigation are the shared foundation. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-mark{position:relative}.hero-logo-composite{display:block;width:100%;height:auto}.hero-logo-film{opacity:0}.hero-logo-film>div,.hero-logo-film video{display:block;width:100%;height:100%}.hero-logo-film video{object-fit:cover}.motion-ready .hero-logo-film{animation:ink-to-motion 14s ease-in-out infinite}
@keyframes ink-to-motion{0%,12%,88%,100%{opacity:0}24%,72%{opacity:1}}
.hero-motion-control{position:absolute;left:3.2%;bottom:9%;display:flex;gap:9px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:.08em;background:transparent;color:var(--text);cursor:pointer}
.motion-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.hero-motion-control[aria-pressed=true] .motion-dot{background:transparent;border:1px solid currentColor}
.work-toolbar{display:flex;flex-direction:column;align-items:flex-end;gap:22px;padding-top:7px}.work-toolbar .section-meta{padding:0}.work-view-switch{display:flex;gap:18px;align-items:center}
.work-view-switch button{appearance:none;background:transparent;color:#aaa;border:0;border-bottom:1px solid transparent;padding:6px 0;font-family:var(--sans);font-size:10px;letter-spacing:.07em;font-weight:800;cursor:pointer;white-space:nowrap}
.work-view-switch button span{font-size:15px;vertical-align:-1px;margin-right:5px}.work-view-switch button[aria-pressed=true]{border-color:#fff;color:#fff}.work-view-switch button:hover{color:#fff}
#work-index{padding-top:24px;border-top:0}.work .index-head{display:none}.work .index-preview{color:#000}.row-thumbnail{display:none}
.case-story figure{margin:0;min-width:0}.media-zoom{appearance:none;display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;font:inherit;overflow:hidden}
.media-zoom img{width:100%;height:auto;display:block;object-fit:contain}.zoom-hint{position:absolute;right:16px;bottom:16px;width:30px;height:30px;display:grid;place-items:center;font-size:16px;background:#fff;color:#000;opacity:0;transition:opacity .2s,translate .2s;translate:0 4px}
.media-zoom:hover .zoom-hint,.media-zoom:focus-visible .zoom-hint{opacity:1;translate:0 0}.media-zoom:focus-visible,.full-film:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.curated-figure .caption{padding-top:13px;font-size:9px;line-height:1.5;letter-spacing:.06em}.case-opening{margin:0;background:#090909;color:#fff}.case-opening>.curated-figure>.caption{padding:15px 3.2% 22px}
.product-opening .media-zoom img{height:80svh;min-height:440px;max-height:1000px}.landscape-opening .media-zoom img{height:auto}.case-opening .zoom-hint{bottom:24px;right:3.2%}
.curated-grid{display:grid;gap:22px;margin:0 3.2% 100px;align-items:start}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.four-up{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.story-section{padding-top:55px;padding-bottom:30px}.story-section>.chapter{margin-bottom:12px}.ink-section{background:#080808;color:#fff;padding-top:75px;padding-bottom:30px}.ink-section>.chapter{border-color:#777}.ink-section>.chapter p{color:#ddd}
.curated-wide{margin:0 3.2% 120px}.square-plate{width:min(67%,1100px);margin-left:auto;margin-right:auto}.portrait-plate{width:min(45%,650px);margin-left:auto;margin-right:auto}
.panoramic-plate .media-zoom{background:#111}.landscape-plate{max-width:1400px;margin-left:auto;margin-right:auto}.staggered>.curated-figure:nth-child(2){padding-top:90px}
.curated-video{background:#0c0c0c;overflow:hidden}.curated-video video{display:block;width:100%;height:auto;max-height:900px;object-fit:contain}.square-clip video{aspect-ratio:1;max-height:none}.portrait-clip .curated-video{display:grid;place-items:center}.portrait-clip video{max-height:800px;max-height:min(84svh,900px)}
.motion-diptych{align-items:start}.device-passage{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;margin:0 8% 130px}.device-passage>.curated-figure{width:min(100%,440px);justify-self:center}.passage-copy{max-width:620px}.passage-copy h3{font-size:clamp(52px,7vw,130px);line-height:.86;letter-spacing:-.045em;margin:25px 0 28px}.passage-copy p{font-size:17px;line-height:1.5;max-width:430px}
.event-opening{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end;margin:0 3.2%}.riot-opening{grid-template-columns:.85fr 1.15fr}.poster-opening .media-zoom{background:#e7e7da;padding:8%}.riot-paper{background:#eeeee4;color:#111}.event-opening .curated-video video{max-height:none}.event-opening .caption{color:var(--text)}
.artist-opening{display:grid;grid-template-columns:1fr 1fr;background:#0b0b0b;color:#fff;align-items:center;padding:40px 6% 45px;gap:8%}.artist-opening-film{width:min(100%,460px);justify-self:center}.artist-opening-copy h2{font-family:var(--display);font-size:clamp(80px,11vw,190px);line-height:.83;letter-spacing:-.045em;margin:25px 0 38px;text-transform:uppercase}.artist-opening-copy p{font-size:18px;line-height:1.45;max-width:410px}.full-film{font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;gap:25px;background:transparent;color:inherit;border:1px solid currentColor;padding:18px 20px;margin-top:38px;cursor:pointer;width:min(100%,370px);text-align:left;transition:opacity .2s}.full-film:hover{opacity:.6}
.type-opening{background:var(--surface);color:var(--text);padding:0 3.2%}.type-opening .curated-grid{margin:0;gap:22px}.type-opening .caption{padding-bottom:0}.type-studies .media-zoom{background:#eee}.identity-opening{background:#f9f9f9;color:#111}.identity-opening .media-zoom img{height:68svh;min-height:430px;max-height:820px}.identity-details .media-zoom{background:#f9f9f9}.identity-details .media-zoom img{height:clamp(300px,35vw,600px)}.foundation-plate{width:min(80%,1300px);margin-left:auto;margin-right:auto}.pattern-plate{margin-top:10px}.format-comparison{display:grid;grid-template-columns:1.3fr .7fr;align-items:start;gap:6%;margin:0 6% 110px}.format-comparison>.curated-figure:last-child{padding-top:90px}
.case-story--carwash .recorded-sets{padding-top:40px}.case-story--carwash .set-load>img{object-fit:contain;opacity:1}.case-story--carwash .set-load:hover>img{opacity:.75}.case-story--carwash .set-label{background:#000;color:#fff;padding:8px 10px;font-size:9px}.case-story--carwash .set-play{background:rgba(0,0,0,.5)}
.case-story .chapter h2{overflow-wrap:normal}.case-story .case-opening .caption{border:0}.case-story .lede-copy p:first-child{font-size:clamp(32px,4.3vw,76px)}
.media-dialog{padding:0;border:1px solid #777;background:#090909;color:#fff;width:min(1600px,94vw);max-width:none;max-height:94svh}.media-dialog::backdrop{background:rgba(0,0,0,.94)}.media-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid #555}.media-dialog-head>span{font-size:10px}.media-close{color:#fff;background:transparent;border:1px solid #777;padding:11px 14px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;flex:none}.media-dialog-image{padding:20px}.media-dialog-image img{display:block;width:100%;height:calc(90svh - 100px);object-fit:contain}.media-dialog-film{aspect-ratio:16/9;max-height:78svh}.media-dialog-film iframe{display:block;border:0;width:100%;height:100%}.film-fallback{display:block;padding:16px 22px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.four-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.passage-copy h3{font-size:8vw}.artist-opening-copy h2{font-size:11vw}.device-passage{margin-left:5%;margin-right:5%;gap:5%}.three-up{gap:16px}.story-section{padding-top:35px}}
@media(max-width:620px){
 .hero-motion-control{left:5%;bottom:12%;font-size:8px}.work-toolbar{gap:14px;max-width:45%;padding-top:4px}.work-toolbar .section-meta{max-width:100%;font-size:8px}.work-view-switch{gap:13px}.work-view-switch button{font-size:8px}.work-view-switch button span{font-size:12px;margin-right:3px}
 #work-index{padding:5px 5% 75px}.index-row{grid-template-columns:22px 42px minmax(0,1fr) 14px;gap:8px}.row-thumbnail{display:block;width:42px;height:42px;object-fit:contain;background:#161616}.index-row .row-name{font-size:clamp(24px,7vw,36px)}
 .case-opening>.curated-figure>.caption{padding-left:5%;padding-right:5%}.product-opening .media-zoom img{height:65svh;min-height:350px}.landscape-opening .media-zoom img{min-height:0}.curated-grid{margin:0 5% 70px;gap:32px}.two-up,.three-up{grid-template-columns:1fr}.four-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.four-up .caption{font-size:8px}.curated-wide{margin:0 5% 75px;width:auto}.story-section{padding-top:30px;padding-bottom:5px}.ink-section{padding-top:50px;padding-bottom:5px}.story-section>.chapter{margin-bottom:0}.staggered>.curated-figure:nth-child(2){padding-top:0}.device-passage{display:flex;flex-direction:column;margin:0 5% 80px;gap:30px;align-items:stretch}.device-passage>.curated-figure{width:min(100%,400px);align-self:center}.passage-copy h3{font-size:18vw}.passage-copy p{font-size:15px}.event-opening{margin:0 5%;display:flex;flex-direction:column;gap:38px;align-items:stretch}.event-opening .portrait-clip{width:100%}.event-opening .portrait-clip video{max-height:85svh}.riot-opening .poster-opening{width:100%}.artist-opening{display:flex;flex-direction:column;padding:30px 5% 55px;gap:38px;align-items:stretch}.artist-opening-film{width:min(100%,420px);align-self:center}.artist-opening-copy h2{font-size:22vw;max-width:100%}.artist-opening-copy p{font-size:16px}.type-opening{padding:0 5%}.type-opening .two-up{grid-template-columns:1fr 1fr;gap:12px}.type-opening .caption{font-size:8px}.identity-opening .media-zoom img{height:58svh;min-height:320px}.identity-details{grid-template-columns:1fr 1fr;gap:12px}.identity-details .media-zoom img{height:auto}.format-comparison{display:flex;flex-direction:column;margin:0 5% 70px;gap:40px}.format-comparison>.curated-figure:last-child{padding-top:0;width:83%;align-self:flex-end}.curated-figure .caption{font-size:9px}.portrait-clip video{max-height:85svh}.media-dialog-head{padding:12px;gap:10px}.media-dialog-head>span{font-size:8px}.media-dialog-image{padding:8px}.media-dialog-image img{height:calc(85svh - 80px)}.full-film{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-logo-film{display:none}.hero-motion-control{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:620px){
 .section-topline{display:block}
 .work-toolbar{max-width:none;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:0}
 .work-toolbar .section-meta{max-width:47%;text-align:left}
}

/* Fewer rules: retain separators only for navigation and the Work index. */
.site-header{border-bottom-color:color-mix(in srgb,var(--text) 13%,transparent)}
.intro-meta,.section-topline,.studio,.studio-body,.studio-topics span,.intro-rule,.intro-upper,.meta-grid,.project-rule,.chapter,.chapter-heading,.people,.case-notes,.case-end,.next-top,.back-projects,.teaser-label,.motion-rule,.social-original-head,.social-assets figcaption,.contact-links,.hero-motion-control,.teaser-reel-copy{border:0!important}
.project-tile .project-overlay small{border:0!important;border-radius:0;padding:0}
.index-row{border-bottom-color:#333}.index-preview{border:0;background:transparent}.index-preview img{background:transparent}
/* Every artwork and clip sets its own frame, rather than fitting a fixed box. */
.logo-visual{height:auto;background:transparent}.logo-visual img{height:auto;width:100%}
.poster-visual{padding:0;background:transparent;display:block}.poster-visual img{height:auto;max-height:none}
.merch-video{min-height:0;background:transparent}.merch-video video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:900/506}
.social-assets figure img{max-height:none}
.motion-primary{background:transparent;width:min(100%,460px);margin-inline:auto}.motion-primary video{max-height:none;width:100%;height:auto}
.site-motion{width:min(48%,620px);margin-inline:auto;background:transparent;color:var(--text)}.site-motion video{width:100%;height:auto;max-height:none;aspect-ratio:auto;background:transparent}.site-motion figcaption{padding:13px 0 0}
.design-render{padding:0;background:transparent}
.product-opening .media-zoom img,.identity-opening .media-zoom img{height:auto;min-height:0;max-height:none}
.product-opening{width:min(100%,1100px);margin-inline:auto}.identity-details .media-zoom img{height:auto}
.curated-video{background:transparent}.curated-video video,.portrait-clip video{max-height:none;height:auto;aspect-ratio:auto}
.square-clip video{aspect-ratio:1}
.project--riot .project-image>img{object-fit:contain}
.media-zoom .zoom-hint{border-radius:50%;font-size:17px;background:rgba(255,255,255,.92);color:#111}
.media-dialog,.film-modal{border:0}.media-dialog-head,.film-modal-head{border:0}.media-close,.film-close{border:0;background:#222}
.case-story .chapter p,.chapter-heading p,.lede-copy p{line-height:1.55}
@media(max-width:620px){.site-motion{width:90%}.identity-details{grid-template-columns:1fr}.product-opening{width:100%}.site-tools button{min-width:30px;min-height:40px}.work-view-switch button{min-height:40px}.header-nav,.header-links{gap:9px}.site-tools{gap:5px}.media-dialog-head{align-items:flex-start}.inspect-control{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.curated-figure .media-zoom img{transition:opacity .25s}.curated-figure .media-zoom:hover img{opacity:.94}.contact-links a{transition:letter-spacing .3s}.contact-links a:hover{letter-spacing:.035em}}

.chapter-trail{position:fixed;z-index:30;right:16px;bottom:22px;display:flex;gap:3px;padding:5px;background:var(--surface);color:var(--text);box-shadow:0 2px 18px #0001}.chapter-trail a{display:grid;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;opacity:.4}.chapter-trail a[data-current],.chapter-trail a:hover{opacity:1;background:var(--text);color:var(--surface)}@media(max-width:620px){.chapter-trail{right:10px;bottom:10px}.chapter-trail a{width:30px;height:30px}}

.render-desk{display:grid;grid-template-columns:minmax(0,1fr) .4fr;align-items:center;gap:7%;margin:0 8% 100px}.render-views{min-width:0}.render-select>div{display:flex;flex-direction:column;align-items:flex-start;margin-top:30px;gap:15px}.render-select button{border:0;background:none;color:inherit;padding:10px 0;font:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;opacity:.4}.render-select button[aria-pressed=true]{opacity:1}.render-select button[aria-pressed=true]::before{content:'↳ ';}.render-views .media-zoom{background:transparent}@media(max-width:620px){.render-desk{display:flex;flex-direction:column;margin:0 5% 70px;gap:26px;align-items:stretch}.render-select>div{flex-direction:row;gap:17px;flex-wrap:wrap;margin-top:15px}.render-select button{font-size:10px}}

.site-motion video{aspect-ratio:1280/2276}.merch-video video{aspect-ratio:900/506}

.poster-opening .media-zoom{padding:0;background:transparent}

@media(max-width:620px){.site-tools button,.work-view-switch button{min-height:44px}}

.studio-offering details{padding:0 0 22px}.studio-offering summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:40px}.studio-offering summary::-webkit-details-marker{display:none}.studio-offering summary::after{content:'+';font-size:16px;font-weight:400}.studio-offering details[open] summary::after{content:'−'}.studio-offering summary span{padding:0}.studio-offering p{font-size:13px;font-weight:400;text-transform:none;line-height:1.6;max-width:340px;margin:12px 0 15px}.studio-offering details>div{display:flex;flex-wrap:wrap;gap:8px 18px}.studio-offering details a{font-size:9px;letter-spacing:.03em;padding:6px 0}.studio-offering a:hover{text-decoration:underline;text-underline-offset:4px}.studio-offering summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.contact-intro{font-size:clamp(17px,1.7vw,25px);font-weight:400;line-height:1.45;max-width:650px;margin:0 0 55px;letter-spacing:-.02em}
@media(max-width:620px){.studio-offering{width:100%}.studio-offering details{padding-bottom:15px}.studio-offering summary{min-height:44px}.contact-intro{font-size:17px;margin-bottom:35px}}

/* Keep the campaign film's canvas at its native 9:16 ratio at every viewport. */
.teaser-reel video{width:100%;max-width:562.5px;height:auto;max-height:none;min-height:0;aspect-ratio:9/16;justify-self:center}
@media(max-width:620px){.teaser-reel video{max-width:none;align-self:stretch}}

.palette-image{height:auto}

/* Reviewed native films: preserve source ratio, keep social text readable. */
.doctors-social-edits{max-width:850px;margin:0 auto 110px;padding:0 5%}.doctors-social-edits>h3{margin:0 0 22px}.doctors-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.doctors-clips .curated-figure{margin:0}.riot-film video{aspect-ratio:4/3}.doctors-clips video{aspect-ratio:9/16}
@media(max-width:620px){.doctors-social-edits{max-width:430px;margin:0 auto 70px}.doctors-clips{grid-template-columns:1fr;gap:32px}}
