@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
.hero.hero-world{display:block;position:relative;isolation:isolate;width:100%;height:calc(100svh - 87px);min-height:650px;max-height:1000px;overflow:hidden;padding:0;margin:0;background:#080808}
.hero-world .hero-photo{position:absolute;inset:0 0 0 32%;width:68%;height:100%;overflow:hidden}
.hero-world .hero-photo img{width:100%;height:100%;object-fit:contain;object-position:100% 50%}
.hero-world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808 1%,#080808df 23%,#08080800 66%);pointer-events:none}
.hero-world-copy{position:absolute;left:clamp(22px,4.6vw,72px);bottom:100px;z-index:1;max-width:86%}
.hero-world-copy .eyebrow{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#d2d2d2;margin:0 0 26px}
.hero-world-copy h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:clamp(110px,13vw,210px);line-height:.84;letter-spacing:-.025em;color:#fff;margin:0}
.hero-world-genres{font-size:11px;line-height:1.7;letter-spacing:.03em;color:#c8c8c8;margin:32px 0 0;max-width:480px}
.hero-world-discover{position:absolute;left:clamp(22px,4.6vw,72px);bottom:32px;z-index:1;display:inline-flex;gap:20px;align-items:center;color:#fff;font-size:10px;letter-spacing:.12em}
.hero-world-discover span{font-size:17px;line-height:1}
@media(max-width:950px) and (min-width:651px){.hero-world-copy h1{font-size:15vw}.hero-world .hero-photo{inset:0 0 0 22%;width:78%}}
@media(max-width:650px){
 .hero.hero-world{height:calc(100svh - 82px);min-height:540px;max-height:820px}
 .hero-world .hero-photo{inset:0;width:100%;height:100%;aspect-ratio:auto}
 .hero-world .hero-photo img{object-fit:cover;object-position:50% 28%}
 .hero-world-shade{background:linear-gradient(0deg,#080808e8 0%,#08080865 33%,transparent 65%)}
 .hero-world-copy{left:22px;bottom:91px;max-width:calc(100% - 44px)}
 .hero-world-copy h1{font-size:clamp(76px,23vw,125px);line-height:.86;letter-spacing:-.02em}
 .hero-world-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:16px}
 .hero-world-genres{display:none}
 .hero-world-discover{left:22px;bottom:36px;font-size:9px;gap:12px}
 .hero-world+.page-section>.page-intro{padding-top:48px}
}