:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;background:#080808;color:#fff;--paper:#f2f1ef;--orange:#ff5c1c}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:7px}
[hidden]{display:none!important}
.intro{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 50% 51%,#242020 0,#101010 31%,#050505 70%);isolation:isolate}
.intro::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#7772 1px,transparent 1px),linear-gradient(90deg,#7772 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black,transparent 70%);pointer-events:none;z-index:-1}
.intro-top,.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 4vw;font-size:.8125rem;letter-spacing:.14em;font-weight:600;color:#aaa}
.intro-top span:first-child{color:#eee;font-size:1rem;font-weight:900;letter-spacing:-.03em}
.intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding:20px 0 70px;min-height:420px}
.chrome-wrap{width:min(82vw,1040px);position:relative;z-index:2;aspect-ratio:2/1}
.intro-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 22px #0008)}
.chrome-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.chrome-wrap.is-3d-ready canvas{opacity:1}
.chrome-wrap.is-3d-ready .intro-logo{opacity:0}
.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:min(80vw,900px);height:220px;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-17deg);pointer-events:none}
.orbit-two{transform:translate(-50%,-50%) rotate(17deg);height:360px;border-color:#ffffff08}
.enter-button{z-index:3;margin-top:26px;padding:16px 34px;border:1px solid #adadad;border-radius:999px;color:#efefef;background:linear-gradient(140deg,#3c3c3c,#151515 60%);font-size:.875rem;letter-spacing:.13em;min-height:50px;box-shadow:inset 0 1px 0 #fff3,0 0 30px #fff05;transition:background .2s,color .2s,transform .2s}
.enter-button:hover{background:#eee;color:#111;transform:translateY(-2px)}
.intro.is-leaving{animation:intro-out .65s ease forwards;pointer-events:none}
.home{min-height:100svh;background:#0a0a0a;outline:none}
.home.is-entering{animation:home-in .75s ease both}
.site-header{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0b0b;border-bottom:1px solid #fff1}
.brand{width:118px;padding:0;border:0;background:transparent;display:flex;align-items:center;min-height:44px}
.brand img{width:100%;height:auto;display:block}
.nav-pill{border:1px solid #424242;background:#191919;border-radius:100px;padding:5px}
.nav-pill a{display:block;padding:12px 27px;border-radius:100px;background:#f1f1f1;color:#141414;text-decoration:none;font-size:.875rem;font-weight:700;letter-spacing:.05em}
.header-note{min-width:118px;text-align:right;font-size:.875rem;font-weight:700;letter-spacing:.09em;color:#bababa}
.hero{position:relative;min-height:650px;height:calc(100svh - 142px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 29%,#ffb84b 0%,#ff7b2d 26%,#f04c1d 59%,#8c2412 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#14060070,transparent 28%)}
.hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#29180b10 1px,transparent 1px),linear-gradient(#29180b10 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000)}
.hero-orbit{position:absolute;width:min(88vw,1100px);height:min(88vw,1100px);left:50%;top:50%;transform:translate(-50%,-44%);border:1px solid #59281733;border-radius:50%;z-index:-1;box-shadow:0 0 0 50px #ffce6e09,0 0 0 100px #ffce6e05}
.hero-copy{position:absolute;inset:2% 5% auto;z-index:3;pointer-events:none}
h1{margin:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(100px,22vw,340px);line-height:.95;letter-spacing:-.03em;font-weight:900;color:#431109;opacity:.8}
h1 span:first-child{margin-top:0}
h1 span:last-child{margin-top:0}
.artist{position:absolute;z-index:2;left:50%;bottom:-2px;transform:translateX(-50%);height:98%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 16px 26px #44100855);animation:artist-in .9s ease both}
.hero-caption{position:absolute;z-index:4;bottom:44px}
.left-caption{left:4vw}
.right-caption{right:4vw;text-align:right}
.caption-label{font-size:.8125rem;font-weight:700;letter-spacing:.14em;color:#ffcfb7}
.hero-caption p{margin:11px 0 0;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.12;letter-spacing:-.025em;font-weight:800}
.right-caption p{font-size:clamp(2rem,4vw,3.5rem)}
.edge-label{position:absolute;z-index:4;right:22px;top:35%;writing-mode:vertical-rl;font-size:.75rem;font-weight:700;letter-spacing:.17em;color:#57190f}
.home-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:14px 4vw;font-size:.75rem;color:#aaa;letter-spacing:.07em}
.home-footer span:first-child{font-weight:800;color:#ddd}
@keyframes intro-out{to{opacity:0;transform:scale(1.06)}}
@keyframes home-in{from{opacity:0}to{opacity:1}}
@keyframes artist-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero-copy{inset:2% 8% auto}.artist{height:99%}}
@media(min-width:761px) and (max-width:1100px){.artist{height:calc(100% - clamp(180px,23vw,255px))}}
@media(min-width:1101px) and (max-width:1400px){.artist{height:calc(100% - clamp(15px,calc(1125px - 79.3vw),255px))}}
@media(max-width:760px){.intro-top,.intro-bottom{padding:25px 6vw;font-size:.75rem;letter-spacing:.09em}.intro-stage{padding-bottom:80px;min-height:360px}.chrome-wrap{width:94vw}.orbit{width:90vw;height:150px}.orbit-two{height:260px}.enter-button{margin-top:32px}.site-header{height:78px;padding:0 5vw;gap:10px}.brand{width:85px}.header-note{min-width:85px;font-size:.75rem}.nav-pill a{padding:11px 15px;font-size:.8125rem}.hero{height:calc(100svh - 128px);min-height:600px}.hero-copy{inset:2% 4% auto}h1{font-size:23vw;letter-spacing:-.02em}.artist{height:calc(100% - clamp(140px,26vw,205px));left:50%}.hero-caption{bottom:32px}.left-caption{left:5vw}.right-caption{right:5vw}.hero-caption p{font-size:1.0625rem;line-height:1.18}.caption-label{font-size:.75rem;letter-spacing:.08em}.right-caption p{font-size:1.75rem}.edge-label{right:12px;top:28%}.home-footer{padding:15px 5vw;font-size:.75rem}.home-footer span:nth-child(2){display:none}}
@media(max-width:390px){.header-note{display:none}.site-header{justify-content:space-between}.intro-bottom{font-size:.75rem;gap:10px}.intro-top{padding-top:22px}.hero{min-height:560px}.hero-caption p{font-size:1rem}.right-caption p{font-size:1.5rem}}
@media(max-height:600px) and (min-width:761px){.intro-stage{min-height:260px;padding:0 0 35px}.chrome-wrap{width:min(65vw,750px)}.intro-top,.intro-bottom{padding-top:20px;padding-bottom:20px}.enter-button{margin-top:0}.hero{min-height:580px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}