/* One reading axis: introduction, complete object performance, next action. */
.hero-intro-visible .mobile-contact{transform:translateY(110%);pointer-events:none}
.focus-intro{position:relative;text-align:center;padding:112px 24px 64px}
.focus-intro h2{max-width:960px;margin:0 auto;font-size:clamp(48px,5.4vw,80px);line-height:1.04;letter-spacing:-.055em;font-weight:570;text-wrap:balance}
.focus-intro p{max-width:680px;margin:28px auto 0;font-size:20px;line-height:1.55;letter-spacing:-.015em;text-wrap:balance}
.focus-scene-caption{position:relative;margin:0 auto;max-width:600px;text-align:center;font-size:14px;line-height:1.5;color:#b7c9e7}
.focus-outro{text-align:center;padding-top:36px;padding-bottom:100px}
.dossier-focus{background:#121e37;color:#f4f7ff}
.dossier-refined.focus-scene{background:#121e37}
.dossier-refined.focus-scene .optical-atmosphere{display:none}
.dossier-focus .focus-intro p{color:#c0cce0}
.dossier-focus .optical-copy{padding:0;max-width:none;transform:none;opacity:1}
.dossier-refined.focus-scene>.scene-sticky{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px 32px 28px;min-height:0}
.dossier-refined.focus-scene .optical-render{position:relative;inset:auto;flex:0 0 auto;width:min(100%,1000px);height:calc(var(--stage) - 92px);max-height:860px;min-height:0;margin:0 auto;align-self:center;mask-image:none;mix-blend-mode:lighten}
.dossier-refined.focus-scene .optical-render img,.dossier-refined.focus-scene .optical-render canvas{transform:none;object-fit:contain}
.dossier-focus .dossier-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:920px;margin:0 auto 44px;text-align:center}
.dossier-focus .dossier-service{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0}
.dossier-focus .dossier-service:after{display:none}
.dossier-focus .dossier-service-index{width:36px;height:36px;flex-basis:36px;background:#263c65;border-color:#6883b4;box-shadow:none;margin:0}
.dossier-focus .dossier-service strong{font-size:21px;line-height:1.25}
.dossier-focus .dossier-service a>span{display:none}
.dossier-focus .dossier-service p{display:block;max-width:270px;color:#bfcee4;font-size:15px;line-height:1.55;margin:10px auto 0;opacity:1}
.dossier-focus .optical-end{position:static;display:flex;justify-content:center;width:auto;max-width:none;transform:none;margin:0;padding:0}
.dossier-focus .optical-end .button{min-height:54px}
.cinema-focus{background:#172641;color:#f4f7ff}
.cinema-focus .focus-intro p{color:#c0cce0}
.cr-section.focus-scene{--cr-scale:.94}
.cr-section.focus-scene>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section.focus-scene>.scene-sticky{padding:24px 32px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.cr-section.focus-scene .cr-layout{width:100%;max-width:1320px;padding:0}
.cr-section.focus-scene .cr-art{height:calc(var(--stage) - 100px);max-height:680px;margin:0}
.cr-section.focus-scene .cr-object-frame{top:50%}
.cinema-focus .focus-outro{padding-top:42px;padding-bottom:96px}
.cinema-focus .focus-outro p{max-width:650px;font-size:19px;line-height:1.55;margin:0 auto 30px;color:#c0cce0;text-wrap:balance}
.cinema-focus .cr-cta{color:#172641;background:#fff;min-height:55px}
/* The same separate composition remains readable without scroll effects. */
html:not(.motion-ready) .dossier-refined.focus-scene>.scene-sticky,
.motion-reduced .dossier-refined.focus-scene>.scene-sticky,
.motion-ready:not(.motion-reduced) .dossier-refined.focus-scene.scene-flow>.scene-sticky{display:flex;height:auto;padding:24px 24px 32px;gap:20px}
html:not(.motion-ready) .cr-section.focus-scene>.scene-sticky,
.motion-reduced .cr-section.focus-scene>.scene-sticky,
.motion-ready:not(.motion-reduced) .cr-section.focus-scene.scene-flow>.scene-sticky{height:auto;padding:24px 24px 32px!important}
@media(min-width:768px) and (max-height:800px){.cr-section.focus-scene{--cr-scale:.82}}
@media(min-width:768px) and (max-width:1100px){.cr-section.focus-scene{--cr-scale:.70}}
@media(min-width:768px) and (max-width:950px){
 .cr-section.focus-scene{--cr-scale:.60}
 .cr-section.focus-scene .cr-deadline{left:calc(597px - (1 - var(--cr-p))*130px)}
}
@media(max-width:767px){
 .focus-intro{padding:76px 22px 28px}
 .focus-intro h2{font-size:clamp(36px,9.6vw,60px);letter-spacing:-.048em;line-height:1.08}
 .focus-intro p{font-size:17px;line-height:1.55;margin-top:22px;max-width:480px}
 .focus-outro{padding-top:24px;padding-bottom:72px}
 .dossier-refined.focus-scene>.scene-sticky{padding:20px 16px 24px;gap:18px}
 .dossier-refined.focus-scene .optical-render{width:100%;height:min(calc(var(--stage) - 110px),125vw);max-width:520px;max-height:none}
 .focus-scene-caption{font-size:12px;max-width:300px;padding-inline:8px}
 .dossier-focus .dossier-services{max-width:440px;gap:30px;grid-template-columns:1fr;margin-bottom:36px}
 .dossier-focus .dossier-service{gap:10px}
 .dossier-focus .dossier-service p{font-size:15px;max-width:290px;margin-top:8px}
 .dossier-focus .dossier-service strong{font-size:21px}
 .dossier-focus .optical-end .button{width:auto;max-width:100%;font-size:13px}
 .cr-section.focus-scene{--cr-scale:.435}
 .cr-section.focus-scene>.scene-sticky,.motion-ready:not(.motion-reduced) .cr-section.focus-scene>.scene-sticky{padding:20px 16px;gap:20px}
 .cr-section.focus-scene .cr-art{height:min(calc(var(--stage) - 100px),112vw);max-height:510px;margin:0}
 .cinema-focus .focus-outro p{font-size:17px}
 .cinema-focus .focus-outro{padding:28px 22px 76px}
}
@media(max-width:360px){.cr-section.focus-scene{--cr-scale:.355}}
@media(max-height:599px) and (min-width:768px){
 .focus-intro{padding-block:64px 32px}
 .cr-section.focus-scene{--cr-scale:.36}
 .cr-section.focus-scene .cr-art{height:210px}
 .dossier-refined.focus-scene .optical-render{height:240px}
}