:root{--bg:#000;--ink:#f6f1ea;--muted:#b9b0a6;--red:#e50914;--sans:"Manrope", system-ui, sans-serif;--display:"Bebas Neue", Impact, sans-serif;--fade:.85s}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--sans);margin:0}body{-webkit-text-size-adjust:100%;overflow:hidden}img,video{max-width:none;display:block}button,a{font:inherit;color:inherit}.app{background:#000;width:100%;height:100dvh;position:relative}.viewport{background:#000;place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.stage{width:min(100vw,177.683dvh);height:min(100dvh,56.2799vw);position:relative}.world{position:absolute;inset:0}.phone-bg{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:none}.world__fringe{display:none}.brand{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed}.brand__mark,.brand__sub{-webkit-user-drag:none;width:100%;height:auto;display:block}.brand__mark{animation:3.8s ease-in-out infinite moon-breathe}.brand__sub{margin-top:-6%}@media (orientation:landscape){.brand{top:max(18px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));width:min(28vw,360px);left:auto}.brand__mark{animation:1.25s cubic-bezier(.16,1,.3,1) both brand-in-pc,3.8s ease-in-out 1.25s infinite moon-breathe}.brand__sub{animation:1.15s cubic-bezier(.16,1,.3,1) .18s both sub-in-pc,4.2s ease-in-out 1.2s infinite moon-breathe}}@media (orientation:portrait){.brand{top:max(10px, env(safe-area-inset-top));width:min(78vw,520px);left:50%;right:auto;transform:translate(-50%)}.brand__mark{animation:1.2s cubic-bezier(.16,1,.3,1) both brand-in-phone,3.8s ease-in-out 1.2s infinite moon-breathe}.brand__sub{animation:1.15s cubic-bezier(.16,1,.3,1) .16s both sub-in-phone,4.2s ease-in-out 1.15s infinite moon-breathe}}@keyframes brand-in-pc{0%{opacity:0;transform:translate(56px)rotate(10deg)scale(.78)}62%{opacity:1;transform:translate(-8px)rotate(-3deg)scale(1.06)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes brand-in-phone{0%{opacity:0;transform:translateY(-40px)scale(.72)}68%{opacity:1;transform:translateY(8px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sub-in-pc{0%{opacity:0;transform:translateY(28px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sub-in-phone{0%{opacity:0;transform:translateY(24px)scale(.84)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes moon-breathe{0%,to{filter:drop-shadow(0 0 1px #fff8d6)drop-shadow(0 0 6px #ffe9a8)drop-shadow(0 0 14px #ffd36a)drop-shadow(0 0 28px #ffc44dd9)drop-shadow(0 0 52px #e8a31773)}50%{filter:drop-shadow(0 0 2px #fffdf2)drop-shadow(0 0 10px #ffe58a)drop-shadow(0 0 22px #ffc44d)drop-shadow(0 0 40px #ffc44df2)drop-shadow(0 0 72px #e8a31799)}}@media (orientation:landscape){.stage{width:max(100vw,177.683dvh);height:max(100dvh,56.2799vw)}}@media (orientation:portrait){.stage{width:min(100vw,56.25dvh);height:min(100dvh,177.778vw)}.phone-bg{object-fit:fill;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.world{--street-y:-32%;aspect-ratio:1672/941;width:100%;height:auto;transform:translateY(var(--street-y));z-index:1;inset:50% auto auto 0}.world__fringe{object-fit:fill;filter:blur(22px)saturate(1.1);opacity:.95;pointer-events:none;z-index:0;width:112%;height:120%;display:block;position:absolute;inset:-10% -6%;-webkit-mask-image:radial-gradient(78% 62%,#000 20%,#0000 78%);mask-image:radial-gradient(78% 62%,#000 20%,#0000 78%)}.world__art,.world__door{z-index:1;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}.world__art,.world__door{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0}.world__door{opacity:0;transition:opacity var(--fade) ease;pointer-events:none;z-index:2}.world__door.is-on{opacity:1}.hotspots{z-index:3;position:absolute;inset:0}.hotspot{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.hotspot.is-debug{background:#e5091433;outline:2px solid #e50914e6}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrim{z-index:30;opacity:0;pointer-events:none;transition:opacity var(--fade) ease;background:#000;position:fixed;inset:0}.scrim.is-on{opacity:1}.room{z-index:10;background:#000;position:fixed;inset:0;overflow:hidden}.home-btn{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#050505c7;border:1px solid #f6f1ea66;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:11px;font-weight:800;display:inline-flex;position:fixed}.home-btn:hover,.home-btn:focus-visible{border-color:#fff}.scene{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.scene__bg{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.rails{z-index:4;pointer-events:none;grid-template-columns:minmax(0,1fr) minmax(28%,42%) minmax(0,1fr);display:grid;position:absolute;inset:0}.rail{pointer-events:none;padding:max(72px, env(safe-area-inset-top)) 3vw max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:clamp(14px,3vh,28px);display:flex}.rail--left{grid-column:1;align-items:flex-start}.rail--right{grid-column:3;align-items:flex-end}.badge,.contact-chip,.contact-mail{pointer-events:auto;text-decoration:none;display:block}.badge-wrap{--shift:0%;transform:translateX(var(--shift));transition:transform 1.15s cubic-bezier(.22,1,.36,1)}.badge{transform-origin:50%;filter:drop-shadow(0 18px 24px #0000008c);justify-items:center;gap:10px;width:min(28vw,280px);display:grid}.badge__title{font-family:var(--display);letter-spacing:.16em;color:#fff;font-size:clamp(22px,2.4vw,34px);line-height:1;animation:2.8s ease-in-out infinite title-glow}.badge img{border-radius:12px;width:100%;height:auto;animation:2.8s ease-in-out infinite plate-glow}.scene--music .rail--left .badge{width:min(30vw,300px)}.scene--music .rail--right .badge{width:min(34vw,340px)}.scene--merch .badge{width:min(42vw,460px)}.scene--videos .badge{width:min(40vw,430px)}.scene--music .rail--left .badge-wrap:first-child{--shift:-10%}.scene--music .rail--left .badge-wrap:nth-child(2){--shift:28%}.contact-stack{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:16px;width:min(86%,280px);display:flex}.contact-chip,.contact-mail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505b8;border:1px solid #f6f1ea47;width:100%;box-shadow:0 16px 40px #00000073}.contact-chip{text-align:center;font-family:var(--display);letter-spacing:.12em;padding:14px 18px;font-size:clamp(28px,4vw,42px)}.contact-mail{gap:6px;padding:14px 16px 16px;display:grid}.contact-mail span{letter-spacing:.24em;color:var(--red);font-size:11px;font-weight:800}.contact-mail{letter-spacing:.02em;word-break:break-all;font-size:clamp(13px,1.8vw,16px)}.motion-float-a{animation:4.6s ease-in-out infinite float-a}.motion-float-b{animation:5.2s ease-in-out infinite float-b}.motion-spin-slow{animation:14s linear infinite spin-slow}.motion-pulse-tilt{animation:3.4s ease-in-out infinite pulse-tilt}.motion-glide{animation:4.8s ease-in-out infinite glide}@keyframes float-a{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes float-b{0%,to{transform:translateY(0)rotate(3deg)scale(1)}50%{transform:translateY(12px)rotate(-2deg)scale(1.04)}}@keyframes spin-slow{0%{transform:rotate(-8deg)scale(.96)}50%{transform:rotate(8deg)scale(1.05)}to{transform:rotate(-8deg)scale(.96)}}@keyframes pulse-tilt{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(6deg)scale(1.08)}}@keyframes plate-glow{0%,to{filter:drop-shadow(0 10px 16px #00000073)drop-shadow(0 0 14px #e509148c)drop-shadow(0 0 32px #ff2a3347)}50%{filter:drop-shadow(0 14px 22px #00000080)drop-shadow(0 0 26px #e50914f2)drop-shadow(0 0 54px #ff2a3380)}}@keyframes title-glow{0%,to{text-shadow:0 2px 12px #000000d9,0 0 12px #e50914b3,0 0 24px #ff2a3359}50%{text-shadow:0 2px 12px #000000d9,0 0 20px #e50914,0 0 42px #ff2a33b3}}@keyframes glide{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(-12px)rotate(3deg)scale(1.06)}}@media (hover:hover){.badge-wrap:hover,.badge-wrap:focus-within{transform:translateX(var(--shift)) scale(1.06)}.badge-wrap:hover .badge.motion-float-a,.badge-wrap:focus-within .badge.motion-float-a{animation-duration:8.4s}.badge-wrap:hover .badge.motion-float-b,.badge-wrap:focus-within .badge.motion-float-b{animation-duration:9.2s}.badge-wrap:hover .badge.motion-spin-slow,.badge-wrap:focus-within .badge.motion-spin-slow{animation-duration:22s}.badge-wrap:hover .badge.motion-pulse-tilt,.badge-wrap:focus-within .badge.motion-pulse-tilt{animation-duration:6.8s}.badge-wrap:hover .badge.motion-glide,.badge-wrap:focus-within .badge.motion-glide{animation-duration:8.6s}.badge-wrap:hover .badge img,.badge-wrap:focus-within .badge img,.badge-wrap:hover .badge__title,.badge-wrap:focus-within .badge__title{animation-duration:4.6s}.contact-chip:hover,.contact-mail:hover,.contact-chip:focus-visible,.contact-mail:focus-visible{border-color:#fff;transform:scale(1.04)}}@media (width<=720px){.rails{grid-template-columns:minmax(0,1fr) minmax(18%,28%) minmax(0,1fr)}.badge{width:min(36vw,200px)}.scene--merch .badge,.scene--videos .badge,.scene--music .rail--right .badge{width:min(44vw,240px)}.rail{gap:12px;padding-left:10px;padding-right:10px}}@media (width<=520px) and (orientation:portrait){.rails{padding-bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;align-content:end}.rail{justify-content:flex-end;padding-top:0}.rail--left,.rail--right{grid-column:auto}.badge{width:min(42vw,170px)}.scene--merch .badge,.scene--videos .badge{width:min(46vw,190px)}.scene--music .rail--left .badge-wrap:first-child,.scene--music .rail--left .badge-wrap:nth-child(2){--shift:0%}}