/* Compact browsing rhythm; sticky elements stay bounded to their own chapter. */
.header nav>a{position:relative}
.header nav>a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.header nav>a.line-link{border-bottom-color:transparent}
body .event-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
body .event-gallery>*{grid-column:auto!important;width:100%!important;margin:0!important;justify-self:stretch}
body .event-gallery img,body .event-gallery .studio-asset-preview{aspect-ratio:4/5;object-fit:cover;min-height:0;height:auto}
body .event-gallery .studio-asset-preview{display:flex;flex-direction:column;justify-content:center;align-items:center}
body .event-gallery .studio-asset-preview>span{font-size:24px}
body .event-gallery .studio-asset-preview>small{font-size:9px;padding:8px}
body .event-photo figcaption{font-size:9px;padding:6px 0}
body .event-heading{padding:14px 0;margin-bottom:18px}
body .event-heading>h2,body .event-heading>.eyebrow{width:100%!important}
body .event-chapter .event-film>.visual{width:min(100%,calc(var(--event-media-height) * .5625))!important}
body .event-chapter .event-film>.project-copy{width:auto;max-width:100%}
body #moxy.event-chapter .event-film>.visual,body #f1.event-chapter .event-film>.visual{width:min(100%,calc(var(--event-media-height) * 1.77778))!important}
body .project-heading-logo{display:block!important;height:40px!important;width:calc(40px * var(--logo-ratio))!important;max-width:100%;overflow:hidden;filter:brightness(0) invert(1)}
body :is(#brands-events,#vici) .project-heading-logo{filter:brightness(0)}
@media(min-width:851px) and (min-height:621px){
 body .event-chapter,body .brands-events-spread .event-chapter,body #moxy.event-chapter,body #f1.event-chapter{
  min-height:0!important;
  padding-bottom:24px!important;
 }
 body .event-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-content:start;
 }
 body .event-gallery img,body .event-gallery .studio-asset-preview{
  aspect-ratio:4/5;
 }
 body .event-photo-1,body .event-photo-2,body .event-gallery>.event-photo-slot:nth-child(2){
  grid-column:auto;
  width:100%;
  justify-self:stretch;
 }
 body .event-heading{
  margin-bottom:12px;
 }
}
body #kim-shui .project-heading-logo{height:40px!important;max-height:none!important}
body #kim-shui .project-heading-logo image{filter:none}
body .compact-about #studio{min-height:640px;height:auto;padding-block:80px}
body .compact-about #studio .studio-copy{max-width:900px}
body .compact-about #studio .service-intro{max-width:650px}
body .compact-about #services,body .compact-about #friends-directory{padding:56px 4%;min-height:0}
body .compact-about .chapter-intro-track{min-height:0!important}
body .compact-about .chapter-heading{position:relative;top:auto}
body .compact-about .service-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.compact-detail{border-top:1px solid #8885;margin-top:24px;padding-top:20px}
.compact-detail>summary{font-size:clamp(18px,1.6vw,25px);cursor:pointer;min-height:44px;padding:8px 0}
.compact-detail[open]>summary{margin-bottom:20px}
body .compact-detail #talent{min-height:560px}
body .compact-detail #concept-spec{padding:24px 0}
body .compact-detail .resources-support{margin-top:0;padding-top:24px}
body .compact-about .directory-intro{max-width:900px;margin-bottom:24px}
body .compact-about .directory-intro h2{font-size:clamp(34px,4vw,58px)}
body .compact-about .directory-footer{display:none}
.compact-testimonial{border-top:1px solid #8885;margin-top:32px;padding-top:24px}
.compact-testimonial blockquote{margin:16px 0;max-width:780px;font-size:clamp(20px,2vw,30px);line-height:1.4}
.compact-testimonial cite{display:block;font:14px Arial,sans-serif;margin-top:14px}
.compact-testimonial .text-link{font-size:14px;margin-right:24px}
body #inquire.compact-inquiry{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);padding:64px 4%;min-height:0;background:#efede7;color:#242424;text-align:left}
body #inquire.compact-inquiry h2{font-size:clamp(44px,5vw,76px);margin:24px 0}
.inquiry-intro>p:not(.eyebrow){max-width:480px;font-size:18px;line-height:1.6}
.inquiry-intro>.text-link{display:inline-flex;margin:16px 24px 0 0;font-size:16px}
.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.brief-fields label{display:block;font-size:14px;line-height:1.5;margin-bottom:10px}
.brief-fields label span{display:block;color:#777;font-size:12px}
body .brief-fields .journey-answer{box-sizing:border-box;width:100%;min-width:0;height:54px;padding:12px;background:#fff5;border:1px solid #24242455;color:#242424;font:16px Arial,sans-serif}
.brief-next{font-size:13px;line-height:1.5;color:#666}
body #journey-call .text-link{margin-top:30px}
@media(max-width:850px){
 body .event-columns{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:16px}
 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-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body .compact-about .service-columns{grid-template-columns:1fr}
 body #inquire.compact-inquiry{grid-template-columns:1fr}
 body .project-heading-logo{height:32px!important;width:calc(32px * var(--logo-ratio))!important}
 body #kim-shui .project-heading-logo{height:32px!important}
}
@media(max-width:500px){
 body .event-columns{grid-template-columns:1fr}
 body .event-chapter[data-film-side=right] .event-film,body .event-chapter[data-film-side=right] .event-gallery{grid-column:1;grid-row:auto}
 body .event-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brief-fields{grid-template-columns:1fr}
 body .compact-about #studio{min-height:540px;padding-block:48px}
}
body.theme-light #oxfold .project-heading-logo{filter:brightness(0)}
body #oxfold-title .oxfold-wordmark{display:block;font:400 40px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:inherit}
@media(max-width:850px){body #oxfold-title .oxfold-wordmark{font-size:32px}}

@media(min-width:851px) and (min-height:621px){body .event-columns{gap:24px}body .event-film{top:calc(var(--chapter-top) + var(--event-heading-height,130px) + 12px)}}
/* Keep a short independent scroll interval even when the photo grid is compact. */
@media(min-width:851px) and (min-height:621px){
 body .event-columns{min-height:calc(var(--event-media-height) + 152px)}
 body .event-film{position:sticky;align-self:start}
 body .event-gallery{position:relative;align-self:start}
}

/* Matching, bounded introductions for the two experience chapters. */
body .experience-intro-track{margin:0 0 24px;background:#fff}
body .experience-intro-track>:is(.brands-events-heading,.live-experiences-heading){padding:24px 0!important;margin:0!important;background:#fff;z-index:14;transform:none}
body .experience-intro-track .eyebrow{margin:0 0 16px}
body .experience-intro-track h2{margin:0 0 18px;line-height:1.08}
body .experience-intro-track p:last-child{margin-bottom:0}

body #inquire.compact-inquiry,
body.theme-light #inquire.compact-inquiry{background:#fff!important;}

/* Photo libraries scroll inside the original six-slot viewing area. */
body .event-gallery-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;align-content:start}
body .event-gallery-scroll:focus-visible{outline:1px solid currentColor;outline-offset:4px}