.hero{height:100svh;min-height:560px;position:relative;overflow:hidden;background:#244b55;color:#f9f6f0}.hero-images,.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-size:cover;background-position:center center;opacity:0;transform:scale(1.035);transition:opacity 1.2s ease,transform 8s ease;will-change:opacity,transform}.hero-image.active{opacity:1;transform:scale(1)}.hero-shade{pointer-events:none;background:linear-gradient(180deg,rgba(11,19,18,.2) 0%,transparent 25%,rgba(13,18,17,.1) 54%,rgba(12,21,22,.65) 100%),linear-gradient(90deg,rgba(15,24,25,.24),transparent 66%)}.hero-label{position:absolute;left:4%;top:47%;font-family:var(--serif);font-size:12px;letter-spacing:.25em;color:#d8c39a;display:flex;align-items:center;gap:18px}.hero-label:before{content:'';width:22px;height:1px;background:#d8c39a}.hero-content{position:absolute;left:4%;bottom:8%;width:min(760px,75%);text-shadow:0 1px 10px #15252155}.hero-era{font-size:13px;letter-spacing:.35em;color:#e0cba3;margin:0 0 25px}.hero-content h1{font:400 clamp(44px,5.1vw,76px)/1.2 var(--serif);letter-spacing:.02em;margin:0 0 20px}.hero-description{font-size:14px;line-height:2;max-width:590px;letter-spacing:.035em;color:rgba(255,255,255,.86);margin:0}.hero-controls{position:absolute;bottom:7%;right:4%;display:flex;flex-direction:column;align-items:flex-end;gap:24px}.hero-dots{display:flex;gap:10px}.hero-dot{border:0;width:24px;height:2px;background:rgba(255,255,255,.45);padding:0;cursor:pointer;transition:background .25s,width .25s}.hero-dot.active{width:45px;background:#dfc39a}.scroll-prompt{display:flex;flex-direction:column;gap:10px;align-items:center;font:12px var(--serif);letter-spacing:.15em;color:#e1cfae}.scroll-mouse{height:25px;width:16px;border:1px solid currentColor;border-radius:9px;display:block;position:relative}.scroll-mouse:after{content:'';position:absolute;top:5px;left:6px;height:5px;width:2px;background:currentColor;border-radius:2px;animation:mouse 1.5s infinite}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff33}.hero-progress span{display:block;width:0;height:100%;background:#dbc394}@keyframes mouse{0%,100%{transform:translateY(0);opacity:.4}65%{transform:translateY(8px);opacity:1}}