/* An original landscape, with a responsive real-time mineral field. */
.hero-journey{height:205svh;min-height:1300px;position:relative;background:#160e20}
.hero-journey .hero{position:sticky;top:0;height:100svh;min-height:700px;max-height:none}
.scene-stage{position:absolute;inset:0;transform-origin:50% 70%;will-change:transform}
.world{z-index:-2;overflow:hidden;background:#160e20}
.scene-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.045);will-change:transform}
.scene-person{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:translateY(20.86173619%) scale(.648);transform-origin:66% 10%;will-change:transform;z-index:2;pointer-events:none;filter:saturate(.8) brightness(.86)}
.scene-shadow{position:absolute;left:63.67%;width:11.16%;bottom:14%;height:16px;border-radius:50%;background:#08030bd9;filter:blur(9px);z-index:1;transform:rotate(-7deg);pointer-events:none}
.world:after{z-index:3;background:linear-gradient(180deg,rgba(3,1,18,.56),transparent 30%,transparent 57%,rgba(3,1,18,.72) 100%)}
.world canvas{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 1.2s;pointer-events:none}
.world.ready canvas{opacity:1}
.hero-top{top:127px;color:#efe2ec}.hero-top p{font-size:11px;line-height:1.7}.hero-top>span{font-size:10px}
.hero-title{left:4.2%;right:4.2%;bottom:100px;will-change:transform;pointer-events:none}
.hero-title .overline{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;color:#edd7de}
.hero-title h1{font-size:clamp(86px,12.4vw,210px);line-height:.88;letter-spacing:-.065em;margin:0;white-space:nowrap}
.hero-title h1 span{padding-left:0;color:#f5e9e7}
.hero-title h1 .still{font-weight:400;margin-right:.11em}
.hero-bottom{bottom:29px}.art-caption{top:43%;font-size:9px;color:#ecd6df}.pointer-hint{font-size:10px;color:#e5d4df}
.art-controls button{width:42px;height:42px;background:#160e2026}
.scroll-trace{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12;overflow:hidden}
.scroll-trace span{display:block;width:100%;height:100%;background:var(--pink);transform:scaleX(0);transform-origin:0 50%}
.interlude{min-height:640px;isolation:isolate;background:#211328}
.interlude .cutout{background:#22152c;overflow:hidden}
.landscape-detail{width:100%;height:100%;object-fit:cover;object-position:25% 45%;transform:scale(1.7);filter:saturate(.8)}
.interlude .cutout:after{background:linear-gradient(90deg,#160b22b3,#160b2255 70%,#160b22a6)}
.interlude>p{position:relative;font-size:clamp(48px,6.1vw,90px)}
.interlude>span{position:relative;line-height:1.7;max-width:450px;padding:0 20px;color:#f1e2eb}
.film-one:before{background-image:linear-gradient(0deg,#10091c80,#10091c40),url('assets/avenero-human-landscape.png');background-size:cover;background-position:16% 50%;transform:scale(1.18);opacity:1}
.film-one:hover:before{transform:scale(1.23)}
.film-two{background:#d9c0cc}.film-two:before{background-image:linear-gradient(0deg,#dcc5d980,#ddc7da20),url('assets/avenero-human-landscape.png');background-size:auto 165%;background-position:71% 28%;transform:scale(1.18);opacity:.52;filter:grayscale(1)}
.film-two:hover:before{transform:scale(1.23)}
.film-one .film-title{text-shadow:0 2px 25px #03011266}.film-two .film-title{color:#10091c}
.film-cover:focus-visible{outline-offset:6px}
@media(min-width:1700px){.hero-title{bottom:120px}.hero-top{top:140px}}
@media(max-width:900px) and (min-width:701px){.hero-title h1{font-size:12vw}.hero-title{bottom:110px}.hero-journey{height:185svh}}
@media(max-width:700px){
 .hero-journey{height:175svh;min-height:1100px}.hero-journey .hero{min-height:700px}
 .scene-art{object-position:71% 50%;transform:scale(1.035)}
 .scene-person{object-position:71% 50%;transform-origin:50% 10%}.scene-shadow{left:36.46%;width:28.08%;height:15px;bottom:14%}
 .hero-top{top:105px;left:6%;right:6%}.hero-top p{font-size:10px;max-width:150px}.hero-top>span{font-size:9px;max-width:80px}
 .hero-title{left:6%;right:6%;bottom:103px}.hero-title .overline{font-size:8px;letter-spacing:.06em;margin-bottom:18px;max-width:180px;line-height:1.8}
 .hero-title h1{font-size:clamp(63px,18vw,115px);line-height:.86;letter-spacing:-.06em;white-space:normal}
 .hero-title h1 .still{display:block;font-size:.83em;margin-bottom:6px;margin-right:0}.hero-title h1 span{display:block}
 .art-caption{right:5%;top:31%;font-size:8px;gap:8px}.caption-rule{height:25px}
 .hero-bottom{left:6%;right:6%;bottom:25px}.hero-bottom .explore{font-size:10px;gap:11px}.art-controls{gap:0}.pointer-hint{display:none}
 .world:after{background:linear-gradient(180deg,#03011288,transparent 25%,transparent 52%,#030112aa 78%,#030112dd)}
 .interlude{min-height:510px}.landscape-detail{object-position:69% 50%;transform:scale(1.15)}.interlude>p{font-size:43px}.interlude>span{font-size:10px;max-width:275px}
}
@media(max-height:700px) and (min-width:701px){.hero-journey .hero{min-height:620px}.hero-top{top:120px}.hero-title h1{font-size:10vw}.hero-title{bottom:92px}}
@media(prefers-reduced-motion:reduce){.hero-journey{height:auto;min-height:0}.hero-journey .hero{position:relative}.scene-stage,.scene-art,.scene-person{will-change:auto}.world canvas{transition:none}.scroll-trace{display:none}}