/* This stylesheet is scoped to the cover only. */
.cinematic-hero{background:white;grid-template-columns:1.06fr 1fr;gap:5%;min-height:660px;padding-top:55px;padding-bottom:75px}.cinematic-hero h1,.cinematic-hero h1 em{color:#142647}.cinematic-hero .eyebrow{color:#66717d}.cinematic-hero .intro{color:#4f5c6a}.cover-studio{position:relative;grid-column:2;grid-row:1;width:100%;height:500px;overflow:hidden;background:white;border:1px solid #e6e9ec;border-radius:180px 180px 8px 8px;isolation:isolate}.studio-caption,.studio-baseline{position:absolute;text-align:center;left:7%;right:7%;font-size:10px;letter-spacing:1.8px;color:#6a7582;z-index:5}.studio-caption{top:50px}.studio-baseline{bottom:30px;font-size:9px;letter-spacing:1.4px}.cover-sequence{position:absolute;inset:65px 0 55px;overflow:hidden}.cover-syringe{position:absolute;width:112%;max-width:none;height:auto;left:-6%;top:13%;mix-blend-mode:multiply;transform-origin:83% 75%;animation:syringeMacro 18s cubic-bezier(.35,0,.25,1) infinite;will-change:transform,opacity,filter}.cover-bead{position:absolute;width:160px;height:160px;max-width:none;left:89%;top:74%;transform:translate(-50%,-50%) scale(.025);mix-blend-mode:multiply;opacity:0;animation:beadMacro 18s cubic-bezier(.35,0,.25,1) infinite;will-change:transform,left,top,opacity}.cover-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:brandMacro 18s ease-in-out infinite}.cover-brand img{width:108%;height:auto;max-width:none;mix-blend-mode:multiply}.hero.is-paused .cover-sequence *{animation-play-state:paused!important}.cover-controls{display:flex;gap:8px;align-items:center}.hero-bottom .cover-controls button{font-size:11px;color:#536477;border-color:#d2dae1}.cover-reset .cover-sequence *{animation:none!important}@keyframes syringeMacro{0%,5%{opacity:1;transform:translate(0,0) scale(.88);filter:blur(0)}22%{opacity:1;transform:translate(-7%,-4%) scale(1.05);filter:blur(0)}35%{opacity:1;transform:translate(-12%,-9%) scale(1.14);filter:blur(0)}48%{opacity:0;transform:translate(-30%,-30%) scale(1.5);filter:blur(2px)}91%{opacity:0;transform:translate(-30%,-30%) scale(1.5);filter:blur(2px)}100%{opacity:1;transform:translate(0,0) scale(.88);filter:blur(0)}}@keyframes beadMacro{0%,23%{opacity:0;left:84%;top:71%;transform:translate(-50%,-50%) scale(.025)}28%{opacity:1;left:84%;top:71%;transform:translate(-50%,-50%) scale(.17)}36%{opacity:1;left:79%;top:72%;transform:translate(-50%,-50%) scale(.32)}52%{opacity:1;left:50%;top:50%;transform:translate(-50%,-50%) scale(2.25)}63%{opacity:.34;left:50%;top:50%;transform:translate(-50%,-50%) scale(3.3)}75%,91%{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(4.2)}100%{opacity:0;left:84%;top:71%;transform:translate(-50%,-50%) scale(.025)}}@keyframes brandMacro{0%,48%{opacity:0;transform:scale(.78);filter:blur(5px)}66%,88%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.03);filter:blur(0)}}@media(max-width:1100px){.cover-studio{height:440px}.cover-sequence{inset:65px 0 50px}.studio-caption{font-size:9px;letter-spacing:1px}}@media(max-width:760px){.cinematic-hero{padding:45px 7% 75px;min-height:0;gap:25px}.cover-studio{height:330px;order:1;border-radius:120px 120px 8px 8px}.cover-sequence{inset:40px 0 35px}.studio-caption{top:28px;font-size:8px;letter-spacing:1px}.studio-baseline{bottom:20px;font-size:8px;letter-spacing:.6px}.cover-bead{width:120px;height:120px}.hero-bottom .cover-controls button{font-size:10px;padding:7px 10px}.hero-bottom{gap:8px}.hero-bottom>span:first-child{max-width:120px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.cover-syringe,.cover-bead{display:none}.cover-brand{animation:none;opacity:1;transform:none;filter:none}.cover-controls{display:none}}

/* One synchronized optical reveal: the brand resolves within the gel. */
.cover-sequence{animation:gelCamera 12s cubic-bezier(.45,0,.2,1) infinite alternate;transform-origin:50% 50%}
.cover-bead{width:86%;height:auto;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);opacity:1;animation:gelClear 12s cubic-bezier(.45,0,.2,1) infinite alternate;will-change:opacity,filter;pointer-events:none}
.cover-brand{z-index:1;opacity:0;transform:none;animation:gelResolve 12s cubic-bezier(.45,0,.2,1) infinite alternate;will-change:opacity,filter;mask-image:radial-gradient(circle,black 45%,transparent 70%);mask-position:center;mask-repeat:no-repeat;mask-size:30% 30%}
.hero.is-paused .cover-sequence{animation-play-state:paused!important}.cover-reset .cover-sequence{animation:none!important}
@keyframes gelCamera{0%,10%{transform:scale(.64)}75%,100%{transform:scale(1)}}
@keyframes gelClear{0%,20%{opacity:1;filter:blur(0)}42%{opacity:.85;filter:blur(.3px)}65%{opacity:.28;filter:blur(1px)}82%,100%{opacity:0;filter:blur(2px)}}
@keyframes gelResolve{0%,12%{opacity:0;filter:blur(8px);mask-size:30% 30%}32%{opacity:.35;filter:blur(5px);mask-size:90% 90%}58%{opacity:.9;filter:blur(1.5px);mask-size:200% 200%}78%,100%{opacity:1;filter:blur(0);mask-size:300% 300%}}
@media(prefers-reduced-motion:reduce){.cover-sequence{animation:none;transform:none}.cover-bead{display:none}.cover-brand{animation:none;opacity:1;transform:none;filter:none;mask:none}}