.hero-visual,.hero-slide{position:absolute;inset:0;overflow:hidden}
.hero-slide{opacity:0;transition:opacity 1.4s ease;pointer-events:none}.hero-slide.active{opacity:1}
.hero-slide .hero-image{animation:none;object-position:58% 50%;filter:brightness(.91)}
.hero-slide.active .hero-image{animation:hero-drift 10s linear both;animation-play-state:paused}
.hero.hero-running .hero-slide.active .hero-image{animation-play-state:running}
.hero-shade{background:linear-gradient(90deg,#080b09eb 0%,#080b09b8 28%,#080b0945 58%,#080b0914 85%),linear-gradient(0deg,#111210e8 0%,transparent 38%,#11121060 100%)}
.hero-content{max-width:1070px}.hero h1{font-size:clamp(52px,6.1vw,98px)}
.hero-scenes{position:absolute;z-index:2;right:5.5vw;bottom:118px;width:320px;color:#f1eee6}
.hero-scene-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hero-scene-top .eyebrow{font-size:8px;color:#d5c2a6}.hero-scene-top>#hero-count{font-size:9px;letter-spacing:.13em}
.hero-scene-title{display:flex;gap:20px;align-items:center;justify-content:space-between}
.hero-scene-title>#hero-scene-caption{font-family:var(--serif);font-size:24px;line-height:1.1;letter-spacing:-.015em}
.hero-scene-actions{display:flex;gap:4px;flex-shrink:0}.hero-scene-actions button{width:28px;height:32px;padding:0;color:#e8e2d5;font-size:15px}
.hero-scene-actions button:hover{color:#d8b681}.hero-scene-actions #hero-pause{font-size:11px}
.hero-scene-progress{display:flex;gap:8px;margin-top:16px}.hero-scene-progress button{height:20px;flex:1;position:relative;padding:9px 0;background:none}
.hero-scene-progress button:before{content:'';position:absolute;inset:9px 0;height:2px;background:#ffffff3b}
.hero-scene-progress span{position:absolute;inset:9px 0;height:2px;background:#d5c2a6;transform:scaleX(0);transform-origin:left}
.hero-scene-progress button[aria-pressed=true] span{animation:hero-progress 8.5s linear forwards;animation-play-state:paused}
.hero-running .hero-scene-progress button[aria-pressed=true] span{animation-play-state:running}
@keyframes hero-drift{from{transform:scale(1.025)}to{transform:scale(1.12)}}@keyframes hero-progress{to{transform:scaleX(1)}}
@media(max-width:1100px){.hero-scenes{width:260px;bottom:105px}.hero h1{font-size:clamp(52px,6.4vw,84px)}.hero-scene-title>#hero-scene-caption{font-size:22px}}
@media(max-width:800px){.hero-scenes{right:24px;width:230px;bottom:105px}.hero-content{padding-bottom:160px}.hero-slide .hero-image{object-position:65% 50%}.hero-shade{background:linear-gradient(90deg,#080b09df,#080b09a0 40%,#080b0950),linear-gradient(0deg,#111210ef,transparent 60%)}.hero-scenes .hero-scene-title>#hero-scene-caption{font-size:20px}}
@media(max-width:540px){.hero{min-height:880px}.hero h1{font-size:57px}.hero-content{padding:125px 22px 205px}.hero-scenes{left:22px;right:22px;width:auto;bottom:83px;max-width:360px}.hero-scene-top{margin-bottom:7px}.hero-scene-progress{margin-top:8px}.hero-scene-title>#hero-scene-caption{font-size:22px}.hero-slide .hero-image{object-position:65% 50%}.hero-bottom{padding:17px 0}.hero-intro{color:#d3d0c7}.hero-links{margin-top:24px}html[lang=es] .hero h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide.active .hero-image,.hero-scene-progress span{animation:none!important;transition:none!important}.hero-slide.active .hero-image{transform:none}.hero-scene-progress button[aria-pressed=true] span{transform:scaleX(1)}}