.hero-characters{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-stage{left:var(--stage-x,0px);top:var(--stage-y,0px);width:var(--stage-w,100%);height:var(--stage-h,100%);position:absolute}.hero-char{left:var(--char-left);bottom:var(--char-bottom);height:var(--char-h);z-index:var(--char-z,1);pointer-events:auto;transform:translateX(-50%) translate3d(var(--px,0px), var(--py,0px), 0);will-change:transform;opacity:0;animation:charFadeIn 3.2s ease-in-out var(--char-fade-delay,0s) forwards;position:absolute}.hero-char:nth-child(2){--char-fade-delay:.12s}.hero-char:nth-child(3){--char-fade-delay:.24s}.hero-char:nth-child(4){--char-fade-delay:.36s}.hero-char:nth-child(5){--char-fade-delay:.48s}.hero-char:nth-child(6){--char-fade-delay:.6s}@supports (z-index:sibling-index()){.hero-char:nth-child(n){--char-fade-delay:calc((sibling-index() - 1) * .12s)}}@keyframes charFadeIn{to{opacity:1}}.hero-char img{filter:drop-shadow(0 12px 24px #00000073);width:auto;height:100%;transition:filter .3s ease, scale .3s var(--ease-expo);animation:var(--char-bob-anim,charBobA) var(--char-bob-dur,7s) ease-in-out infinite;display:block}.hero-char[data-bob=a] img{--char-bob-anim:charBobA;--char-bob-dur:7.5s;animation-delay:-1.2s}.hero-char[data-bob=b] img{--char-bob-anim:charBobB;--char-bob-dur:6.2s;animation-delay:-3.4s}.hero-char[data-bob=c] img{--char-bob-anim:charBobC;--char-bob-dur:8.4s;animation-delay:-.6s}.hero-char[data-bob=none] img{animation:none}@keyframes charBobA{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(.4deg)}}@keyframes charBobB{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-.5deg)}}@keyframes charBobC{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-3px)rotate(.3deg)}}@media (prefers-reduced-motion:reduce){.hero-char{opacity:1;animation:none;transform:translate(-50%)}.hero-char img{transition:none;animation:none}}body.room-page{--ease-expo:cubic-bezier(.16, 1, .3, 1);--room-hero-art-lift:0px;grid-template-rows:var(--room-nav-track) minmax(0, 1fr) var(--room-portal-track) var(--room-footer-track);background:var(--room-black);min-height:100svh;color:var(--ghost-cream);font-family:var(--font-ui);display:grid;overflow:auto}body.room-page .top-nav--room{grid-row:1;max-width:none;margin-inline:0;position:sticky;top:0}@media (width>=901px) and (height>=760px){body.room-page{height:100svh;overflow:hidden}}@media (height<=760px) and (width>=901px){body.room-page{height:100dvh;min-height:100dvh;overflow:hidden}}@media (height<=760px) and (width>=901px) and (width<=1320px){body.room-page{--room-portal-track:calc(9vw + 18px)}}@media (width>=901px) and (height<=820px){body.room-page{--room-hero-art-lift:4rem}}@property --hero-grad-from{syntax:"<color>";inherits:false;initial-value:#ff3a1f}@property --hero-grad-to{syntax:"<color>";inherits:false;initial-value:#d24bff}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUpDim{0%{opacity:0;transform:translateY(12px)}to{opacity:.72;transform:translateY(0)}}@keyframes gradientCycle{0%,to{--hero-grad-from:#ff3a1f;--hero-grad-to:#d24bff}50%{--hero-grad-from:#d24bff;--hero-grad-to:#ff3a1f}}.room-hero{align-items:top;min-height:0;display:flex;position:relative;overflow:hidden}.hero-painting-wrap{top:calc(-1 * var(--room-nav-track) - var(--room-hero-art-lift));z-index:0;position:absolute;bottom:0;left:0;right:0}.hero-painting{object-fit:cover;object-position:center top;opacity:0;width:100%;height:100%;transition:opacity .32s ease-out}.hero-painting.is-loaded{opacity:1}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0a0806cc 0%,#0a0806a6 20%,#0a080666 38%,#0a08061a 55%,#0000 68%);position:absolute;inset:0}.room-powered .hero-char:not([data-char=smoker]) img{animation:charPowerUp .52s var(--ease-expo,ease-out) 3 both}@keyframes charPowerUp{0%{filter:drop-shadow(0 12px 24px #00000073);scale:1}40%{filter:drop-shadow(0 12px 24px #00000073) drop-shadow(0 0 22px var(--char-glow,#d24bff80)) drop-shadow(0 0 44px var(--char-glow,#d24bff80));scale:1.05}to{filter:drop-shadow(0 12px 24px #00000073);scale:1}}@media (prefers-reduced-motion:reduce){.room-powered .hero-char:not([data-char=smoker]) img{animation:1.56s ease-out both charPowerUpReduced}@keyframes charPowerUpReduced{0%,to{filter:drop-shadow(0 12px 24px #00000073)}50%{filter:drop-shadow(0 12px 24px #00000073) drop-shadow(0 0 24px var(--char-glow,#d24bff80))}}}.hero-copy{z-index:2;max-width:100%;margin-top:5rem;padding:0 clamp(32px,6vw,96px);position:relative}.hero-title{flex-direction:column;margin:0 0 20px;display:flex}.hero-title-prefix{font-family:var(--font-title);letter-spacing:3px;text-transform:uppercase;color:var(--ember);text-shadow:0 0 1px var(--room-ember-glow-strong), 0 0 18px var(--room-ember-glow-soft);animation:fadeSlideUp .4s var(--ease-expo) 80ms both;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:900;line-height:1}.hero-title-main{filter:drop-shadow(0 0 1px #ff3a1f80)drop-shadow(0 0 18px #ff3a1f38);animation:fadeSlideUp .4s var(--ease-expo) .14s both;line-height:.88;display:block}.hero-title-main-inner{font-family:var(--font-title);letter-spacing:-.01em;text-transform:uppercase;background:linear-gradient(135deg, var(--hero-grad-from) 0%, var(--hero-grad-to) 100%);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(4.2rem,9vw,7.8rem);font-weight:900;line-height:.88;animation:9s ease-in-out infinite gradientCycle}.hero-title-main-inner a.hero-title-d,.hero-title-main-inner>span{color:inherit;-webkit-text-fill-color:inherit;background:0 0}.hero-title-d{pointer-events:auto;text-decoration:none}.hero-title-d:focus-visible{outline:2px solid var(--room-focus-ring);outline-offset:6px;border-radius:4px}.hero-triplet{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;animation:fadeSlideUp .4s var(--ease-expo) .2s both;margin-bottom:16px;font-size:clamp(.9rem,1.2vw,1.2rem)}.hero-triplet span{display:inline-block}.hero-triplet-discover{color:var(--neon-green);text-shadow:1px 1px 1px #39ff14b3,1px 1px 14px #39ff144d}.hero-triplet-transcend{color:var(--signal-cyan);text-shadow:1px 1px 1px #3ee0d4b3,1px 1px 14px #3ee0d44d}.hero-triplet-awaken{color:var(--neon-pink);text-shadow:1px 1px 1px #ff0080b3,1px 1px 14px #ff00804d}.hero-tagline{font-family:var(--font-ui);color:var(--ghost-cream);text-shadow:1px 1px 1px var(--ember);opacity:.72;letter-spacing:2px;animation:fadeSlideUpDim .4s var(--ease-expo) .26s both;margin-bottom:36px;font-size:clamp(.9rem,1.1vw,.82rem);line-height:1.8}.hero-cta{border:1.5px solid var(--ember);color:var(--ember);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--room-cta-inner-line), 0 0 24px var(--room-cta-glow);animation:fadeSlideUp .4s var(--ease-expo) .32s both;border-radius:2px;align-items:center;gap:10px;padding:12px 26px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .22s,color .22s,box-shadow .22s,transform .16s ease-out;display:inline-flex}.hero-cta-arrow{width:14px;height:14px;transition:transform .2s var(--ease-expo);flex:none}.hero-cta:active{transform:scale(.97)}.hero-cta:focus-visible,.portal-tile:focus-visible{outline:2px solid var(--room-focus-ring);outline-offset:4px}.portal-row{border-top:1px solid var(--room-portal-row-border);grid-template-columns:repeat(5,1fr);align-items:center;gap:10px;padding:10px clamp(24px,3vw,48px);display:grid}.portal-section{flex-direction:column;justify-content:center;display:flex}.portal-tile{--portal-chamfer:clamp(10px, 1.2vw, 14px);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.portal-tile[aria-disabled=true]{opacity:var(--room-disabled-opacity);cursor:default;pointer-events:none}.portal-tile[data-portal=artists]{--portal-accent:var(--ember)}.portal-tile[data-portal=community]{--portal-accent:var(--portal-magenta)}.portal-tile[data-portal=events]{--portal-accent:var(--lantern-amber)}.portal-tile[data-portal=x]{--portal-accent:color-mix(in srgb, var(--ember) 55%, var(--portal-magenta) 45%)}.portal-tile[data-portal=contact]{--portal-accent:var(--signal-cyan)}.portal-frame{aspect-ratio:1;background:var(--room-black);width:min(100%,250px);max-height:250px;clip-path:polygon(var(--portal-chamfer) 0%, calc(100% - var(--portal-chamfer)) 0%, 100% var(--portal-chamfer), 100% calc(100% - var(--portal-chamfer)), calc(100% - var(--portal-chamfer)) 100%, var(--portal-chamfer) 100%, 0% calc(100% - var(--portal-chamfer)), 0% var(--portal-chamfer));filter:drop-shadow(0 0 10px color-mix(in srgb, var(--portal-accent,var(--ember)) 22%, transparent));transition:filter .28s var(--ease-expo), transform .28s var(--ease-expo);margin-inline:auto;position:relative;overflow:hidden}.portal-frame:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 42%,#0000004d 62%,#000000c7 100%);position:absolute;inset:0}.portal-tile:active .portal-frame{transform:translateY(-1px)scale(.98)}.portal-bg{transition:transform .32s var(--ease-expo);background-position:50%;background-size:cover;position:absolute;inset:0}.portal-bg:after{content:"";background:linear-gradient(118deg, var(--room-transparent) 0 62%, var(--hud-magenta-wear) 62% 63%, var(--room-transparent) 63% 100%), repeating-linear-gradient(4deg, var(--room-transparent) 0 22px, var(--room-portal-inner-line) 22px 23px);opacity:.34;position:absolute;inset:0}.portal-rim{background:linear-gradient(135deg, color-mix(in srgb, var(--portal-accent,var(--ember)) 100%, transparent) 0%, color-mix(in srgb, var(--portal-accent,var(--ember)) 50%, transparent) 35%, color-mix(in srgb, var(--portal-accent,var(--ember)) 70%, transparent) 65%, color-mix(in srgb, var(--portal-accent,var(--ember)) 100%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:3;transition:background .28s var(--ease-expo), opacity .28s var(--ease-expo);opacity:.88;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.portal-corners{pointer-events:none;z-index:4;position:absolute;inset:0}.pc-tl,.pc-tr,.pc-bl,.pc-br{opacity:.82;width:18px;height:18px;transition:opacity .25s;position:absolute}.pc-tl{border-top:2px solid var(--portal-accent,var(--ember));border-left:2px solid var(--portal-accent,var(--ember));top:5px;left:5px}.pc-tr{border-top:2px solid var(--portal-accent,var(--ember));border-right:2px solid var(--portal-accent,var(--ember));top:5px;right:5px}.pc-bl{border-bottom:2px solid var(--portal-accent,var(--ember));border-left:2px solid var(--portal-accent,var(--ember));bottom:5px;left:5px}.pc-br{border-bottom:2px solid var(--portal-accent,var(--ember));border-right:2px solid var(--portal-accent,var(--ember));bottom:5px;right:5px}.portal-label{z-index:5;color:var(--portal-accent,var(--ember));font-family:var(--font-ui);letter-spacing:3px;text-align:center;text-transform:uppercase;text-shadow:0 0 1px color-mix(in srgb, var(--portal-accent,var(--ember)) 90%, transparent), 0 0 18px color-mix(in srgb, var(--portal-accent,var(--ember)) 55%, transparent), 0 0 36px color-mix(in srgb, var(--portal-accent,var(--ember)) 25%, transparent);transition:text-shadow .28s var(--ease-expo);font-size:clamp(.88rem,1.5vw,1.5rem);font-weight:300;line-height:1;position:absolute;bottom:clamp(10px,1.4svh,18px);left:0;right:0}.hero-char--secret img{animation:3.2s ease-in-out infinite keyboardistIdleGlow}@keyframes keyboardistIdleGlow{0%,to{filter:drop-shadow(0 12px 24px #00000073) drop-shadow(0 0 5px var(--char-glow,var(--char-glow-amber)))}50%{filter:drop-shadow(0 12px 24px #00000073) drop-shadow(0 0 10px var(--char-glow,var(--char-glow-amber))) drop-shadow(0 0 18px var(--char-glow,var(--char-glow-amber))) brightness(1.04)}}@media (hover:hover) and (pointer:fine){.hero-title-main:hover .hero-title-main-inner{animation-duration:2s}.hero-cta:hover{background:var(--ember);color:var(--room-black);box-shadow:inset 0 0 0 1px var(--room-cta-inner-line), 0 0 40px var(--room-ember-glow-soft)}.hero-cta:hover .hero-cta-arrow{transform:translate(4px)}.portal-tile:hover .portal-frame{filter:drop-shadow(0 0 32px color-mix(in srgb, var(--portal-accent,var(--ember)) 35%, transparent)) drop-shadow(0 18px 36px var(--room-dark-shadow));transform:translateY(-4px)}.portal-tile[aria-disabled=true]:hover .portal-frame{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--portal-accent,var(--ember)) 12%, transparent));transform:none}.portal-tile:hover .portal-bg{transform:scale(1.05)}.portal-tile:hover .portal-rim{opacity:1;background:linear-gradient(135deg, color-mix(in srgb, var(--portal-accent,var(--ember)) 100%, transparent) 0%, color-mix(in srgb, var(--portal-accent,var(--ember)) 65%, transparent) 35%, color-mix(in srgb, var(--portal-accent,var(--ember)) 85%, transparent) 65%, color-mix(in srgb, var(--portal-accent,var(--ember)) 100%, transparent) 100%)}.portal-tile:hover .pc-tl,.portal-tile:hover .pc-tr,.portal-tile:hover .pc-bl,.portal-tile:hover .pc-br{opacity:1}.portal-tile:hover .portal-label{text-shadow:0 0 1px color-mix(in srgb, var(--portal-accent,var(--ember)) 100%, transparent), 0 0 22px color-mix(in srgb, var(--portal-accent,var(--ember)) 75%, transparent), 0 0 44px color-mix(in srgb, var(--portal-accent,var(--ember)) 35%, transparent)}.hero-char:hover img{filter:drop-shadow(0 12px 24px #00000080)brightness(1.06)}.hero-char--secret:hover img{filter:drop-shadow(0 3px 6px #00000080) drop-shadow(0 0 22px var(--char-glow,var(--char-glow-amber))) drop-shadow(0 0 44px var(--char-glow,var(--char-glow-amber))) brightness(1.1);animation-play-state:paused}}@media (height<=760px) and (width>=901px) and (width<=1320px){.portal-frame{aspect-ratio:2.4;max-height:none}}@media (width<=900px){body.room-page{height:auto;min-height:100svh;display:block;overflow:auto}.room-hero{padding:0;min-height:78svh;padding-block-start:2rem}.hero-painting-wrap{top:0}.hero-overlay{background:linear-gradient(to bottom, var(--room-overlay-mobile-top) 0%, var(--room-overlay-mobile-bottom) 100%)}.hero-copy{max-width:100%;padding:0 0 0 clamp(20px,5vw,48px)}.hero-char[data-char=central-standing]{bottom:40%;left:55%}.hero-char[data-char=stylist]{left:65%}.hero-char[data-char=video-editor]{bottom:5%;left:65%}.hero-char[data-char=guitarist]{bottom:0%;left:42%}.hero-char[data-char=smoker]{left:95px}.portal-row{border-top:1px solid var(--room-portal-row-border);grid-template-columns:1fr;gap:24px;padding:24px clamp(20px,5vw,48px);display:grid}.portal-tile{--portal-chamfer:8px}.portal-tile[aria-disabled=true]{display:none}.portal-frame{aspect-ratio:2.4;width:100%;max-height:none}.portal-label{letter-spacing:4px;font-size:clamp(1.2rem,5.2vw,1.7rem);bottom:clamp(14px,3vw,22px)}}@media (width<=600px){.hero-title-prefix{font-size:clamp(1.6rem,7vw,2.4rem)}.hero-title-main-inner{font-size:clamp(2.9rem,13vw,5rem)}.hero-triplet{flex-wrap:wrap;gap:3px 12px;display:flex}.hero-tagline{color:#fff}.hero-cta{letter-spacing:2px;text-align:center;max-width:100%;box-shadow:inset 0 0 0 1px var(--room-cta-inner-line), 0 0 40px var(--room-ember-glow-soft);justify-content:center}}@media (prefers-reduced-motion:reduce){.hero-title-prefix,.hero-title-main,.hero-title-main-inner,.hero-triplet,.hero-tagline,.hero-cta,.hero-char--secret img{animation:none}.hero-painting{opacity:1;transition:none}.hero-title-main-inner,.hero-cta-arrow,.portal-frame,.portal-bg,.portal-rim,.portal-label,.hero-cta,.pc-tl,.pc-tr,.pc-bl,.pc-br{transition:none}.portal-tile:active .portal-frame,.portal-tile:hover .portal-frame,.portal-tile:hover .portal-bg{transform:none}}