.hero[data-scroll-video]{min-height:0;height:100svh}
.hero[data-scroll-video].has-scroll-video{height:460svh;min-height:0}
.hero[data-scroll-video] .hero-sticky{height:100svh;min-height:0}
.hero[data-scroll-video] .hero-image{transform:none;clip-path:none;will-change:auto}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}
.video-ready .hero-video{opacity:1}
.hero[data-scroll-video] .hero-image img{object-position:center}
.hero[data-scroll-video] .hero-heading,.hero[data-scroll-video] .hero-wordmark{opacity:clamp(0,calc(1 - var(--hero-progress)*8),1);transform:translateY(calc(var(--hero-progress)*-30px))}
.hero[data-scroll-video] .hero-shade{background:linear-gradient(180deg,#080a0b66,transparent 24%,transparent 70%,#080a0bc9)}
.hero[data-scroll-video] .hero-project{top:auto;bottom:90px;left:var(--pad);right:auto;gap:2px;font-size:14px;pointer-events:none}
.hero[data-scroll-video] .hero-project>span:last-child{border:0;padding:0;letter-spacing:.14em;font-size:18px}
.hero[data-scroll-video] .hero-project .eyebrow{font-size:12px;letter-spacing:.09em}
.hero[data-scroll-video] .hero-wordmark{bottom:155px}
.hero[data-scroll-video] .hero-bottom{font-size:14px;letter-spacing:0;bottom:26px}
.hero[data-scroll-video] .hero-bottom>span:first-child{display:block}
.hero[data-scroll-video] .hero-bottom a{min-height:44px;align-items:center}
.hero[data-scroll-video] .hero-progress{height:3px}
@media(max-width:860px){
  .hero[data-scroll-video].has-scroll-video{height:400svh}
  .hero[data-scroll-video] .hero-image img{filter:blur(14px) brightness(.5);transform:scale(1.08)}
  .hero[data-scroll-video] .hero-video{object-fit:contain}
  .hero[data-scroll-video] .hero-heading{top:18%;right:var(--pad)}
  .hero[data-scroll-video] .hero-heading h1{font-size:clamp(42px,10vw,76px)}
  .hero[data-scroll-video] .hero-wordmark{bottom:170px}
  .hero[data-scroll-video] .hero-project{bottom:100px}
  .hero[data-scroll-video] .hero-bottom{gap:16px;font-size:14px}
}
@media(max-height:550px){
  .hero[data-scroll-video] .hero-heading{top:24%}
  .hero[data-scroll-video] .hero-heading h1{font-size:44px}
  .hero[data-scroll-video] .hero-wordmark{display:none}
  .hero[data-scroll-video] .hero-project{bottom:77px}
}
@media(prefers-reduced-motion:reduce){
  .hero[data-scroll-video].has-scroll-video{height:100svh}
  .hero[data-scroll-video] .hero-heading,.hero[data-scroll-video] .hero-wordmark{opacity:1;transform:none}
  .hero[data-scroll-video] .hero-video{display:none}
}
/* Cinematic chapters share one native scroll interaction. */
.hero[data-scroll-video] .hero-wordmark{opacity:clamp(0,calc(1 - var(--hero-progress)*8),1)!important}
.scroll-captions{position:absolute;inset:0;pointer-events:none}
.scroll-caption{position:absolute;left:var(--pad);top:30%;width:min(510px,42vw);opacity:0;visibility:hidden;pointer-events:none;text-shadow:0 2px 24px #0008}
.scroll-caption h2{font-size:clamp(44px,6vw,100px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 22px}
.scroll-caption>p:not(.eyebrow){font-size:clamp(16px,1.35vw,21px);line-height:1.6;max-width:350px}
.scroll-caption .eyebrow{font-size:14px;letter-spacing:.13em}
.scroll-caption a{pointer-events:auto;max-width:350px;margin-top:24px;text-shadow:none}
.scroll-caption small{display:block;font-size:14px;margin-top:14px}
.hero[data-scroll-video] .hero-shade{background:linear-gradient(90deg,#10100f99,transparent 70%),linear-gradient(0deg,#10100f99,transparent 28%)}
.hero.closet-cinema{background:#a18a74;color:#fff5e8}
.hero.closet-cinema.has-scroll-video{height:460svh}
.closet-cinema .hero-video{object-fit:contain}
.closet-cinema .hero-image>img{object-fit:cover;filter:blur(20px) brightness(.7)}
.closet-cinema .closet-launch-button{background:#f6ebda;color:#30271f;border-radius:0;font-size:18px}
.hero:not(.has-scroll-video) .scroll-caption:last-child{visibility:visible;opacity:1;transform:none}
#inicio:not(.has-scroll-video) .scroll-captions{display:none}
@media(max-width:860px){
 .scroll-caption{top:auto;bottom:21%;left:var(--pad);width:calc(100% - var(--pad)*2);text-shadow:0 2px 16px #000}
 .scroll-caption h2{font-size:clamp(38px,9vw,62px);margin:10px 0 12px}
 .scroll-caption>p:not(.eyebrow){font-size:16px;line-height:1.5;max-width:330px}
 .hero.closet-cinema.has-scroll-video{height:420svh}
 .closet-cinema .scroll-caption{bottom:13%}
 .closet-cinema .hero-video{height:57%;top:11%;object-fit:contain}
 .closet-cinema .hero-shade{background:linear-gradient(0deg,#292016ed,transparent 67%)}
 .closet-cinema .scroll-caption h2{font-size:38px}
 .closet-cinema .scroll-caption a{margin-top:14px;padding:15px 20px}
 .closet-cinema .scroll-caption small{margin-top:8px}
 .scroll-caption .eyebrow{font-size:12px}
}
@media(max-height:550px) and (min-width:700px){.scroll-caption{top:24%;bottom:auto}.scroll-caption h2{font-size:38px;margin:8px 0}.scroll-caption a{margin-top:12px;padding:12px}.scroll-caption small{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.hero.closet-cinema.has-scroll-video{height:100svh}.scroll-caption{transform:none!important}}