.hero{background:radial-gradient(circle at 79% 48%,#17314a 0,#0d1928 22%,#080b10 56%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff0 95%,#ffffff0a 95%),linear-gradient(90deg,#fff0 95%,#ffffff08 95%);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.orb{position:absolute;width:34vw;height:34vw;right:8vw;border:1px solid #cda66a40;border-radius:50%;box-shadow:0 0 100px #38658d22,inset 0 0 80px #315b8030}
.orb::before,.orb::after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff16}.orb::before{inset:11%}.orb::after{inset:24%}
.sound-lines{position:absolute;right:3vw;width:48vw;height:40vh;display:flex;align-items:center;justify-content:center;gap:1.25vw;opacity:.8;transform:perspective(600px) rotateY(-14deg)}
.sound-lines i{display:block;width:1px;height:18%;background:linear-gradient(transparent,var(--gold),transparent);box-shadow:0 0 14px #cda66a88;animation:pulse 3.6s ease-in-out infinite}.sound-lines i:nth-child(2n){height:45%;animation-delay:-.6s}.sound-lines i:nth-child(3n){height:72%;animation-delay:-1.2s}.sound-lines i:nth-child(5n){height:95%;animation-delay:-1.8s}
@keyframes pulse{50%{transform:scaleY(.55);opacity:.45}}
@media(prefers-reduced-motion:reduce){.sound-lines i{animation:none}}
@media(max-width:760px){.orb{width:86vw;height:86vw;right:-35vw;top:20%}.sound-lines{width:75vw;right:-20vw;opacity:.45}}

.hero-portrait{position:absolute;right:5vw;top:115px;width:37vw;height:calc(100% - 155px);object-fit:contain;object-position:center;z-index:1}.hero .orb,.hero .sound-lines{display:none}.hero-copy{max-width:48vw;margin-left:7vw}.hero h1{font-size:clamp(50px,5.7vw,82px)}.intro{max-width:520px}.hero::before{opacity:.25}
@media(max-width:800px){.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-bottom:35px}.hero-copy{max-width:none;margin:0 7vw;padding-top:135px}.hero h1{font-size:49px}.hero-portrait{position:relative;order:2;right:auto;top:auto;width:86%;height:auto;max-height:none;margin:40px auto 0;object-fit:contain}.hero .scroll{display:none}}