/* Wersja z sejfem (otrzesiny-sejf.vercel.app): nadpisuje hero ze style.css, reszta strony wspólna */
:root{--copy:1;--inside:0}
.hero{height:270vh}
.hero-pin{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
#vault{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fallback{position:absolute;inset:0;background:url(/o/hero-1600.jpg) center/cover;opacity:0}
.hero-shade{z-index:auto;opacity:var(--copy);background:linear-gradient(180deg,rgba(6,5,4,.92) 0%,rgba(6,5,4,.25) 24%,rgba(6,5,4,0) 40%,rgba(6,5,4,0) 66%,rgba(6,5,4,.85) 100%)}
.no-webgl .hero{height:auto}
.no-webgl .hero-pin{min-height:100svh;height:auto;position:relative}
.no-webgl .hero-fallback{opacity:.55}
.no-webgl #vault,.no-webgl .scroll-hint,.no-webgl .hero-inside{display:none}
.ticker{opacity:calc(.35 + .65 * var(--copy))}
.hero-title-wrap{opacity:var(--copy);transform:translateY(calc((1 - var(--copy)) * -8vh)) scale(calc(.92 + .08 * var(--copy)))}
.hero-copy{opacity:var(--copy);transform:translateY(calc((1 - var(--copy)) * 30px))}
.timelock{opacity:var(--copy)}
.scroll-hint{position:absolute;z-index:3;left:50%;bottom:max(18px,3.4vh);transform:translateX(-50%);display:flex;align-items:center;gap:10px;font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:var(--copy);white-space:nowrap}
.sh-wheel{width:22px;height:22px;border-radius:50%;border:2px solid var(--gold);position:relative;animation:spin 3.2s cubic-bezier(.6,0,.3,1) infinite}
.sh-wheel::before,.sh-wheel::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--gold)}
.sh-wheel::after{transform:rotate(90deg)}
@keyframes spin{0%,20%{transform:rotate(0)}60%,100%{transform:rotate(-180deg)}}
.hero-inside{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;pointer-events:none;isolation:isolate;
  opacity:var(--inside);transform:scale(calc(1.06 - .06 * var(--inside)))}
.hero-inside::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(62% 46% at 50% 50%,rgba(6,5,4,.72),rgba(6,5,4,.25) 70%,transparent)}
.hero-inside p{margin:0;text-shadow:0 4px 30px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
.hi-k{font:600 clamp(13px,1.3vw,16px)/1 'IBM Plex Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}
.hi-big{font:900 clamp(52px,10vw,150px)/.95 Unbounded,sans-serif;letter-spacing:-.04em;margin:14px 0 18px!important}
@media (max-width:760px){.hero{height:240vh}.scroll-hint{display:none}}
@media (prefers-reduced-motion:reduce){.sh-wheel{animation:none}}
/* artyści w pierwszym ekranie: na telefonie pod tytułem, na szerokim ekranie po prawej nad odliczaniem (nie zasłaniają drzwi) */
.hero-stars.hs-side{display:none;position:absolute;z-index:3;right:max(16px,4vw);bottom:calc(max(20px,5vh) + 96px);margin:0;flex-direction:column;align-items:flex-end;gap:10px;opacity:var(--copy)}
.hs-side .hs-face{width:clamp(54px,4.6vw,78px)}
.hs-side .hs-txt{text-align:right}
.hs-side .hs-txt b{font-size:clamp(14px,1.5vw,22px)}
@media (min-width:1100px) and (orientation:landscape){
  .hero-stars.hs-side{display:inline-flex}
  .hero-stars.hs-top{display:none}
}