/* Every chapter releases before the next; only its own heading occupies the nav baseline. */
body{--chapter-top:var(--site-header-height,128px)}
html{scroll-padding-top:0}
body .cinematic-content [id],body #selected-clientele{scroll-margin-top:var(--chapter-top)}
body .chapter-heading,body .event-heading{position:sticky;top:var(--chapter-top);z-index:14;align-self:start;background:var(--chapter-paper,#111);color:var(--chapter-ink,inherit);padding:18px 0 22px;margin:0 0 24px;transform:none;opacity:1}
body .chapter-heading>.eyebrow,body .event-heading>.eyebrow{margin:0 0 14px}
body .chapter-heading h2,body .chapter-heading h3{margin:0;max-width:100%;line-height:1.08}
body .chapter-heading h2{font-size:clamp(32px,4.4vw,66px)}
body .chapter-heading h3{font-size:clamp(24px,2.6vw,40px)}
body .chapter-heading>h2+ p{margin-bottom:0}
.chapter-intro-track{position:relative;min-width:0;padding-bottom:0}
body .chapter-intro-track> :is(.chapter-heading,.brands-events-heading,.live-experiences-heading){position:sticky;top:var(--chapter-top);margin-bottom:0}
body .chapter-pin-disabled{position:relative!important;top:auto!important}
/* The compact client wall briefly holds its place without following into the portfolio. */
.client-strip-track{position:relative;padding-bottom:0;background:#111}
body .client-strip-track>.client-strip{position:sticky;top:var(--chapter-top);z-index:13;margin:0;padding:26px 4%;background:#111}
body.theme-light .client-strip-track,body.theme-light .client-strip-track>.client-strip{background:#f2f0ea}
/* The finder holds as one panel when it fits; its query holds alone on smaller screens. */
body #work.service-hub{display:block;min-height:var(--finder-height,0px);padding-top:48px!important;padding-bottom:48px!important;overflow:visible}
body #work .service-search{top:var(--chapter-top);max-width:none;width:100%;position:sticky;margin:0!important}
body #work .service-pin-heading>label{display:block;font-size:clamp(27px,3.2vw,54px);line-height:1.05;letter-spacing:-.055em;margin-bottom:24px}
body #work.finder-tall .service-search{position:relative;top:auto}
body #work.finder-tall .service-pin-heading{position:sticky;top:var(--chapter-top);padding:18px 0;z-index:14;background:#30352f}
body.theme-light #work.finder-tall .service-pin-heading{background:#f0eee8}
/* Event chapters: the film alternates sides, photography always belongs to the same brand. */
body #brands-events{padding:48px 4% 64px;--chapter-paper:#fff;--chapter-ink:#242424}
body .brands-events-projects,body #brands-events #social-clubs,body #live-experiences>.closing-spread{display:block;padding:0;min-height:0}
body #live-experiences{--chapter-paper:#111210;--chapter-ink:#f2f0ea}
body .event-chapter,body .brands-events-spread .event-chapter,body #moxy.event-chapter,body #f1.event-chapter{display:block!important;position:relative;min-height:0!important;height:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0 0 clamp(48px,6vw,96px)!important;isolation:isolate;background:var(--chapter-paper);color:var(--chapter-ink)}
body .brands-events-spread #fashionphile.event-chapter,body .social-film-spread #parlor.event-chapter{margin-top:0!important}
body .event-heading{border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 20%,transparent);margin-bottom:24px;isolation:isolate}
body .event-heading h2{font:400 clamp(32px,4.5vw,64px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0!important;opacity:1}
body .event-heading .eyebrow{font-size:10px;color:inherit;opacity:.65;margin-bottom:12px}
body .event-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:start}
body .event-film{position:sticky;top:calc(var(--chapter-top) + var(--event-heading-height,130px) + 24px);align-self:start;min-width:0;z-index:2;display:flex;flex-direction:column;align-items:center}
body .event-chapter[data-film-side=right] .event-film{grid-column:2;grid-row:1}
body .event-chapter[data-film-side=right] .event-gallery{grid-column:1;grid-row:1}
body .event-chapter .event-film>.visual{position:relative!important;inset:auto!important;z-index:0!important;mask-image:none!important;min-height:0!important;height:auto!important;aspect-ratio:9/16!important;width:min(100%,calc(var(--event-media-height,570px) * .5625))!important;max-width:100%;overflow:hidden;opacity:1!important;background:#121212;transform:none!important}
body .event-chapter .event-film>.visual:after{display:none!important}
body .event-chapter .event-film>.visual>img,body .event-chapter .event-film>.visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transform:none!important}
body #moxy.event-chapter .event-film>.visual,body #f1.event-chapter .event-film>.visual{aspect-ratio:16/9!important;width:100%!important;max-height:var(--event-media-height,570px)}
body .event-chapter .event-film>.project-copy,body #moxy.event-chapter .project-copy,body #f1.event-chapter .project-copy{display:flex;justify-content:flex-start;position:relative!important;inset:auto!important;padding:12px 0 0!important;max-width:100%;width:min(100%,calc(var(--event-media-height,570px) * .5625));transform:none!important;opacity:1!important}
body #moxy.event-chapter .project-copy,body #f1.event-chapter .project-copy{width:100%}
body .event-chapter .project-copy .text-link{margin:0;min-height:44px}
body .event-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.5vw,24px);align-items:start;min-width:0;padding-bottom:12px}
body .event-photo{margin:0;min-width:0}.event-photo button{padding:0;border:0;background:transparent;width:100%;display:block;cursor:zoom-in}
.event-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.event-photo-1{grid-column:1/-1;width:75%}.event-photo-2{grid-column:1/-1;width:75%;justify-self:end}
.event-photo figcaption{font-size:10px;letter-spacing:.06em;line-height:1.6;color:inherit;opacity:.6;padding:10px 0}
.event-photo-slot .studio-asset-preview{aspect-ratio:var(--slot-ratio,1/1);background:linear-gradient(145deg,#8888880b,#88888804);border:1px solid #8885;color:inherit}
.event-photo-slot .studio-asset-preview>span{font-size:clamp(17px,1.65vw,27px);text-align:center;padding-inline:12px}
.event-photo-slot .studio-asset-preview>small{font-size:9px;color:inherit;opacity:.55;letter-spacing:.04em;text-align:center}
.event-gallery>.event-photo-slot:nth-child(2){grid-column:1/-1;width:75%;justify-self:end}
.event-gallery>*{opacity:var(--gallery-reveal,1);transform:translateY(var(--gallery-rise,0px))}
.event-gallery>*:focus-within{opacity:1;transform:none}
/* Local headings in the About chapter, including services and the five discovery steps. */
body :is(#studio,#mobile-studio,#talent){overflow:visible}
body .studio-copy{position:relative;z-index:2}
body .studio-copy>.chapter-heading{background:var(--chapter-paper,#111)}
body .brand-services .chapter-heading{background:#efede5}
body .service-columns article{overflow:visible;align-self:stretch}
body .service-columns .chapter-heading{padding:14px 0 20px;background:#efede5}
body .service-columns .chapter-heading h3{font-size:27px;margin-top:16px}
body .studio-extension .chapter-heading{background:var(--network-bg);color:var(--network-fg)}
body .studio-extension #oxfold,body .studio-extension #dji{overflow:visible}
body .directory-intro.chapter-heading{background:var(--dir-paper,#191b1c);padding:18px 0 24px;max-width:none}
body.theme-light .directory-intro.chapter-heading{--dir-paper:#efede7}
body .support-intro{align-self:start;position:sticky;top:var(--chapter-top)}
body .contact>.chapter-intro-track>.chapter-heading{background:#efede7;text-align:left}
body .contact>.chapter-intro-track .text-link{margin-top:24px}
body #inquire .vision-copy>.chapter-heading{background:var(--story-paper);padding-top:14px}
body #inquire .vision-copy>.chapter-heading .vision-number{margin-bottom:16px}
body #inquire .vision-copy>.chapter-heading h3{margin-bottom:0}
body #inquire .vision-row.is-sticky-safe>.vision-copy>.chapter-heading{position:static}
body #inquire .vision-row.is-sticky-safe>.vision-copy,body #inquire .vision-row.is-sticky-safe>.vision-media{top:var(--chapter-top)}
body .te-source>div{align-self:start;position:sticky;top:var(--chapter-top)}
body .chapter-heading-safe-fallback{position:relative!important;top:auto!important}
@media(max-width:850px),(max-height:620px){
 body .event-columns{grid-template-columns:1fr;gap:26px}
 body .event-film,body .event-chapter[data-film-side=right] .event-film{position:relative;top:auto;grid-column:1;grid-row:auto}
 body .event-chapter[data-film-side=right] .event-gallery{grid-column:1;grid-row:auto}
 body .event-chapter .event-film>.visual{width:min(100%,340px)!important;max-height:none}
 body .event-chapter .event-film>.project-copy{width:min(100%,340px)}
 body .event-heading h2{font-size:clamp(30px,6vw,46px)}
 body .event-gallery{gap:16px;max-width:680px;width:100%;margin-inline:auto}
 body .event-photo-1,body .event-photo-2{width:100%;grid-column:auto;justify-self:stretch}
 body .event-photo-2{margin-top:32px}
 .event-gallery>.event-photo-slot:nth-child(2){grid-column:auto;width:100%;margin-top:32px}
 body .support-intro,body .te-source>div{position:relative;top:auto}
 body .chapter-heading h2{font-size:clamp(30px,6vw,46px)}
}
@media(prefers-reduced-motion:reduce){
 .chapter-intro-track,.client-strip-track{padding-bottom:0!important}
 body .chapter-heading,body .event-heading,body .client-strip-track>.client-strip,body .event-film,body #work .service-search,body #work.finder-tall .service-pin-heading,body .support-intro,body .te-source>div{position:relative!important;top:auto!important}
 body #work.service-hub{padding-bottom:48px!important}
 .event-gallery>*{opacity:1!important;transform:none!important}
}

body #brands-events .pending-projects{--network-bg:#fff;--network-fg:#242424;--network-muted:#666;--network-line:#0003;background:#fff}
body #brands-events #dji{padding-inline:0}
body #brands-events .chapter-heading{background:#fff}
body #inquire .chapter-heading h2{font-size:clamp(32px,4.4vw,66px)}

/* Headings sit over the film column; the next chapter mirrors the composition. */
@media(min-width:851px) and (min-height:621px){
 body .event-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,4vw,72px)}
 body .event-heading>.eyebrow,body .event-heading>h2{grid-column:1;justify-self:center;width:min(100%,calc(var(--event-media-height,570px) * .5625))}
 body .event-chapter[data-film-side=right] .event-heading>.eyebrow,body .event-chapter[data-film-side=right] .event-heading>h2{grid-column:2}
 body .event-heading>h2{font-size:clamp(30px,3.1vw,48px)!important;line-height:1.1}
 body #moxy .event-heading>*,body #f1 .event-heading>*{width:100%}
}
@media(prefers-reduced-motion:reduce){body .chapter-intro-track,body .client-strip-track{min-height:0!important}body #work.service-hub{min-height:0}}
/* Clip only the drifting image, leaving its sibling heading free to stick. */
body :is(#studio,#mobile-studio,#talent)>.visual{overflow:hidden}
body .event-chapter{--event-media-height:max(180px,calc(100svh - var(--chapter-top) - 270px))}

body .agency-film>.project-copy.chapter-heading{position:sticky!important;top:var(--chapter-top)!important;z-index:14;background:#111210;padding:16px 0 22px!important;margin-bottom:24px}
body .agency-film>.project-copy.chapter-pin-disabled{position:relative!important;top:auto!important}
@media(prefers-reduced-motion:reduce){body .agency-film>.project-copy.chapter-heading{position:relative!important;top:auto!important}}

/* The clientele ribbon stays through the portfolio and releases after the mobile-system illustration. */
body .client-strip-track>.client-strip.client-strip-pinned{
 position:fixed!important;top:var(--client-pin-top)!important;left:var(--client-pin-left);
 width:var(--client-pin-width);box-sizing:border-box;z-index:30;
 transform:translateY(var(--client-pin-shift,0px));
}

body .client-strip>.all-work-launch{flex:0 0 100%;width:100%;box-sizing:border-box;margin:0;border:0;background:transparent}
/* Compact the complete clientele banner, especially the overview link row. */
body .client-strip-track>.client-strip{padding-top:18px;padding-bottom:14px;row-gap:12px}
body .client-strip>.all-work-launch{padding:0 4% 2px}
body .client-strip #open-all-work{padding:8px 22px;min-height:44px}

/* Native document scrolling; anchors retain their measured header offsets. */
html{scroll-snap-type:none}
body main .section-scroll-stop{scroll-snap-align:none;scroll-margin-top:var(--section-stop-top,var(--chapter-top))!important}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}
html:has(body.page-editing){scroll-snap-type:none}

/* Arrive at the section boundary and retain breathing room inside its surface. */
body main section.section-airy-arrival{padding-top:max(var(--section-original-padding,0px),clamp(48px,5vw,80px))!important}