/* Photo-only motion trial. The layout and typography match the saved original. */
@media(prefers-reduced-motion:no-preference){
.photo-ready{clip-path:inset(8% 5%);transition:clip-path 700ms cubic-bezier(.2,.7,.2,1)}
.photo-ready.is-visible{clip-path:inset(0)}
.collab-grid img{transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.collab-grid article:hover img{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.photo-ready{clip-path:none;transition:none}.collab-grid img{transform:none;transition:none}}
/* Film label without a background panel or border. */
.video .play{background:transparent;border:0;box-shadow:none;color:#fff;text-shadow:0 1px 4px #000,0 2px 12px #000}
.video button:hover .play,.video button:focus-visible .play{background:transparent;border:0;color:#fff}
/* Keep the film and its caption on the same editorial measure. */
.yokaban .project-caption{width:100%;max-width:920px;margin:28px auto 44px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px}
.yokaban .project-caption>div{min-width:0}
.yokaban .project-caption h3{margin-bottom:0}
.services-section{display:block;padding:65px 0}
.services-section>h2{font-size:clamp(24px,2.8vw,36px);line-height:1.5;margin:0 0 40px;text-wrap:balance}
.scope-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0}
.scope-list>div{min-width:0}.scope-list dt{font-size:14px;letter-spacing:.08em;color:#191919;margin-bottom:14px}.scope-list dd{font-size:16px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.video .play,.video button:hover .play,.video button:focus-visible .play{color:#ff4942;background:transparent;border:0;box-shadow:none;text-shadow:0 1px 3px #000,0 2px 8px #0008}
@media(max-width:700px){.yokaban .project-caption{grid-template-columns:minmax(0,1fr);gap:18px;margin:24px auto 32px}.services-section{padding:45px 0}.services-section>h2{margin-bottom:30px}.scope-list{grid-template-columns:1fr;gap:26px}.scope-list dt{margin-bottom:7px}}

/* Final editorial refinements — retain the existing visual language. */
.editorial-product,.editorial-space{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.editorial-product>div,.editorial-space>div{min-width:0}
.editorial-product h3,.editorial-space h3{font-size:clamp(27px,2.6vw,36px);line-height:1.4;text-wrap:balance}
.title-unit{display:inline-block}
.role{color:#666}
.scope-list dt{color:#707070}
.scope-list dd{overflow-wrap:normal}
.collaborations{padding:65px 0 70px}
.collab-grid h3{font-size:17px;line-height:1.6}
.collab-grid img{aspect-ratio:4/5;object-fit:contain;width:100%;margin-bottom:22px}
@media(min-width:701px) and (max-width:1000px){
.scope-list{gap:18px}
.scope-list dd{font-size:15px}
.collab-grid{gap:24px}
.editorial-product p{max-width:none}
}
@media(max-width:700px){
.editorial-product,.editorial-space{grid-template-columns:minmax(0,1fr);gap:25px}
.scope-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.scope-list dd{font-size:15px;line-height:1.8}
.scope-list dt{font-size:12px;margin-bottom:7px}
.collaborations{padding:45px 0}
.collab-grid{grid-template-columns:minmax(0,1fr);gap:44px}
.collab-grid article{display:block}
.collab-grid img{aspect-ratio:4/5;margin:0 0 20px}
.collab-grid h3{font-size:17px;margin-bottom:12px}
}

.text-unit{display:inline-block}

/* Supplied copy and photographs, September 22. */
.scope-list dt{font-weight:400}
.editorial-space>img{aspect-ratio:1672/941;object-position:center}
.company-statement{border-top:1px solid #ddd;padding:55px 0 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}
.company-statement p{font-size:15px;line-height:1.95}
.company-statement p[lang=en]{font-size:14px;color:#707070;line-height:1.9}
.company-statement p:last-child{margin-bottom:0}
@media(max-width:800px){.company-statement{grid-template-columns:1fr;gap:24px;padding:40px 0 45px}}
@media(max-width:700px){.opening-copy p{font-size:12px;letter-spacing:.015em}}

/* Mobile-only: bring the illustration closer to the headline. */
@media(max-width:700px){.opening-art{translate:clamp(-42px,-7vw,-20px) 0}}

/* Mobile preview: remove the repeated small brand label. */
@media(max-width:700px){.opening-label{display:none}}

/* Approved final editorial refinements. */
.opening-label{display:none}
.services-contact{margin-top:32px}
.related p.role{font-size:14px;color:#666;margin-top:12px}

.company-statement{display:block}
.company-statement p[lang=en]{max-width:760px;margin-top:24px}

/* Keep the scope heading phrased naturally on small screens. */
@media(max-width:700px){.services-section>h2{text-wrap:wrap;font-size:clamp(22px,5.8vw,28px)}.scope-heading-intro,.scope-heading-rest{display:block}}