.brand-services{padding:90px 8vw;background:#efede5;color:#20211d;scroll-margin-top:105px}.brand-services h2{font-size:clamp(38px,5vw,72px);line-height:1.05;max-width:850px}.brand-services .eyebrow{color:#65665d}.services-lead{max-width:530px;margin:28px 0 48px;color:#5c5e55}.service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.service-columns article{border-top:1px solid #20211d55;padding-top:24px;scroll-margin-top:125px}.service-number{font-size:10px;letter-spacing:.16em;color:#66695f}.service-columns h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:20px 0}.service-columns p{font-size:14px;line-height:1.8;color:#54584e}.service-columns a{display:table;margin-top:16px;border-bottom:1px solid #20211d55;padding-bottom:5px;font-size:12px}body #studio .service-intro{max-width:660px;margin:24px 0;line-height:1.75}body .film-hero-copy>p:not(.eyebrow){max-width:620px;line-height:1.6}@media(max-width:850px){.service-columns{grid-template-columns:1fr;gap:34px}.brand-services{padding:60px 7vw}.service-columns p{max-width:600px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.commission .film-hero{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
.commission .film-hero>video{object-fit:contain;transform:none}
@media(max-width:900px),(orientation:portrait){.commission .film-hero{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;min-height:0;background:#111;color:#f7f7f3}.commission .film-hero>video{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.commission .film-hero:after{display:none}.commission .film-hero-copy{position:relative;inset:auto;max-width:none;padding:28px 6% 20px}.commission .film-hero .hero-title-clean{font-size:clamp(38px,6.3vw,66px)}.commission .film-hero-copy .eyebrow{margin-bottom:18px}.commission .film-controls{position:relative;inset:auto;margin:0 6% 22px}.commission .film-hero-copy>p:not(.eyebrow){font-size:14px}.commission .film-hero-copy .light-button{padding:12px 18px}}
.vici-editorial{padding:70px 4%;scroll-margin-top:120px;background:#eeede7;color:#171916}
.vici-editorial>.vici-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px 35px;margin-bottom:28px}
.vici-editorial h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;margin:0}
.vici-editorial>.vici-heading>p:last-child{margin-left:auto}
.vici-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.vici-gallery button{border:0;padding:0;background:none;cursor:zoom-in;display:block}
.vici-gallery button:nth-child(even){margin-top:54px}
.vici-gallery img{width:100%;height:auto;display:block}
.vici-gallery button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){.vici-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vici-gallery button:nth-child(even){margin-top:28px}.vici-editorial>.vici-heading>p:last-child{margin-left:0}.vici-editorial{padding:40px 5%}}
/* Two Kim Shui productions, each in its original aspect ratio. */
body .kim-pair{display:block;height:auto;min-height:0;padding:55px 4% 65px;background:#111;color:#f7f7f3;scroll-margin-top:110px}
.kim-pair-heading{display:flex;gap:30px;align-items:center;margin-bottom:25px}
.kim-pair-heading h2{margin:0}.kim-pair-heading img{display:block;width:155px;height:auto}
.kim-pair-grid{display:grid;grid-template-columns:256fr 81fr;gap:20px;align-items:start}
.kim-pair-media{position:relative}.kim-pair-media video{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:16/9}
.kim-pair-grid article:last-child video{aspect-ratio:9/16}
.kim-preview-toggle{position:absolute;top:12px;right:12px;background:#1119;border:1px solid #ffffff55;border-radius:20px;padding:8px 12px;color:#fff;font-size:11px;cursor:pointer}
.kim-pair-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px}.kim-pair-caption h3{font:400 18px Arial,sans-serif;margin:0}.kim-pair-caption .text-link{font-size:12px;white-space:nowrap;margin:0;width:auto}
@media(max-width:600px){.kim-pair-grid{gap:10px}.kim-pair-caption{display:block}.kim-pair-caption h3{font-size:13px;margin-bottom:12px}.kim-preview-toggle{top:5px;right:5px;padding:5px;font-size:9px}.kim-pair-heading{gap:15px}.kim-pair-heading img{width:115px}}
/* Event films retain the complete source frame. */
body .brands-events-spread .visual>video,body .brands-events-spread .visual>img{object-fit:contain!important;transform:none!important}
body .social-film-spread #parlor{margin-top:85px!important}
body #moxy,body #f1{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible}
body #moxy .visual,body #f1 .visual{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9;mask-image:none!important;z-index:0!important;overflow:hidden}
body #moxy .visual>video,body #moxy .visual>img,body #f1 .visual>video,body #f1 .visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transform:none!important}
body #moxy .visual:after,body #f1 .visual:after{display:none}
body #moxy .project-copy,body #f1 .project-copy{position:relative!important;inset:auto!important;width:100%!important;padding:24px 0 35px!important;transform:none!important}
body #moxy .brand-overlay .brand-art,body #f1 .brand-overlay .brand-art{height:45px!important;width:min(35%,180px)!important}
@media(max-width:760px){body .social-film-spread #parlor{margin-top:0!important}}
/* Agency films use source proportions, without viewport-sized cropping. */
body .agency-section{display:block;min-height:0;height:auto;padding:60px 6vw 70px;scroll-margin-top:110px}
.agency-heading{margin-bottom:30px;max-width:760px}.agency-heading h2{font:400 clamp(42px,6vw,76px)/1.05 Arial,sans-serif;letter-spacing:-.04em;margin:15px 0}.agency-heading>p:last-child{font-size:16px;line-height:1.5;opacity:.75}
body .agency-film{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scroll-margin-top:120px}
body .agency-film .visual{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/9;height:auto!important;min-height:0!important;mask-image:none!important;z-index:0!important;overflow:hidden}
body .agency-film .visual>video,body .agency-film .visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transform:none!important;will-change:auto}
body .agency-film .visual:after{display:none!important}
body .agency-film .project-copy{position:relative!important;inset:auto!important;padding:22px 0 0!important;width:100%!important;display:flex;justify-content:space-between;align-items:center;gap:20px;transform:none!important}
.agency-film h3{font:400 clamp(22px,3vw,34px)/1.2 Arial,sans-serif;margin:10px 0}.agency-film .text-link{width:auto;white-space:nowrap;margin:0}
@media(max-width:600px){body .agency-section{padding:40px 5%}.agency-heading>p:last-child{font-size:14px}body .agency-film .project-copy{display:block}.agency-film .text-link{margin-top:15px}}

/* Give the studio mark more presence in the main navigation. */
body.commission > .header .official-logo{width:84px;height:84px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){body.commission > .header .official-logo{width:64px;height:64px}}

/* VICI: one full-height image alongside two half-height images per spread. */
.vici-gallery{display:flex;flex-direction:column;gap:24px;align-items:stretch}
.vici-spread{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}
.vici-gallery .vici-spread button{border:0;padding:0;background:none;display:block;width:100%;margin:0;cursor:zoom-in}
.vici-stack{display:grid;gap:16px}
.vici-gallery img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
/* The small column is slightly narrower to account for its internal gutter. */
.vici-spread{grid-template-columns:calc((100% - 9.6px) * 2 / 3) calc((100% - 28.8px) / 3)}
@media(max-width:760px){
 .vici-gallery{gap:16px}
 .vici-spread{gap:10px;grid-template-columns:calc((100% - 5px) * 2 / 3) calc((100% - 20px) / 3)}
 .vici-stack{gap:12.5px}
}

/* Reverse the middle VICI spread while preserving matched column heights. */
.vici-spread:nth-child(2){grid-template-columns:calc((100% - 28.8px) / 3) calc((100% - 9.6px) * 2 / 3)}
.vici-spread:nth-child(2)>.vici-stack{grid-column:1;grid-row:1}
.vici-spread:nth-child(2)>button{grid-column:2;grid-row:1}
@media(max-width:760px){.vici-spread:nth-child(2){grid-template-columns:calc((100% - 20px) / 3) calc((100% - 5px) * 2 / 3)}}

.vici-gallery button.vici-reveal{opacity:0;transition:opacity 850ms ease}
.vici-gallery button.vici-visible,.vici-gallery button.vici-reveal:focus-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.vici-gallery button.vici-reveal{opacity:1;transition:none}}

/* Scroll tracks let each complete spread linger without cropping its images. */
.vici-stage{position:relative}
.vici-stage .vici-spread{opacity:var(--vici-opacity,1);transform:translateY(var(--vici-drift,0px))}
.vici-stage .vici-spread.vici-reversed{grid-template-columns:calc((100% - 28.8px) / 3) calc((100% - 9.6px) * 2 / 3)}
.vici-stage .vici-reversed>.vici-stack{grid-column:1;grid-row:1}
.vici-stage .vici-reversed>button{grid-column:2;grid-row:1}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .vici-gallery:has(.vici-stage){gap:0}
 .vici-stage{min-height:155vh;padding-bottom:35vh}
 .vici-stage .vici-spread{position:sticky;top:140px;width:min(100%,calc((100vh - 180px)*1.2));margin:0 auto;background:#eeede7;padding:16px 0;will-change:transform,opacity}
}
@media(max-width:760px){
 .vici-stage .vici-spread.vici-reversed{grid-template-columns:calc((100% - 20px) / 3) calc((100% - 5px) * 2 / 3)}
}
@media(prefers-reduced-motion:reduce){.vici-stage .vici-spread{opacity:1;transform:none}}

/* End VICI's scroll sequence before a distinct Brands & Events chapter. */
#vici{position:relative;isolation:isolate;z-index:0}
body #brands-events{position:relative;isolation:isolate;z-index:1;background:#171918;color:#f3f1ea;scroll-margin-top:130px;padding-top:90px}
body #brands-events .brands-events-heading{padding-bottom:28px;border-bottom:1px solid #ffffff26}
body #brands-events .eyebrow,body #brands-events .story-title,body #brands-events .text-link,body #brands-events .project-copy{color:#f3f1ea}
body #brands-events .text-link{border-color:#ffffff55}
@media(max-width:760px){body #brands-events{padding-top:55px}}

/* Sticky elements must use the page scroll, not a hidden-overflow ancestor. */
body #vici{overflow:visible;min-height:0}
.vici-gallery:has(.vici-stage){gap:24px}
.vici-stage{min-height:0;padding:0}
.vici-stage .vici-spread{transform:none;padding:0}
@media(min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 .vici-stage .vici-spread{top:var(--vici-top,140px);width:min(100%,calc((100svh - var(--vici-top,140px) - 88px)*1.2));will-change:opacity}
}
@media(max-height:620px){.vici-stage .vici-spread{position:relative;top:auto;width:100%;opacity:1}}

/* Individual photographs reveal in sequence; scrolling controls the opacity. */
.vici-stage .vici-spread button{opacity:var(--vici-photo-opacity,1)}
.vici-stage .vici-spread button:focus-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.vici-stage .vici-spread button{opacity:1}}

/* One sticky baseline throughout the portfolio. */
html{scroll-padding-top:calc(var(--site-header-height,128px) + 16px)}
body .cinematic-content [id]{scroll-margin-top:calc(var(--site-header-height,128px) + 16px)}
body #kim-shui,body #brands-events,body #agency{overflow:visible}
body :is(.vici-heading,.kim-pair-heading,.brands-events-heading,.agency-heading){position:sticky;top:var(--site-header-height,128px);z-index:12;padding:16px 0;margin-bottom:24px;background:inherit}
body #vici>.vici-heading{background:#eeede7;align-items:center}
body #vici>.vici-heading .eyebrow{margin:0}
body #vici>.vici-heading h2{font-size:40px}
body #kim-shui>.kim-pair-heading{background:#111}
body #brands-events>.brands-events-heading{background:#111210}
body #agency>.agency-heading{background:#111}
body .te-sticky,body .parallax-stage{top:var(--site-header-height,128px)}
@media(min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 body #kim-shui{padding-bottom:28vh}
 body .kim-pair-grid{position:sticky;top:calc(var(--site-header-height,128px) + var(--section-heading-height,90px) + 12px)}
}
@media(prefers-reduced-motion:reduce){body .parallax-stage,body .te-sticky{top:auto}}
@media(min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 body #kim-shui{padding-bottom:24px}
 body .kim-pair-grid{width:min(100%,calc((100svh - var(--site-header-height,128px) - var(--section-heading-height,90px) - 110px)*2.34));margin-inline:auto}
}

/* Match VICI's scroll-linked opacity without changing media proportions. */
body .portfolio-scroll-reveal{opacity:var(--portfolio-reveal,1)!important}
body .portfolio-scroll-reveal:focus-within{opacity:1!important}
@media(prefers-reduced-motion:reduce){body .portfolio-scroll-reveal{opacity:1!important}}

/* A white chapter with a pinned title separates events through motion. */
body #brands-events{display:block;background:#fff!important;color:#242424!important}
body #brands-events>.brands-events-heading{background:#fff!important;border-bottom:1px solid transparent;transition:border-color .2s ease}
body #brands-events>.brands-events-heading.is-pinned{border-bottom-color:#555}
body #brands-events :is(.eyebrow,.story-title,.text-link,.project-copy){color:#242424!important}
body #brands-events .text-link{border-color:#555}
.brands-events-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6vw;align-items:start}
@media(max-width:760px){.brands-events-projects{grid-template-columns:1fr;gap:38px}}

/* Keep the VICI-to-events transition white in both appearance modes. */
body #brands-events{
 --sheet:#fff;--sheet-rgb:255,255,255;--type:#242424;--quiet:#626262;--rule:#555;
 background:#fff!important;
 border-top:1px solid #555;
 box-shadow:0 -10px 24px -16px rgba(0,0,0,.3);
}
body #brands-events>.brands-events-heading.is-pinned{
 border-bottom:1px solid #555;
 box-shadow:0 10px 18px -16px rgba(0,0,0,.35);
}

/* Continue the white events chapter with PUBLIC and Parlor before Agency. */
body #brands-events #social-clubs{
 --sheet:#fff;--sheet-rgb:255,255,255;--type:#242424;--quiet:#626262;
 background:#fff!important;color:#242424!important;
 padding:44px 0 0;gap:0 6vw;
}
@media(max-width:760px){body #brands-events #social-clubs{padding-top:32px;gap:32px}}

/* Separate Brand Experiences with shadow only. */
body #brands-events{border-top:0}
body #brands-events>.brands-events-heading,
body #brands-events>.brands-events-heading.is-pinned{border-bottom:0}

/* A dedicated Experiences chapter for hospitality and live-event films. */
#live-experiences{position:relative;overflow:visible;padding:40px 4% 56px}
.live-experiences-heading{position:sticky;top:var(--site-header-height,128px);z-index:12;background:#111210;padding:18px 0 22px;margin-bottom:24px}
.live-experiences-heading h2{font:400 clamp(32px,4vw,54px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:8px 0 14px}
.live-experiences-heading .eyebrow{margin:0}
.live-experiences-heading>p:last-child{font-size:14px;margin:0;color:#b0b4a7}
body #live-experiences>.closing-spread{padding:0;min-height:0}
@media(max-width:760px){#live-experiences{padding:28px 7% 40px}}

.all-work{background:#fff;color:#242424;padding:28px 4%;scroll-margin-top:calc(var(--site-header-height,128px) + 12px)}
.all-work>summary{cursor:pointer;font-size:22px;padding:18px 0;list-style-position:inside}
.all-work>summary span{font-size:12px;color:#666;margin-left:20px}
.all-work-intro{padding:18px 0 24px}.all-work-intro h3{font-size:30px}.all-work-intro p{color:#666;font-size:13px}
.all-work-grid{columns:3;column-gap:22px}
.all-work-card{break-inside:avoid;margin:0 0 26px;opacity:var(--overview-reveal,1)}
.all-work-card:focus-within{opacity:1}
.all-work-card>button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.all-work-card img,.all-work-card video{display:block;width:100%;height:auto;object-fit:contain;transform:none}
.all-work-card p{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:10px 0 0}
.all-work-card p span,.all-work-card p a{font-size:11px;color:#666}
@media(max-width:760px){.all-work-grid{columns:2;column-gap:14px}.all-work-card p{display:block}.all-work-card p span,.all-work-card p a{display:block}.all-work>summary span{display:block;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){.all-work-card{opacity:1}}

/* Portfolio overview sits beneath the client wall as its own black panel. */
body #all-work{background:#000;color:#f5f4ef}
body #all-work>summary span,body #all-work .all-work-intro p,
body #all-work .all-work-card p span,body #all-work .all-work-card p a{color:#aaa}
body #all-work .all-work-intro h3{color:#f5f4ef}
body #all-work a{color:inherit;text-decoration:none}
body #all-work .all-work-card button:focus-visible{outline:2px solid #fff;outline-offset:4px}

body #all-work>summary{font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,2vw,26px);font-weight:400;letter-spacing:-.035em}
body #all-work .all-work-intro h3{font-family:Didot,'Bodoni 72',Georgia,serif;font-size:clamp(32px,4vw,48px);font-style:italic;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0 0 14px}

#corporate{padding:32px 4% 44px;position:relative;overflow:visible}
.corporate-heading{position:sticky;top:var(--site-header-height,128px);z-index:12;background:#efeee8;padding:16px 0;margin-bottom:24px}
.corporate-heading h2{font:400 clamp(32px,4vw,48px)/1.1 Arial,sans-serif;margin:8px 0 12px;letter-spacing:-.04em}
.corporate-heading .eyebrow{margin:0}.corporate-heading>p:last-child{font-size:13px;margin:0}
.corporate-track{margin-bottom:24px}
.corporate-row{display:flex;gap:18px;align-items:end;margin:auto}
.corporate-row button{flex:var(--portrait-ratio) 1 0%;min-width:0;padding:0;border:0;background:none;opacity:var(--corporate-reveal,1);cursor:zoom-in}
.corporate-row button:focus-visible{opacity:1}
.corporate-row img{display:block;width:100%;height:auto;object-fit:contain}
body .client-strip .wework{filter:brightness(0) invert(1)}
body.theme-light .client-strip .wework{filter:brightness(0)}
@media(min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){.corporate-row{position:sticky;top:var(--corporate-top)}}
@media(max-width:760px){.corporate-row{gap:10px}}

/* The overview shares the navigation's frosted charcoal surface. */
body:not(.theme-light) #all-work{background:linear-gradient(180deg,rgba(21,23,24,.86),rgba(42,45,47,.57));backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);color:#f5f4ef}
body.theme-light #all-work{background:#fff;color:#242424}
body.theme-light #all-work .all-work-intro h3{color:#242424}
body.theme-light #all-work>summary span,body.theme-light #all-work .all-work-intro p,body.theme-light #all-work .all-work-card p span,body.theme-light #all-work .all-work-card p a{color:#666}

/* A centered invitation opens a native, keyboard-accessible portfolio lightbox. */
.all-work-launch{display:flex;justify-content:center;padding:18px 4% 30px}
#open-all-work{display:inline-flex;align-items:center;gap:18px;background:none;color:inherit;border:0;padding:14px 22px;font:400 20px Arial,Helvetica,sans-serif;letter-spacing:-.035em;cursor:pointer}
#open-all-work span{font-size:25px}
body dialog#all-work{position:fixed;inset:20px;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:none;max-height:none;margin:0;padding:38px clamp(20px,4vw,64px);border:0;border-radius:16px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(21,23,24,.94),rgba(42,45,47,.88))!important;color:#f5f4ef!important;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%)}
body dialog#all-work::backdrop{background:rgba(0,0,0,.38);backdrop-filter:blur(12px)}
body dialog#all-work .all-work-intro h3{color:#f5f4ef}
body dialog#all-work .all-work-intro p,body dialog#all-work .all-work-card p a,body dialog#all-work .all-work-card p span{color:#c0c0ba}
.all-work-close{position:sticky;top:0;display:block;margin:0 0 10px auto;z-index:5;background:#242628e8;color:#fff;border:0;border-radius:22px;padding:10px 18px;cursor:pointer;font:13px Arial,sans-serif}
@media(max-width:600px){body dialog#all-work{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:16px;border-radius:12px}}
.all-work-project-cover{display:block;width:100%;cursor:pointer}
.all-work-project-cover:focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Tighter display crop for the corporate overview cover; original remains intact. */
#all-work .corporate-cover{aspect-ratio:4/5;overflow:hidden;position:relative}
#all-work .corporate-cover img{position:absolute;width:125%;max-width:none;height:auto;left:50%;top:0;transform:translate(-53%,-8%)}

/* Circular corporate cover in the overview only. */
#all-work .corporate-cover{aspect-ratio:1;border-radius:50%}
#all-work .corporate-cover img{width:125%;left:50%;top:0;transform:translate(-53%,-8%)}

/* Wide film spreads alternate with tidy pairs of portrait projects. */
#all-work .all-work-grid{display:grid;columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;align-items:start;max-width:1100px;margin:auto}
#all-work .all-work-card{margin:0;min-width:0}
#all-work .overview-wide{grid-column:1/-1}
#all-work .overview-portrait{grid-column:span 1}
#all-work .overview-portrait+.overview-portrait{margin-top:24px}
#all-work .overview-portrait:last-child{width:70%;justify-self:center;grid-column:1/-1;max-width:440px;margin-top:0}
@media(max-width:600px){#all-work .all-work-grid{gap:22px 12px}#all-work .overview-portrait+.overview-portrait{margin-top:14px}}

/* WeWork portrait packages: equal circles and aligned editorial columns. */
body #corporate{background:#fff;color:#171717}
body #corporate .corporate-heading{background:#fff;color:#171717}
.corporate-packages{padding:32px 0 64px;text-align:center;max-width:1120px;margin:auto}
.corporate-packages h3{font:400 clamp(24px,3vw,34px)/1.15 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0 0 56px}
.corporate-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.corporate-package{display:flex;flex-direction:column;align-items:center}
.corporate-package>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;object-position:50% 35%}
.corporate-package:nth-child(2)>img{object-position:50% 25%}
.corporate-package:nth-child(3)>img{object-position:center}
.corporate-package h4{font:400 17px/1.25 Arial,sans-serif;text-transform:uppercase;margin:22px 0 12px}
.corporate-package blockquote{font:400 13px/1.55 Arial,sans-serif;margin:0 0 22px;flex:1}
.corporate-package cite{display:block;font-style:normal;margin-top:16px}
.corporate-package-button{background:#171717;color:#fff;padding:22px 16px;text-transform:uppercase;letter-spacing:.07em;font:400 12px/1.4 Arial,sans-serif;text-decoration:none;width:100%;box-sizing:border-box;min-height:64px;display:grid;place-items:center}
.corporate-explore{display:inline-block;margin-top:56px;border:1px solid #171717;border-radius:80px;padding:22px 38px;color:#171717;text-transform:uppercase;font:400 12px/1.4 Arial,sans-serif;letter-spacing:.08em;text-decoration:none}
.corporate-package-button:hover{background:#353535}.corporate-explore:hover{background:#efeee8}
@media(max-width:760px){.corporate-package-grid{grid-template-columns:1fr;gap:40px;max-width:360px;margin:auto}.corporate-packages h3{margin-bottom:32px}.corporate-package>img{max-width:280px}.corporate-package blockquote{max-width:320px}.corporate-package-button{max-width:280px}}

#all-work .all-work-grid>.all-work-card:has(.corporate-trio){grid-column:1/-1;width:100%;max-width:none;margin:0}
#all-work .all-work-grid .corporate-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,40px);aspect-ratio:auto;border-radius:0;overflow:visible;padding:24px 0}
#all-work .all-work-grid .corporate-trio img{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;transform:none;object-position:50% 35%}
#all-work .all-work-grid .corporate-trio img:nth-child(2){object-position:50% 25%}
#all-work .all-work-grid .corporate-trio img:nth-child(3){object-position:center}

/* Alternating two-column films and one-column portrait reels. */
#all-work .all-work-grid{display:flex;flex-direction:column;gap:48px}
#all-work .overview-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center;width:100%}
#all-work .overview-spread>.overview-wide{grid-column:span 2}
#all-work .overview-spread>.overview-portrait{grid-column:span 1}
#all-work .overview-spread>.all-work-card,#all-work .overview-photo-pair>.all-work-card{margin:0;width:100%;max-width:none}
#all-work .overview-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;align-items:start}
#all-work .overview-photo-pair>.all-work-card:last-child{margin-top:32px}
@media(max-width:600px){
 #all-work .all-work-grid{gap:30px}
 #all-work .overview-spread{grid-template-columns:1fr;gap:22px}
 #all-work .overview-spread>.overview-wide,#all-work .overview-spread>.overview-portrait{grid-column:1}
 #all-work .overview-spread>.overview-wide{order:0}
 #all-work .overview-spread>.overview-portrait{order:1;width:76%;justify-self:center}
 #all-work .overview-photo-pair{gap:12px}
}
/* Match the reference: equal-height 16:9 and 9:16 films, without cropping. */
@media(min-width:601px){
 #all-work .overview-spread{grid-template-columns:minmax(0,256fr) minmax(0,81fr);align-items:start}
 #all-work .overview-spread:nth-child(even){grid-template-columns:minmax(0,81fr) minmax(0,256fr)}
 #all-work .overview-spread>.overview-wide,#all-work .overview-spread>.overview-portrait{grid-column:auto}
}
@media(min-width:601px){#all-work .overview-spread:nth-child(2){grid-template-columns:minmax(0,3fr) minmax(0,8fr)}}
/* Consistent collection crops for the social films; full films stay untouched. */
#all-work .overview-spread video[data-overview-src="assets/public.mp4"]{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center}
#all-work .overview-spread video[data-overview-src="assets/parlor.mp4"]{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center}
#all-work .overview-photo-pair>.all-work-card:last-child{margin-top:0}
#all-work .overview-photo-pair .all-work-project-cover img{display:block;width:100%;height:auto}
#all-work .overview-photo-pair .all-work-card>p,#all-work .overview-spread .all-work-card>p{margin:16px 0 0;min-height:24px}
@media(min-width:601px){#all-work .overview-spread:nth-child(2){grid-template-columns:minmax(0,81fr) minmax(0,256fr)}}
#all-work .overview-photo-pair>.overview-portrait:last-child{grid-column:auto;justify-self:stretch;width:100%;max-width:none;margin:0}
/* Lighter frosted collection overlay, revealing softly blurred motion behind it. */
body dialog#all-work{background:linear-gradient(180deg,rgba(74,78,80,.47),rgba(91,96,99,.44))!important;backdrop-filter:blur(36px) saturate(115%);-webkit-backdrop-filter:blur(36px) saturate(115%);box-shadow:0 20px 70px rgba(0,0,0,.18)}
body dialog#all-work::backdrop{background:rgba(0,0,0,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body dialog#all-work .all-work-intro,body dialog#all-work .all-work-card>p{text-shadow:0 1px 8px rgba(0,0,0,.4)}
body dialog#all-work .all-work-intro p,body dialog#all-work .all-work-card p a,body dialog#all-work .all-work-card p span{color:#f0f0eb}
body dialog#all-work .all-work-intro h3,body dialog#all-work .all-work-card>p{color:#fff!important}
body dialog#all-work .all-work-intro p,body dialog#all-work .all-work-card p a,body dialog#all-work .all-work-card p span{color:#f0f0eb!important}
/* Tighter spacing between collection rows. */
#all-work .all-work-grid{gap:24px}
@media(max-width:600px){#all-work .all-work-grid{gap:15px}}

/* Compact corporate packages with the collection's frosted surface. */
body #corporate{background:linear-gradient(180deg,rgba(74,78,80,.47),rgba(91,96,99,.44))!important;color:#fff!important;backdrop-filter:blur(36px) saturate(115%);-webkit-backdrop-filter:blur(36px) saturate(115%);box-shadow:0 20px 70px rgba(0,0,0,.18);padding:32px 4%}
body #corporate .corporate-heading{position:relative;top:auto;background:transparent!important;color:#fff!important;margin-bottom:16px;padding:0}
body #corporate h2,body #corporate h3,body #corporate h4,body #corporate p,body #corporate blockquote,body #corporate cite{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.4)}
body #corporate .corporate-packages{padding:16px 0 8px}
body #corporate .corporate-packages h3{margin-bottom:32px}
body #corporate .corporate-explore{margin-top:32px;color:#fff;border-color:rgba(255,255,255,.65)}
body #corporate .corporate-explore:hover{background:rgba(255,255,255,.12)}
/* Corporate packages use a crisp white surface in both appearance modes. */
body #corporate{background:#fff!important;color:#171717!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body #corporate .corporate-heading{background:transparent!important;color:#171717!important}
body #corporate h2,body #corporate h3,body #corporate h4,body #corporate p,body #corporate blockquote,body #corporate cite{color:#171717!important;text-shadow:none}
body #corporate .corporate-package-button{background:#171717;color:#fff!important;text-shadow:none}
body #corporate .corporate-explore{color:#171717;border-color:#171717;text-shadow:none}
body #corporate .corporate-explore:hover{background:#f0f0ed}

/* Corporate portraits use the same short sticky reveal rhythm as the editorial rows. */
body #corporate{overflow:visible}
body #corporate .corporate-heading{position:sticky;top:var(--site-header-height,128px);z-index:12;background:#fff!important;padding:16px 0;margin-bottom:18px}
body #corporate .corporate-package{opacity:var(--corporate-card-reveal,1);transform:translate3d(0,calc((1 - var(--corporate-card-reveal,1))*18px),0);will-change:opacity,transform}
@media(min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 body #corporate .corporate-packages{position:sticky;top:var(--corporate-package-top,220px);z-index:8}
}
@media(prefers-reduced-motion:reduce){
 body #corporate .corporate-package{opacity:1;transform:none}
}

/* Full work browser: a discography-style index beside the visual collection. */
body dialog#all-work{padding:34px clamp(18px,3.2vw,48px) 42px}
body dialog#all-work .all-work-intro{max-width:1120px;margin:0 auto 24px}
#all-work .all-work-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:clamp(24px,4vw,58px);align-items:start;max-width:1480px;margin:0 auto}
#all-work .all-work-menu{position:sticky;top:14px;align-self:start;max-height:calc(100dvh - 150px);overflow:auto;padding-right:4px}
#all-work .all-work-menu .eyebrow{margin:0 0 20px;color:#f0f0eb!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}
#all-work .all-work-menu nav{border-top:1px solid rgba(255,255,255,.22)}
#all-work .all-work-menu a{display:grid;grid-template-columns:34px minmax(0,1fr) auto 20px;gap:14px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;color:#fff}
#all-work .all-work-menu span,#all-work .all-work-menu small,#all-work .all-work-menu i{font:400 12px/1.2 Arial,Helvetica,sans-serif;color:rgba(255,255,255,.68);font-style:normal;text-shadow:0 1px 8px rgba(0,0,0,.35)}
#all-work .all-work-menu strong{font:400 clamp(18px,1.75vw,28px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.045em;transition:font-family .22s ease,font-style .22s ease,letter-spacing .22s ease}
#all-work .all-work-menu small{text-align:right;white-space:nowrap}
#all-work .all-work-menu a:hover strong,#all-work .all-work-menu a:focus-visible strong{font-family:Didot,'Bodoni 72',Georgia,serif;font-style:italic;letter-spacing:-.055em}
#all-work .all-work-menu a:hover,#all-work .all-work-menu a:focus-visible{color:#fff}
#all-work .all-work-grid{max-width:none;margin:0}
#all-work .overview-spread,#all-work .overview-photo-pair{scroll-margin-top:24px}
@media(max-width:920px){
 #all-work .all-work-layout{grid-template-columns:1fr;gap:24px}
 #all-work .all-work-menu{position:relative;top:auto;max-height:none;overflow:visible}
 #all-work .all-work-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
 #all-work .all-work-menu a{grid-template-columns:28px minmax(0,1fr) 18px}
 #all-work .all-work-menu small{display:none}
}
@media(max-width:600px){
 body dialog#all-work{padding:18px}
 #all-work .all-work-menu nav{grid-template-columns:1fr}
 #all-work .all-work-menu a{padding:14px 0}
}

/* Main-page service prompt: frosted surface without changing the search component layout. */
body .service-hub{
  position:relative;
  isolation:isolate;
  padding:clamp(56px,7vw,105px) 8vw clamp(64px,8vw,120px);
  overflow:hidden;
}
body .service-hub::before{
  content:"";
  position:absolute;
  inset:clamp(18px,2.5vw,34px) 4vw;
  z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.22));
  border:.25px solid rgba(255,255,255,.55);
  box-shadow:0 18px 80px rgba(18,22,18,.12), inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter:blur(28px) saturate(1.08);
  -webkit-backdrop-filter:blur(28px) saturate(1.08);
}
body .service-hub .service-search{
  width:min(1180px,100%);
  margin:0 auto;
  border-top:0!important;
  padding-top:0;
}
body.theme-light .service-hub::before{
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.34));
  border-color:rgba(24,28,22,.12);
}
body:not(.theme-light) .service-hub::before{
  background:linear-gradient(135deg,rgba(74,78,74,.62),rgba(31,35,32,.42));
  border-color:rgba(255,255,255,.18);
  box-shadow:0 20px 90px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.18);
}
@media(max-width:760px){
  body .service-hub{padding:44px 6vw 68px}
  body .service-hub::before{inset:12px 3vw}
}

/* Header search: rectangular mark echoing the logo footprint. */
body.commission > .header .open-search{
  width:102px;
  height:32px;
  min-height:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 12px;
  border:.5px solid rgba(255,255,255,.27);
  border-radius:0;
  background:transparent;
  line-height:1;
  box-sizing:border-box;
}
body.commission > .header .open-search::before{
  margin:0;
  font-size:15px;
  line-height:1;
}
body.commission > .header .open-search:hover{
  background:rgba(255,255,255,.1);
}
body.theme-light.commission > .header .open-search:hover{
  background:rgba(20,24,20,.06);
}
@media(max-width:760px){
  body.commission > .header .open-search{width:92px;height:30px;min-height:0;padding:6px 8px;font-size:11px}
  body.commission > .header .open-search::before{font-size:13px}
}

/* Service finder as its own sticky frosted section, not a flat render block. */
body .service-hub{
  min-height:100svh;
  display:flex;
  align-items:flex-start;
  padding:clamp(64px,8vw,110px) 6vw clamp(68px,8vw,120px)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.72),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#efede7 0%,#f6f4ee 42%,#ece9e0 100%)!important;
  color:#161914!important;
}
body .service-hub::before{
  display:none;
}
body .service-hub .service-search{
  position:sticky;
  top:calc(var(--header-offset, 96px) + 30px);
  width:min(1160px,100%);
  margin:0 auto!important;
  padding:clamp(34px,4vw,58px)!important;
  color:#171914!important;
  background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.28));
  border:.25px solid rgba(22,25,20,.18)!important;
  box-shadow:0 30px 100px rgba(20,24,18,.13), inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter:blur(30px) saturate(1.08);
  -webkit-backdrop-filter:blur(30px) saturate(1.08);
}
body .service-hub .service-search>label{
  font-size:clamp(27px,3.2vw,54px);
  line-height:1;
  letter-spacing:-.055em;
  margin-bottom:28px;
}
body .service-hub .service-query{
  border:1px solid rgba(22,25,20,.55)!important;
  background:rgba(255,255,255,.22)!important;
  color:#171914!important;
  border-radius:0;
  min-height:58px;
  font-size:16px;
}
body .service-hub .service-query::placeholder{
  color:rgba(23,25,20,.48)!important;
}
body .service-hub .service-query:focus,
body .service-hub .service-query:focus-visible{
  outline:none;
  box-shadow:inset 0 -2px 0 rgba(23,25,20,.72)!important;
}
body .service-hub .search-status{
  color:rgba(23,25,20,.5)!important;
  margin-top:26px!important;
}
body .service-hub .service-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 42px;
}
body .service-hub .service-results a{
  width:auto;
  min-height:86px;
  border-color:rgba(23,25,20,.18)!important;
  color:#171914!important;
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
body .service-hub .service-results a:hover{
  transform:translateX(8px);
  border-color:rgba(23,25,20,.45)!important;
  background:rgba(255,255,255,.14);
}
body .service-hub .service-results strong{
  font-size:15px;
  font-weight:400;
}
body .service-hub .service-results span,
body .service-hub .service-results i{
  color:rgba(23,25,20,.56)!important;
}
body:not(.theme-light) .service-hub{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.13),rgba(255,255,255,0) 36%),
    linear-gradient(180deg,#111612 0%,#1a1d18 48%,#101410 100%)!important;
  color:#f5f2ea!important;
}
body:not(.theme-light) .service-hub .service-search{
  color:#f5f2ea!important;
  background:linear-gradient(135deg,rgba(246,245,240,.18),rgba(246,245,240,.07));
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.18);
}
body:not(.theme-light) .service-hub .service-query{
  color:#fff!important;
  border-color:rgba(255,255,255,.58)!important;
  background:rgba(255,255,255,.04)!important;
}
body:not(.theme-light) .service-hub .service-query::placeholder,
body:not(.theme-light) .service-hub .search-status,
body:not(.theme-light) .service-hub .service-results span,
body:not(.theme-light) .service-hub .service-results i{
  color:rgba(246,245,240,.62)!important;
}
body:not(.theme-light) .service-hub .service-results a{
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
body:not(.theme-light) .service-hub .service-results a:hover{
  border-color:rgba(255,255,255,.46)!important;
  background:rgba(255,255,255,.06);
}
@media(max-width:760px){
  body .service-hub{min-height:auto;padding:60px 5vw 78px!important}
  body .service-hub .service-search{position:relative;top:auto;padding:28px 20px!important}
  body .service-hub .service-results{grid-template-columns:1fr}
}
body .service-hub{scroll-margin-top:96px}

/* Compact search within the Complete Collection lightbox. */
#all-work .all-work-search{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
}
#all-work .all-work-search label{
  display:block;
  margin-bottom:9px;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
#all-work .all-work-search input{
  width:100%;
  min-height:38px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:0;
  background:transparent;
  color:#fff;
  font:12px/1.3 Arial,sans-serif;
  outline:none;
  box-sizing:border-box;
}
#all-work .all-work-search input::placeholder{color:rgba(255,255,255,.46)}
#all-work .all-work-search input:focus{box-shadow:inset 0 -2px 0 rgba(255,255,255,.72)}
#all-work .all-work-search-status{
  margin:9px 0 0;
  font-size:10px;
  color:rgba(255,255,255,.55);
}
#all-work .all-work-menu nav a[hidden],
#all-work .all-work-card[hidden]{display:none!important}
#all-work.is-filtering .all-work-grid{align-items:start}
@media(max-width:920px){
  #all-work .all-work-search{margin-top:16px}
}

/* Genre grouping for the Complete Collection menu. */
#all-work .all-work-menu-group{
  margin:20px 0 4px;
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
#all-work .all-work-menu-group:first-child{margin-top:0}
#all-work .all-work-menu nav a + .all-work-menu-group{margin-top:24px}
#all-work .all-work-menu nav .all-work-menu-group[hidden]{display:none!important}

/* Editorial stagger: second line steps over like a typeset spread. */
body :is(.hero-title-clean,.studio-copy h2,.te-heading h2,.te-source h2,.brand-services h2,.contact h2) br + em,
body :is(.hero-title-clean,.studio-copy h2,.te-heading h2,.te-source h2,.brand-services h2,.contact h2) br + .stagger-line{
  display:inline-block;
  margin-left:clamp(76px,12vw,210px);
}
@media(max-width:760px){
  body :is(.hero-title-clean,.studio-copy h2,.te-heading h2,.te-source h2,.brand-services h2,.contact h2) br + em,
  body :is(.hero-title-clean,.studio-copy h2,.te-heading h2,.te-source h2,.brand-services h2,.contact h2) br + .stagger-line{
    margin-left:clamp(34px,12vw,72px);
  }
}

/* Align stacked hero copy with the video frame and client-logo wall. */
@media(max-width:900px),(orientation:portrait){
  .commission .film-hero-copy{
    padding-left:0;
    padding-right:6%;
  }
  .commission .film-controls{
    margin-left:0;
    margin-right:6%;
  }
}

/* Stack project heading labels above the client mark/title for cleaner sticky headers. */
body #vici > .vici-heading,
body #kim-shui > .kim-pair-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
body #vici > .vici-heading .eyebrow,
body #kim-shui > .kim-pair-heading .eyebrow{
  width:100%;
  margin:0;
}
body #vici > .vici-heading h2,
body #kim-shui > .kim-pair-heading h2{
  margin:0;
}
body #kim-shui > .kim-pair-heading img{
  width:min(260px,52vw);
}
body #vici > .vici-heading > p:last-child{
  margin:0;
  max-width:560px;
}
@media(max-width:760px){
  body #vici > .vici-heading,
  body #kim-shui > .kim-pair-heading{
    gap:8px;
  }
  body #kim-shui > .kim-pair-heading img{
    width:min(210px,58vw);
  }
}

/* Refine Kim Shui and VICI sticky header alignment. */
body #kim-shui > .kim-pair-heading{
  align-items:flex-start;
}
body #kim-shui > .kim-pair-heading img{
  width:auto;
  height:72px;
  max-width:min(520px,86vw);
}
body #vici > .vici-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  column-gap:clamp(32px,8vw,140px);
  row-gap:10px;
}
body #vici > .vici-heading .eyebrow{
  grid-column:1;
  grid-row:1;
}
body #vici > .vici-heading > p:last-child{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  text-align:right;
  max-width:520px;
}
body #vici > .vici-heading h2{
  grid-column:1 / -1;
  grid-row:2;
}
@media(max-width:760px){
  body #kim-shui > .kim-pair-heading img{
    height:54px;
    max-width:86vw;
  }
  body #vici > .vici-heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  body #vici > .vici-heading > p:last-child{
    text-align:left;
    max-width:100%;
  }
}

/* Crop the Kim Shui source logo padding so the visible K aligns with the heading label. */
body #kim-shui > .kim-pair-heading h2{
  overflow:hidden;
  line-height:0;
}
body #kim-shui > .kim-pair-heading img{
  transform:translateX(-8.5%);
  transform-origin:left center;
  max-width:none;
}
@media(max-width:760px){
  body #kim-shui > .kim-pair-heading img{
    transform:translateX(-8.5%);
  }
}

/* Match the VICI credit line to the Brand Experiences supporting copy. */
body #vici > .vici-heading > p:last-child{
  font:400 clamp(17px,1.55vw,24px)/1.45 Arial,Helvetica,sans-serif;
  letter-spacing:0;
  color:rgba(23,25,22,.62);
}

/* Complete Collection grid follows the left menu order while preserving a neat stagger. */
@media(min-width:601px){
  #all-work .overview-photo-pair:nth-child(2){
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
  }
  #all-work .overview-photo-pair:nth-child(3){
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
  }
  #all-work .overview-photo-pair:nth-child(3)>.all-work-card:first-child{
    margin-top:32px;
  }
}

/* Keep the VICI credit exactly matched to the Brand Experiences supporting line. */
body #vici > .vici-heading > p:last-child{
  font-size:14px;
  line-height:1.5;
  opacity:.7;
  color:inherit;
  max-width:none;
}

/* Media thumbnails open the expanded viewer directly. */
.project .visual,.kim-pair-media{cursor:zoom-in}
.project .visual:focus-visible,.kim-pair-media:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Normalize sticky project mark height across parallax headings. */
body{
  --sticky-project-mark-height:58px;
}
body #vici > .vici-heading h2{
  font-size:var(--sticky-project-mark-height);
  line-height:.98;
}
body #kim-shui > .kim-pair-heading img{
  height:var(--sticky-project-mark-height);
  width:auto;
}
@media(max-width:760px){
  body{
    --sticky-project-mark-height:46px;
  }
}

/* Keep the VICI + Bi-Coastal Complete Collection row clean: matched visual heights. */
#all-work .overview-spread .all-work-project-cover{
  display:block;
  overflow:hidden;
}
#all-work .overview-spread .all-work-project-cover img{
  display:block;
  width:100%;
  height:auto;
}
@media(min-width:601px){
  #all-work .overview-spread:nth-child(2){
    align-items:start;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover{
    aspect-ratio:9/16;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover img{
    height:100%;
    object-fit:cover;
    object-position:50% 42%;
  }
  #all-work .overview-spread:nth-child(2) .overview-wide video{
    aspect-ratio:16/9;
    object-fit:cover;
  }
}

/* Stronger lockup for the VICI + Bi-Coastal row in Complete Collection. */
@media(min-width:601px){
  #all-work .overview-spread:nth-child(2){
    grid-template-columns:minmax(0,9fr) minmax(0,32fr);
    gap:24px;
    align-items:start;
  }
  #all-work .overview-spread:nth-child(2) .all-work-card>button,
  #all-work .overview-spread:nth-child(2) .all-work-card>.all-work-project-cover{
    display:block;
    width:100%;
    overflow:hidden;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover,
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover img{
    aspect-ratio:9/16;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover img{
    height:auto;
    object-fit:cover;
    object-position:50% 44%;
  }
  #all-work .overview-spread:nth-child(2) .overview-wide button,
  #all-work .overview-spread:nth-child(2) .overview-wide video{
    aspect-ratio:16/9;
  }
  #all-work .overview-spread:nth-child(2) .overview-wide video{
    width:100%;
    height:auto;
    object-fit:cover;
  }
}

/* Apple TV-style shelves: each Complete Collection row shares a clean top and bottom line. */
@media(min-width:601px){
  #all-work .overview-spread,
  #all-work .overview-photo-pair{
    align-items:stretch;
  }
  #all-work .overview-spread>.all-work-card,
  #all-work .overview-photo-pair>.all-work-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:100%;
  }
  #all-work .overview-spread>.all-work-card>p,
  #all-work .overview-photo-pair>.all-work-card>p{
    margin-top:16px;
  }
  #all-work .overview-photo-pair button,
  #all-work .overview-photo-pair .all-work-project-cover{
    width:100%;
  }
  #all-work .overview-photo-pair video,
  #all-work .overview-photo-pair img{
    width:100%;
    height:auto;
    display:block;
  }
  #all-work .overview-photo-pair:nth-child(3){
    align-items:stretch;
  }
  #all-work .overview-photo-pair:nth-child(3)>.all-work-card:first-child{
    margin-top:0;
  }
  #all-work .overview-photo-pair:nth-child(3) video{
    aspect-ratio:9/16;
    object-fit:cover;
  }
  #all-work .overview-spread:nth-child(2){
    grid-template-columns:minmax(0,1fr) minmax(0,2.45fr);
    align-items:start;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover,
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover img{
    aspect-ratio:auto;
  }
  #all-work .overview-spread:nth-child(2) .overview-portrait .all-work-project-cover img{
    height:auto;
    object-fit:contain;
    object-position:center;
  }
  #all-work .overview-spread:nth-child(2) .overview-wide video{
    aspect-ratio:16/9;
    object-fit:cover;
  }
}
/* Keep the editorial paper sections clean white in dark mode. */
body:not(.theme-light) .brand-services,
body:not(.theme-light) .brand-services .chapter-heading,
body:not(.theme-light) .service-columns .chapter-heading{background:#fff!important}

/* Portrait-only entrance and hover, keeping the captions steady. */
body #corporate .corporate-package{opacity:1;transform:none;will-change:auto}
.corporate-portrait{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;opacity:1;transform:none;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.3,1);transition-delay:var(--portrait-delay,0ms)}
.corporate-portrait.has-reveal{opacity:0;transform:translateY(14px)}
.corporate-portrait.is-visible{opacity:1;transform:translateY(0)}
.corporate-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .65s cubic-bezier(.2,.65,.3,1);transform:scale(1)}
.corporate-package:nth-child(2) .corporate-portrait>img{object-position:50% 25%}
.corporate-package:nth-child(3) .corporate-portrait>img{object-position:center}
@media(hover:hover) and (pointer:fine){.corporate-portrait:hover>img{transform:scale(1.045)}}
.corporate-package:focus-within .corporate-portrait>img{transform:scale(1.045)}
@media(max-width:760px){.corporate-portrait{max-width:280px}}
@media(prefers-reduced-motion:reduce){.corporate-portrait,.corporate-portrait.has-reveal,.corporate-portrait>img,.corporate-package:focus-within .corporate-portrait>img{opacity:1;transform:none!important;transition:none}}

/* All Works uses the existing brand artwork, with accessible/searchable project names. */
.all-work-menu nav strong:has(.all-work-brand-logo){display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.all-work-menu nav .all-work-brand-logo{display:block;width:auto;height:32px;max-width:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);overflow:hidden}
.theme-light .all-work-menu nav .all-work-brand-logo{filter:brightness(0)}
.all-work-menu nav .all-work-brand-caption{font-size:13px;line-height:1.3;font-weight:400;letter-spacing:0}
@media(max-width:760px){.all-work-menu nav .all-work-brand-logo{height:24px;max-width:100%}}

/* Match the client banner: white artwork and one consistent optical height. */
body #all-work .all-work-menu nav .all-work-brand-logo{height:22px!important;width:auto!important;max-width:none!important;max-height:none!important;filter:brightness(0) invert(1)!important;flex-shrink:0;overflow:hidden}
body #all-work .all-work-menu nav .all-work-brand-wordmark{font-family:inherit!important;font-size:22px!important;font-weight:400!important;letter-spacing:.16em!important;line-height:22px!important;color:#fff!important;filter:none!important;white-space:nowrap}
@media(max-width:760px){body #all-work .all-work-menu nav .all-work-brand-logo{height:20px!important}body #all-work .all-work-menu nav .all-work-brand-wordmark{font-size:20px!important;line-height:20px!important}}

body #all-work .all-work-menu nav .all-work-brand-wordmark{width:max-content!important;overflow:visible!important;padding:0!important;border:0!important;margin:0!important}