/* Shared fluid layout, loaded after page-specific styles. */
:root{--page-gutter:clamp(16px,4vw,80px);--content-width:1440px;--film-width:1200px}html{-webkit-text-size-adjust:100%}img,video{max-width:100%}main,section,article,figure,nav,header,footer,div{min-width:0}h1,h2,h3,p,a,figcaption{overflow-wrap:break-word}button,input,select,textarea{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px}.site-header{padding-inline:max(var(--page-gutter),calc((100vw - 1600px)/2));gap:16px}.brand{flex-shrink:0}.hero-copy{max-width:1500px;width:100%;margin-inline:auto;padding-inline:var(--page-gutter)}.hero h1{font-size:clamp(3rem,9vw,9rem)}.hero-intro{max-width:40ch}.manifesto,.about,.social{padding-inline:max(var(--page-gutter),calc((100vw - var(--content-width))/2))}.manifesto{grid-template-columns:minmax(0,.6fr) minmax(0,2.5fr) minmax(0,1fr)}.manifesto h2,.about-main h2{font-size:clamp(2rem,5.4vw,5.8rem)}.work{padding-inline:var(--page-gutter)}.work .section-head{max-width:var(--content-width)}.work .project-grid,.work .project-grid.is-expanded,.carousel-toolbar,.carousel-track,.carousel-hint{width:100%;max-width:var(--film-width)}.work .project-meta{min-width:0}.social-card{min-width:0;padding:clamp(20px,2.5vw,40px)}.social-bottom{flex-wrap:wrap}.social-name{font-size:clamp(2rem,4vw,4rem)}.detail-page.case-page{padding-inline:0}.case-intro,.case-visuals,.case-jumps{padding-inline:max(var(--page-gutter),calc((100vw - var(--content-width))/2))}.case-film{padding-inline:var(--page-gutter)}.case-film>.case-section-title,.case-film>.case-screen,.case-film>.film-caption,.case-film video,.detail-content video,.video-pending{max-width:var(--film-width)}.case-description{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.case-story-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.case-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.case-next{gap:20px;flex-wrap:wrap}.case-topline,.film-caption,.case-figure figcaption{gap:12px;flex-wrap:wrap}.case-jumps{flex-wrap:wrap}.case-jumps a,.blvd-nav a{display:inline-flex;align-items:center;min-height:44px}.profile-page{max-width:var(--content-width);padding-inline:var(--page-gutter)}.blvd-page{padding:clamp(48px,6vw,100px) var(--page-gutter) 70px}.blvd-page>section,.blvd-nav,.blvd-page .case-next{max-width:var(--content-width)}.project-opening{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px)}.dark-kv-composition{max-width:1000px;width:82%}.dark-product-composition{max-width:900px;width:76%}.opening-copy h1{font-size:clamp(2.2rem,4.8vw,5rem)}.inline-turnaround img{height:auto}.blvd-nav{gap:8px 24px}.film-dialog{width:min(1200px,calc(100% - 24px));max-height:calc(100dvh - 24px)}.film-dialog-head{flex-wrap:wrap}.film-stage{width:100%}footer{gap:16px;flex-wrap:wrap;padding-inline:var(--page-gutter);padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(min-width:1800px){:root{--content-width:1600px;--film-width:1360px}}
@media(max-width:1050px){.manifesto{grid-template-columns:1fr 2fr}.manifesto-note{grid-column:2;max-width:none}.about{grid-template-columns:1fr}.vertical-label{writing-mode:horizontal-tb}.project-opening{grid-template-columns:1fr}.dark-opening{width:100%;max-width:700px}.site-header nav{padding-inline:var(--page-gutter)}.section-head .filters{width:100%}.opening-copy .eyebrow{margin-top:20px}.project-opening .back-link{margin-bottom:16px}}
@media(max-width:760px){.hero-copy{padding-top:120px;padding-bottom:72px}.hero h1{font-size:clamp(2.8rem,14vw,6rem)}.manifesto{grid-template-columns:1fr}.manifesto-note{grid-column:auto;margin-top:8px}.work .section-head{margin-bottom:28px}.about-copy,.case-description,.case-story-row,.case-pair,.profile-bio{grid-template-columns:1fr}.case-intro h1{font-size:clamp(2.4rem,10vw,4.5rem)}.case-subtitle{font-size:clamp(1.15rem,4vw,1.7rem)}.case-section-title{flex-wrap:wrap;gap:12px}.case-section-title h2{font-size:clamp(1.7rem,7vw,2.5rem)}.dark-kv-composition,.dark-product-composition{width:100%;max-width:100%}.blvd-page{padding-top:32px}.chapter{padding-top:48px}.project-opening{padding:16px 0 40px}.chapter-heading h2{font-size:clamp(1.8rem,7vw,2.6rem)}.case-next strong{font-size:clamp(2rem,8vw,4rem)}.carousel-toolbar{flex-wrap:wrap}.carousel-toolbar>div{margin-left:auto}.about-main h2{margin-bottom:32px}.about-copy{gap:24px}.profile-heading h1{font-size:clamp(2.8rem,12vw,5rem)}.social h2{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:28px}.film-dialog-foot{align-items:flex-start}.film-details{white-space:normal}.hero-index{bottom:20px}}
@media(max-width:600px){.social-deck{grid-template-columns:1fr}.social-card{min-height:220px;gap:24px}.social-name{font-size:2.5rem}.about-copy dl{gap:20px}.case-jumps{gap:8px}.case-jumps a{font-size:.875rem}.category-nav{margin-inline:var(--page-gutter)}.art-caption{display:block}.site-header .brand{font-size:1.25rem}.site-header .brand-sub{font-size:.8rem}.menu-toggle{min-width:60px;padding:8px}.work .filters{gap:8px}.work .filters button{font-size:.9rem}.case-label{max-width:calc(100% - 24px)}.project-media:not(:has(.home-video)) .project-direct{position:relative;inset:auto;width:max-content;margin:12px 0 0 auto}.work .category-card .project-media:not(:has(.home-video)){aspect-ratio:auto;overflow:visible;border:0;background:transparent}.project-media:not(:has(.home-video))>img{aspect-ratio:16/9;height:auto;border-radius:8px}.project-media:not(:has(.home-video)) .film-play{top:0;margin-top:28.125%;}.play-caption{display:none}.project-meta h3{overflow-wrap:anywhere}.film-stage{max-height:none}.film-dialog-foot{gap:12px}}
@media(max-height:520px) and (orientation:landscape){.hero{min-height:520px}.film-stage{max-height:55dvh}.film-dialog-head,.film-dialog-foot{padding:10px 16px}.site-header nav{max-height:calc(100dvh - 68px)}}
@media(hover:none){.social-card:hover,.character-card:hover{transform:none;translate:none}.social-card:hover .social-name,.redesigned-art:hover img{transform:none}}
.case-film{margin-inline:0}.case-full{margin-inline:0}.case-full figcaption{padding-inline:0}.case-page>.case-next,.case-page>.category-nav{margin-inline:var(--page-gutter)}.blvd-page .case-description p{color:#b9bfca}.about-copy{width:100%}.blvd-page .redesigned-art img{aspect-ratio:1672/941}.blvd-page .dark-opening .redesigned-art img{aspect-ratio:3/2}@media(max-width:760px){.case-pair .case-figure:nth-child(2){margin-top:0}.case-description{gap:20px}.case-page>.case-next{padding:24px 20px}}

/* Global content-safe area. Backgrounds may remain full bleed; readable and
   interactive foreground content must stay inside this shared boundary. */
:root{
  --content-width:1320px;
  --film-width:1200px;
  --page-gutter:clamp(24px,8vw,160px);
  --content-safe:max(var(--page-gutter),calc((100vw - var(--content-width))/2));
}
.site-header,footer{padding-inline:var(--content-safe)}
.hero-index,.nav-guide{right:var(--content-safe)}
.manifesto,.about,.social,.work,.case-intro,.case-visuals,.case-jumps,.case-film{padding-inline:var(--content-safe)}
.work .section-head,.work .filter-status,.work .project-grid,.work .project-grid.is-expanded,.work .carousel-toolbar,.work .carousel-track,.work .carousel-hint{width:100%;margin-inline:auto}
.work .section-head,.work .filter-status{max-width:var(--content-width)}
.case-film>.case-section-title,.case-film>.case-screen,.case-film>.film-caption,.case-film>video,.case-film>.video-pending{width:100%;margin-inline:auto}
.case-page>.case-next,.case-page>.category-nav{width:auto;max-width:var(--content-width);margin-inline:var(--content-safe)}
.profile-page{width:100%;max-width:none;margin-inline:0;padding-inline:var(--content-safe)}
.detail-body .ip-child-main{width:100%;max-width:none;margin-inline:0;padding:150px var(--content-safe) 70px;box-sizing:border-box}
@media(max-width:760px){
  :root{--page-gutter:clamp(22px,6.4vw,32px);--content-safe:max(var(--page-gutter),env(safe-area-inset-left),env(safe-area-inset-right))}
  .detail-body .ip-child-main{padding-top:116px;padding-bottom:52px}
  .site-header nav{padding-inline:var(--page-gutter)}
}