.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-content{z-index:2;width:50%;pointer-events:none}.hero-content a{pointer-events:auto}
.hero-side{z-index:-1}
.hero-art picture{display:block;height:100%}
.hero-cards{position:absolute;right:5%;top:50%;width:43%;max-width:610px;transform:translateY(-48%);isolation:isolate}
.card-stage{position:relative;width:100%;aspect-ratio:1.2;perspective:1400px}
.card-stage:before{content:'';position:absolute;inset:14% -8% -3%;border-radius:50%;background:radial-gradient(ellipse,#b89c5333,transparent 67%);pointer-events:none}
.hero-card{position:absolute;top:50%;left:50%;width:57%;max-width:320px;transform:translate(-50%,-50%);opacity:0;z-index:0;pointer-events:none;transition:transform .85s cubic-bezier(.22,.7,.2,1),opacity .65s,filter .85s;filter:brightness(.65);will-change:transform}
.hero-card img{aspect-ratio:504/704;border-radius:6px;box-shadow:0 22px 35px #0008}
.hero-card[data-position=current]{transform:translate(-50%,-53%) rotate(-3deg);opacity:1;z-index:3;filter:brightness(1)}
.hero-card[data-position=previous]{transform:translate(-87%,-44%) rotate(-15deg) scale(.82);opacity:.85;z-index:1}
.hero-card[data-position=next]{transform:translate(-12%,-44%) rotate(12deg) scale(.82);opacity:.85;z-index:2}
.hero-card[data-position=before]{transform:translate(-115%,-40%) rotate(-22deg) scale(.7)}
.hero-card[data-position=after]{transform:translate(15%,-40%) rotate(20deg) scale(.7)}
.card-controls{display:none;align-items:center;justify-content:center;gap:8px;margin-top:15px}
.hero-cards[data-ready=true] .card-controls{display:flex}
.card-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d2b67566;color:var(--gold-light);background:#111710c9;font-size:19px;line-height:1;transition:background .2s,border-color .2s}
.card-controls button:hover{background:#303826;border-color:var(--gold)}
.card-count{min-width:70px;text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.12em;color:var(--gold-light)}
.card-controls .card-toggle{margin-left:10px;font-size:12px}
@media(min-width:1600px){.hero-cards{right:max(6%,calc((100vw - 1370px)/2));width:43%}}
@media(min-width:768px) and (max-width:1100px){.hero-cards{right:4%;width:43%}.hero h1{font-size:7.4vw}.hero-content{margin-left:7%}.hero-description{font-size:12px;letter-spacing:.02em}}
@media(max-width:767px){.hero{display:flex;flex-direction:column;min-height:0;padding-bottom:105px}.hero-content{padding:42px 40px 15px;width:100%}.hero-catch{margin-top:24px}.hero h1{margin-top:20px}.hero-subtitle{margin-top:10px;margin-bottom:18px}.hero .button{margin-top:20px}.hero-cards{position:relative;top:auto;right:auto;transform:none;width:min(88%,440px);margin:8px auto 0}.card-stage{aspect-ratio:1.35}.hero-card{width:49%;max-width:210px}.card-controls{margin-top:12px}.hero-number{bottom:28px}.scroll-cue{bottom:52px}.hero-art img{object-position:60% 20%}}
@media(max-width:359px){.hero-content{padding-inline:29px}.hero-cards{width:88%}.card-controls{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hero-card{transition:none;will-change:auto}}