.hero-wrap{position:relative;height:100svh;min-height:640px}
.hero{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:var(--ink);will-change:transform,border-radius;transform-origin:50% 100%}
.hero-media{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%)}
.hero-ui{position:absolute;inset:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:calc(68px + clamp(16px,3vh,32px)) var(--gut) clamp(28px,5vh,56px)}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.7)}
.hero-top .label{color:rgba(255,255,255,.7)}.hero-top .label::before{background:rgba(255,255,255,.5)}
.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.hero h1{color:#fff;font-weight:500;font-size:clamp(2.6rem,6.2vw,6.6rem);line-height:.92;letter-spacing:-.045em}
.hero-txt{max-width:min(56vw,760px)}
.hero-lead{margin-top:22px;max-width:40ch;font-weight:300;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.5;color:rgba(255,255,255,.82)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block;animation:kb 22s ease-in-out infinite alternate}
.hero-side{text-align:right;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.hero-side .clock{font-size:clamp(1.4rem,2.6vw,2.2rem);letter-spacing:-.03em;text-transform:none;font-weight:300;color:#fff;font-variant-numeric:tabular-nums}
.hero-side .cue{display:flex;align-items:center;gap:10px}.hero-side .cue i{display:none}
@media(max-width:860px){.hero-bottom{grid-template-columns:1fr}.hero-side{align-items:flex-start;text-align:left}}
@media(max-width:600px){.hero-top>div:last-child{display:none}}
@media(max-width:860px){.hero-media img{object-position:74% 50%;animation:none}.hero-txt{max-width:100%}.hero h1{font-size:clamp(2.4rem,11vw,4rem)}.hero-lead{font-size:.95rem;max-width:34ch}.hero-media::after{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.78) 100%)}.hero-side{display:none}}