#home{overflow:hidden}#home h2 em{color:#0a8e88}#home .section{padding-block:110px}#home .eyebrow{font-size:12px;letter-spacing:.17em}#home h2{font-size:clamp(36px,4.5vw,62px);line-height:1.17;letter-spacing:-.055em}
.stage{position:relative;isolation:isolate;background:#030605;color:#fff;min-height:720px;height:calc(100svh - 88px);max-height:980px;overflow:hidden}.stage-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:-3;animation:stage-in 1.5s ease-out both}.stage-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030605 0%,#030605eb 27%,#03060560 54%,transparent 80%),linear-gradient(0deg,#030605 0%,transparent 25%)}.stage-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 95%,#49efb421,transparent 45%);pointer-events:none}.stage-content{max-width:1440px;padding:36px 64px 120px;margin:auto;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.stage-kicker{position:absolute;top:30px;left:64px;right:64px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.17em;color:#b0c1bc}.stage-overline{font-size:16px;letter-spacing:.02em;color:#b5d2c6;margin-bottom:22px}.stage h1{font-size:clamp(58px,6.7vw,100px);line-height:1.09;font-weight:800;letter-spacing:-.065em}.stage h1 em{color:#a6f6cc}.stage-intro{font-size:16px;line-height:1.9;color:#b9c7c2;margin:28px 0 30px!important}.stage .primary{background:#a6f6cc;color:#163b2b;box-shadow:0 0 30px #a6f6cc18;padding:15px 24px}.stage .primary:hover{background:#c3ffdf}.stage .secondary{background:#ffffff08;border-color:#ffffff3b;color:#fff;padding:15px 24px}.stage .secondary:hover{background:#ffffff16}.stage-tags{display:flex;gap:18px;margin-top:26px;font-size:11px;color:#91a99f;letter-spacing:.05em}.stage-tags span+span:before{content:'/';margin-right:18px;color:#526e60}.stage-bottom{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:22px;font-size:10px;letter-spacing:.15em;color:#a8c1b5}.stage-bottom a{font-size:10px}.stage-bottom a span{display:inline-block;margin-left:15px;animation:scroll-nudge 2s ease-in-out infinite}.stage-note{position:absolute;right:40px;top:58%;font-size:10px;letter-spacing:.12em;color:#d6e8de;background:#0a141380;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:8px;padding:14px 18px;animation:float-note 6s ease-in-out infinite}.stage-note small{font-size:10px;letter-spacing:0;color:#91b5a8}.stage-note i{display:inline-block;width:6px;height:6px;background:#a6f6cc;border-radius:50%;margin-right:6px}.stage-content>h1,.stage-overline,.stage-intro,.stage-content>.button-row,.stage-tags{animation:copy-in .9s ease-out both}.stage-intro{animation-delay:.12s}.stage-content>.button-row{animation-delay:.2s}.stage-tags{animation-delay:.3s}
.motion-strip{background:#a6f6cc;color:#164530;overflow:hidden;padding:18px 0}.motion-strip>div{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.04em;white-space:nowrap;min-width:max-content;animation:marquee 32s linear infinite}.motion-strip b{margin:0 40px;font-size:23px;font-weight:400}.motion-strip:hover>div{animation-play-state:paused}
.home-effects{background:var(--bg);scroll-margin-top:100px}.home-effects .section-heading{margin-bottom:50px}.home-effects .section-heading p{font-size:16px;line-height:1.8}.effect-showcase{display:grid;grid-template-columns:1.45fr 1fr;gap:52px;align-items:center}.effect-view{border:1px solid #c5dad4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #144b3a0a}.effect-bar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.effect-bar>span{font-size:11px;letter-spacing:.12em;color:#50796c}.effect-bar .compare-controls{margin:0}.effect-bar button{font-size:12px}.effect-view>img{width:100%;height:330px;object-fit:cover;object-position:20% center}.effect-view .image-caption{font-size:11px;padding:14px 20px}.effect-number{font-size:40px;color:#9cc7b8;letter-spacing:-.08em}.effect-copy h3{font-size:27px;line-height:1.4;margin:20px 0 18px}.effect-copy>p{color:#54767b;font-size:16px;line-height:1.8}.effect-lines{display:grid;margin:24px 0}.effect-lines span{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #c9dedb;font-size:14px}.effect-lines b{font-size:10px;color:#638477;letter-spacing:.1em;font-weight:500}.home-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:80px}.home-features article{min-width:0;border-top:1px solid #b8d2c8;padding-top:20px}.home-features article>span{font-size:11px;letter-spacing:.12em;color:#16837c}.home-features h3{font-size:28px;margin:26px 0 18px}.home-features p{color:#54767b;font-size:15px;min-height:85px;line-height:1.85}.home-features img{width:100%;height:200px;object-fit:cover;object-position:right center;border-radius:10px;margin-top:24px;transition:transform .5s}.home-features article:hover img{transform:translateY(-6px)}
.home-community{background:#153d36;color:#fff;position:relative}.community-story{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-block:110px;align-items:center}.home-community .eyebrow{color:#a6f6cc}#home .home-community h2{font-size:clamp(42px,5.3vw,72px)}#home .home-community h2 em{color:#a6f6cc}.community-story p{color:#bed4ca;margin:28px 0;line-height:1.9;font-size:15px}.home-community .primary{background:#a6f6cc;color:#173f30;padding:14px 25px}.story-signature{display:flex;align-items:center;gap:14px;margin-top:45px}.story-signature img{width:50px;height:50px}.story-signature span{font-size:9px;letter-spacing:.12em;color:#9ebcaf}.story-signature b{font-size:12px;letter-spacing:0;font-weight:400;color:#d3e5de}.look-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.look-card{display:block;background:#f1f7f3;color:#1e4939;padding:8px;border-radius:12px;box-shadow:0 30px 50px #001d2740;transition:transform .4s}.look-one{transform:rotate(-6deg) translateY(-25px)}.look-two{transform:rotate(6deg) translateY(35px)}.look-card:hover{transform:rotate(0) translateY(-10px)}.look-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px}.look-card span{display:flex;justify-content:space-between;gap:6px;font-size:8px;padding:12px 4px 4px;letter-spacing:.05em}.look-card b{font-weight:500;color:#699684}
.home-finale{position:relative;padding-block:110px 130px;isolation:isolate}.home-finale p{font-size:16px;color:#54767b;margin:25px 0}.home-finale .button{padding:15px 28px}.finale-word{position:absolute;right:30px;bottom:60px;z-index:-1;font-size:clamp(150px,23vw,340px);font-weight:800;letter-spacing:-.1em;line-height:1;color:#d9ebe3;transform:rotate(-8deg)}.reveal{transition:opacity .7s,transform .7s}.reveal-ready{opacity:0;transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}
@keyframes stage-in{from{transform:scale(1.05);opacity:0}to{transform:scale(1);opacity:1}}@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scroll-nudge{50%{transform:translateY(5px)}}@keyframes float-note{50%{transform:translateY(-10px)}}
@media(min-width:1600px){.stage-avatar{object-position:center 30%}.stage-shade{background:linear-gradient(90deg,#030605 10%,#030605c0 35%,transparent 65%)}}
@media(max-width:1050px){.stage-content{padding-inline:40px}.stage-kicker,.stage-bottom{left:40px;right:40px}.stage h1{font-size:70px}.stage-note{right:24px;top:66%}.stage-avatar{object-position:60% center}.effect-showcase{gap:30px;grid-template-columns:1.2fr 1fr}.effect-view>img{height:300px}.home-features{gap:20px}.community-story{gap:35px}.look-pair{gap:12px}}
@media(max-width:720px){#home .section{padding-block:65px}.stage{height:auto;min-height:810px;max-height:none}.stage-content{padding:52px 24px 80px;min-height:810px;justify-content:flex-start}.stage-kicker{left:24px;right:24px;top:20px;font-size:9px}.stage-kicker span:last-child{display:none}.stage-overline{font-size:13px;margin-top:20px;margin-bottom:18px}.stage h1{font-size:clamp(48px,11vw,72px);line-height:1.14}.stage-intro{font-size:14px;margin:22px 0!important}.stage-avatar{height:72%;top:auto;bottom:0;object-fit:cover;object-position:77% center;opacity:.9}.stage-shade{background:linear-gradient(180deg,#030605 0%,#030605 28%,#03060566 54%,transparent 75%,#030605 100%),linear-gradient(90deg,#03060566,transparent)}.stage-tags{font-size:10px;margin-top:20px}.stage .button{padding:12px 18px;font-size:12px}.stage-note{right:24px;top:auto;bottom:100px;font-size:9px;padding:10px 14px}.stage-bottom{left:24px;right:24px;bottom:20px;font-size:8px}.stage-bottom>span:first-child{display:none}.stage-bottom>span:last-child{font-size:8px}.stage-bottom a{font-size:9px}.motion-strip{padding:14px 0}.motion-strip>div{font-size:18px}.motion-strip b{margin:0 25px}#home h2{font-size:38px}.home-effects .section-heading{align-items:flex-start;gap:22px;margin-bottom:30px}.home-effects .section-heading p{font-size:14px}.effect-showcase{grid-template-columns:1fr;gap:30px}.effect-view>img{height:260px}.effect-bar{padding:12px}.effect-bar>span{font-size:9px}.effect-copy h3{font-size:26px}.effect-number{font-size:30px}.home-features{grid-template-columns:1fr;margin-top:55px;gap:40px}.home-features h3{font-size:28px;margin-top:18px}.home-features h3 br{display:none}.home-features p{min-height:0}.home-features img{height:230px;margin-top:20px}.community-story{grid-template-columns:1fr;padding-block:65px 90px;gap:65px}#home .home-community h2{font-size:48px}.story-signature{margin-top:30px}.look-pair{max-width:440px;margin:auto;gap:15px}.look-one{transform:rotate(-5deg) translateY(-10px)}.look-two{transform:rotate(5deg) translateY(15px)}.look-card span{font-size:7px}.home-finale{padding-block:65px 100px}.finale-word{font-size:170px;bottom:35px;right:10px;opacity:.7}}
@media(prefers-reduced-motion:reduce){#home *,#home *:before,#home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}

/* User-shot comparisons: keep the avatar framing stable between ON and OFF. */
.effect-showcase .effect-view>img{height:360px;object-fit:cover;object-position:75% center;background:#000}
.unity-comparison{display:grid;grid-template-columns:.8fr 1.6fr;gap:45px;align-items:center;margin-top:65px;padding-top:50px;border-top:1px solid #c9dedb}.unity-comparison h3{font-size:32px;line-height:1.35;margin-bottom:22px}.unity-comparison>div>p{color:#54767b;font-size:15px;line-height:1.9}.unity-comparison .effect-view>img{height:auto;aspect-ratio:1370/720;object-fit:contain;background:#444}.unity-comparison .effect-bar{flex-wrap:wrap}
@media(max-width:720px){.effect-showcase .effect-view>img{height:300px;object-position:72% center}.unity-comparison{grid-template-columns:1fr;gap:25px;margin-top:45px;padding-top:35px}.unity-comparison h3{font-size:28px}.unity-comparison .effect-bar>span{font-size:9px}.unity-comparison .compare-controls button{padding:6px 9px;font-size:11px}.stage-avatar{object-position:70% center}}
@media(min-width:721px){.stage-avatar{object-position:left center}}

/* Crossfade between supplied avatar photographs without moving page content. */
.stage-slides{position:absolute;inset:0;z-index:-3}.stage-slides .stage-avatar{z-index:auto;animation:none;opacity:0;transition:opacity 1.25s ease,transform 6s linear;transform:scale(1.025)}.stage-slides .stage-avatar.is-current{opacity:1;transform:scale(1)}.stage-slides .stage-silver{object-position:right center}
.stage-switcher{position:absolute;bottom:100px;right:64px;display:flex;gap:10px;align-items:center;color:#c5ded1;background:#081510b3;border:1px solid #ffffff20;border-radius:999px;padding:7px 12px;backdrop-filter:blur(12px)}.stage-switcher button{background:transparent;border:1px solid #ffffff35;border-radius:50%;color:#9db3a6;width:32px;height:32px;padding:0;font-size:11px;line-height:1}.stage-switcher button.is-current{background:#a6f6cc;border-color:#a6f6cc;color:#143e2b}.stage-switcher>span{font-size:9px;letter-spacing:.08em;min-width:112px;text-align:center}.stage-switcher #stage-pause{font-size:14px;border:0;color:#d4e9de}.stage-switcher button:hover{border-color:#a6f6cc}
@media(max-width:1050px){.stage-switcher{right:40px}}
@media(max-width:720px){.stage-switcher{right:auto;left:24px;bottom:65px;padding:5px 9px;gap:8px}.stage-switcher button{width:28px;height:28px}.stage-switcher>span{font-size:8px;min-width:105px}.stage-note{bottom:125px}.stage-slides .stage-avatar{opacity:0}.stage-slides .stage-avatar.is-current{opacity:.95}.stage-slides .stage-silver{object-position:77% center}}
@media(prefers-reduced-motion:reduce){.stage-slides .stage-avatar{transition:none;transform:none}}

/* Align the eyes across photographs, using each original image's focal point. */
.stage-slides .stage-avatar{inset:auto;left:74%;top:43%;width:auto;max-width:none;height:100%;object-fit:contain;object-position:center;translate:-58% -52%;transform:none;transition:opacity 1.4s ease}
.stage-slides .stage-avatar.is-current{transform:none}.stage-slides .stage-silver{translate:-72.4% -32.4%}
@media(max-width:720px){.stage-slides .stage-avatar{left:62%;top:70%;height:72%;translate:-58% -52%}.stage-slides .stage-silver{translate:-72.4% -32.4%}}

.unity-scene{position:relative;overflow:hidden;aspect-ratio:774/672;background:#444;max-height:480px}.unity-scene img{position:absolute;left:0;top:-7%;height:107%;width:177.13%;max-width:none;object-fit:fill}.unity-scene img[src$="unity-on.png"]{width:176.41%;left:-.8%}.unity-comparison .image-caption a{color:#087f83;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.unity-scene{max-height:none}

/* Native-pixel registration: ON matches OFF at scale 1, offset (-6, -2). */
.unity-scene{aspect-ratio:774/672}
.unity-scene img{width:177.131783%;height:106.994048%;top:-6.994048%;left:0;object-fit:fill}
.unity-scene img[src$="unity-on.png"]{width:177.777778%;height:107.738095%;left:-.775194%;top:-7.291667%}

.shade-demo{margin-top:24px}.shade-demo .compare-controls{margin:0 0 12px;gap:6px}.shade-demo .compare-controls button{padding:7px 10px;font-size:11px}.shade-scene{position:relative;aspect-ratio:810/780;overflow:hidden;background:#444;border-radius:10px}.home-features .shade-scene img{position:absolute;width:176.296296%;height:108.461538%;max-width:none;left:0;top:-3.846154%;margin:0;border-radius:0;object-fit:fill;transition:none;transform:none!important}.home-features .shade-scene img[src$="extra-shade-on.png"]{width:176.419753%;height:106.794872%;left:.493827%;top:-1.410256%}.shade-demo>.text-link{display:inline-block;font-size:12px;margin-top:10px}

.mask-demo{margin-top:24px}.mask-demo .compare-controls{margin:0 0 12px;gap:6px}.mask-demo .compare-controls button{padding:7px 10px;font-size:11px}.mask-full{display:block;border-radius:10px;overflow:hidden;border:1px solid #c5dad4;background:#444}.home-features .mask-full img{display:block;width:100%;height:auto;aspect-ratio:1374/715;object-fit:contain;border-radius:0;margin:0;transform:none!important;transition:none}.mask-demo>.text-link{display:inline-block;font-size:12px;margin-top:10px}.mask-guide-demo{margin:24px 0}.mask-guide-demo .compare-controls{margin-bottom:14px}.mask-guide-demo img{width:100%;height:auto;aspect-ratio:1374/715;object-fit:contain}.mask-guide-demo+p{margin-top:20px}

.menu-demo{margin-top:24px}.menu-demo .compare-controls{margin:0 0 12px;gap:6px}.menu-demo .compare-controls button{padding:7px 10px;font-size:11px}.menu-full{display:block;overflow:hidden;border-radius:10px;border:1px solid #c5dad4;background:#292c27}.home-features .menu-full img{width:100%;height:auto;aspect-ratio:834/501;object-fit:contain;margin:0;border-radius:0;transform:none!important;transition:none}.menu-demo>.text-link{display:inline-block;font-size:12px;margin-top:10px}.menu-guide-demo{margin:24px 0}.menu-guide-demo .compare-controls{margin-bottom:14px}.menu-guide-demo img{width:100%;height:auto;aspect-ratio:834/501;object-fit:contain}

/* All three feature columns share one preview frame and aligned controls. */
.home-features article{display:flex;flex-direction:column}.home-features article>h3{min-height:2.6em}.home-features article>p{min-height:5.55em}
.home-features .shade-demo,.home-features .mask-demo,.home-features .menu-demo{display:flex;flex-direction:column;margin-top:24px;gap:0}
.home-features .shade-demo .compare-controls,.home-features .mask-demo .compare-controls,.home-features .menu-demo .compare-controls{min-height:36px;margin:0 0 12px;align-items:center}
.home-features .shade-scene,.home-features .mask-full,.home-features .menu-full{display:block;position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;border:1px solid #c5dad4;border-radius:10px;background:#303333}
.home-features .shade-scene img,.home-features .shade-scene img[src$="extra-shade-on.png"],.home-features .mask-full img,.home-features .menu-full img{position:static;display:block;width:100%;height:100%;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;translate:none;transform:none!important;margin:0;border-radius:0;transition:none}
.home-features .shade-demo>.text-link,.home-features .mask-demo>.text-link,.home-features .menu-demo>.text-link{margin-top:12px;font-size:12px;line-height:1.6}
@media(max-width:720px){.home-features article>h3,.home-features article>p{min-height:0}}

/* Register full UI screenshots against the OFF source pixel grid. */
#home .home-features .shade-scene,#home .home-features .mask-full,#home .home-features .menu-full,.mask-guide-demo .mask-full,.menu-guide-demo .menu-full{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#424444}
#home .home-features .shade-scene img,#home .home-features .mask-full img,#home .home-features .menu-full img,.mask-guide-demo .mask-full img,.menu-guide-demo .menu-full img{position:absolute;max-width:none;object-fit:fill;aspect-ratio:auto;margin:0;translate:none;transform:none!important;border-radius:0;transition:none;left:var(--pair-x);top:var(--pair-y);width:var(--pair-w);height:var(--pair-h)}
#home .home-features .shade-scene img[src$="extra-shade-off.png"]{--pair-x:0.00000000%;--pair-y:2.46861925%;--pair-w:99.58158996%;--pair-h:94.39330544%;}
#home .home-features .shade-scene img[src$="extra-shade-on.png"]{--pair-x:0.27894003%;--pair-y:4.58856346%;--pair-w:99.65132497%;--pair-h:92.94281729%;}
.mask-full img[src$="mask-off.png"]{--pair-x:0.00000000%;--pair-y:8.40000000%;--pair-w:99.85454545%;--pair-h:83.20000000%;}
.mask-full img[src$="mask-on.png"]{--pair-x:-0.07272727%;--pair-y:8.51636364%;--pair-w:100.00000000%;--pair-h:82.73454545%;}
.menu-full img[src$="vrchat-menu-off.png"]{--pair-x:0.00000000%;--pair-y:1.84652278%;--pair-w:100.00000000%;--pair-h:96.11510791%;}
.menu-full img[src$="vrchat-menu-on.png"]{--pair-x:-0.11990408%;--pair-y:3.18944844%;--pair-w:93.88489209%;--pair-h:94.96402878%;}
/* Keep the coordinate grid isotropic; borders must not alter its aspect ratio. */
#home .home-features .shade-scene,#home .home-features .mask-full,#home .home-features .menu-full,.mask-guide-demo .mask-full,.menu-guide-demo .menu-full{border:0;box-shadow:0 0 0 1px #c5dad4}

/* The X lookbook posters are square: show the complete original composition. */
.look-card img{aspect-ratio:1/1;object-fit:contain;background:#101613;height:auto;width:100%}

/* Let the square lookbook determine the section's height, without tall gaps. */
.community-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:40px;padding-block:75px;align-items:center}
#home .home-community h2{font-size:clamp(40px,4.2vw,60px);line-height:1.12}
.community-story p{margin:20px 0;font-size:15px}.story-signature{margin-top:26px}
.look-pair{width:100%;gap:14px;align-items:center;padding-block:12px}
.look-one{transform:rotate(-4deg) translateY(-10px)}.look-two{transform:rotate(4deg) translateY(10px)}
.look-card{padding:6px}.look-card span{padding:9px 3px 3px}
@media(max-width:900px) and (min-width:721px){.community-story{grid-template-columns:.85fr 1.15fr;gap:28px;padding-block:60px}#home .home-community h2{font-size:42px}.community-story p{font-size:14px}.look-pair{gap:10px}.look-card span{font-size:7px}}
@media(max-width:720px){.community-story{grid-template-columns:1fr;gap:30px;padding-block:48px 55px}#home .home-community h2{font-size:40px}.community-story h2 br{display:none}.community-story p{margin:18px 0}.story-signature{margin-top:20px}.look-pair{max-width:100%;gap:12px;padding:10px 3px}.look-one{transform:rotate(-3deg) translateY(-5px)}.look-two{transform:rotate(3deg) translateY(5px)}.look-card span{font-size:7px}}

/* Product photography and illustrated feature explorer. */
.proof-section{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:75px}.proof-copy>p{font-size:16px;color:#54767b;line-height:1.9;margin-top:24px}.proof-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}.proof-options button{padding:5px;border:1px solid #c4d9d1;background:#fff;border-radius:10px;color:#54766c;transition:border-color .2s,transform .2s}.proof-options button:hover{transform:translateY(-3px)}.proof-options button.active{border:2px solid #098579;padding:4px;background:#e0f3e9;color:#116758}.proof-options img{aspect-ratio:1;width:100%;object-fit:contain;border-radius:5px;background:#f6f9f7}.proof-options span{font-size:11px;display:block;padding:7px 0 3px}.proof-copy .proof-caption{font-size:13px;min-height:3.8em;margin:18px 0 12px}.proof-poster{padding:10px;background:#fff;border:1px solid #c4d9d1;border-radius:16px;box-shadow:0 18px 45px #144c3b10;overflow:hidden;transform:rotate(1deg);color:#54766c;transition:transform .35s}.proof-poster:hover{transform:rotate(0)}.proof-poster img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.proof-poster>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 5px 0}.proof-poster b{font-size:20px;font-weight:400}
.detail-section{background:#e2f1eb;padding-block:75px;border-block:1px solid #c3dcd0}.detail-section .section-heading{margin-bottom:38px}.detail-section .section-heading p{font-size:15px;line-height:1.9}.detail-board{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.detail-art{min-width:0;display:grid;grid-template-columns:1fr;gap:24px}.detail-art>button{border:0;background:transparent;padding:0;width:100%;max-width:430px;margin:auto;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #237a5c16}.detail-art img{width:100%;aspect-ratio:1;object-fit:contain}.detail-description{max-width:430px;margin:auto;width:100%}.detail-description>span{font-size:11px;color:#197f73;letter-spacing:.07em}.detail-description h3{font-size:26px;margin:10px 0 12px}.detail-description p{font-size:15px;line-height:1.85;color:#476e65;min-height:3.7em}.detail-description small{display:block;font-size:11px;color:#607e75;margin-top:14px;line-height:1.7}.detail-options{display:grid;gap:8px}.detail-options>button{width:100%;display:flex;gap:20px;align-items:center;text-align:left;padding:16px 20px;background:#f4faf7;border:1px solid #cadfd4;border-radius:10px;color:#315d51;transition:background .2s,border-color .2s}.detail-options>button>span{font-size:12px;color:#7b9f90;flex:none}.detail-options strong{display:block;font-size:15px;font-weight:600}.detail-options small{display:block;color:#6f8d80;font-size:11px;margin-top:3px}.detail-options>button>b{font-size:20px;font-weight:400;margin-left:auto;color:#6d9b88}.detail-options>button.active{background:#164c3c;border-color:#164c3c;color:#fff}.detail-options>button.active>span,.detail-options>button.active small,.detail-options>button.active>b{color:#a6dbbd}.detail-options>button:hover:not(.active){background:#fff;border-color:#76b79c}
.finale-cover{position:absolute;right:65px;top:65px;width:260px;transform:rotate(5deg);box-shadow:0 15px 35px #144c3b20;border-radius:12px;overflow:hidden;border:7px solid #fff}.finale-cover img{width:100%;aspect-ratio:1;object-fit:contain}.home-finale .finale-word{opacity:.55}
#image-dialog{width:min(980px,calc(100% - 32px));padding:20px;max-height:94dvh}#image-dialog h2{font-size:18px;letter-spacing:-.02em}#image-dialog-image{max-height:calc(94dvh - 100px);width:100%;object-fit:contain;background:#f0f5f2;border-radius:10px}#image-dialog .dialog-head{margin-bottom:14px}
@media(max-width:1050px){.proof-section{gap:35px}.detail-board{gap:30px}.detail-options>button{padding:12px 16px;gap:14px}.finale-cover{right:45px;width:230px}}
@media(max-width:720px){.proof-section{grid-template-columns:1fr;gap:28px;padding-block:48px}.proof-copy>p{font-size:14px;margin-top:20px}.proof-options{margin-top:22px;gap:8px}.proof-options span{font-size:10px}.proof-copy .proof-caption{min-height:0}.proof-poster{transform:none;max-width:450px;width:100%;margin:auto}.detail-section{padding-block:48px}.detail-board{display:flex;flex-direction:column;gap:25px}.detail-options{order:-1;grid-template-columns:1fr 1fr;gap:7px;width:100%}.detail-options>button{padding:12px 9px;gap:8px;min-height:75px}.detail-options strong{font-size:12px}.detail-options small{font-size:9px;line-height:1.5}.detail-options>button>span{font-size:10px}.detail-options>button>b{display:none}.detail-art{width:100%;gap:20px}.detail-art>button{max-width:390px}.detail-description{max-width:390px}.detail-description p{min-height:0}.detail-section .section-heading{gap:20px;margin-bottom:25px}.detail-section .section-heading p{font-size:14px}.finale-cover{position:static;display:block;float:right;width:34%;margin:5px 0 20px 15px;transform:rotate(4deg);border-width:4px}.home-finale>.eyebrow{clear:none;font-size:9px!important;max-width:60%}.home-finale h2{font-size:34px!important}.home-finale>p{clear:both;padding-top:10px}}

/* Centered product identity gives the opening stage a fuller upper register. */
.stage-identity{position:absolute;top:65px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 12px;border:1px solid #a6f6cc30;border-radius:999px;background:#10221c80;backdrop-filter:blur(12px);color:#d6efe0;z-index:1;white-space:nowrap}.stage-identity img{width:45px;height:45px;filter:drop-shadow(0 0 12px #64f9c440)}.stage-identity strong{display:block;font-size:12px;letter-spacing:.12em;font-weight:600;line-height:1.5}.stage-identity span{display:block;font-size:10px;letter-spacing:.06em;color:#90b7a4;margin-top:3px}.stage-wordmark{position:absolute;top:145px;left:50%;translate:-50% 0;width:max-content;font-size:clamp(56px,9.4vw,160px);line-height:1;font-weight:800;letter-spacing:-.065em;color:#a6f6cc08;-webkit-text-stroke:1px #a6f6cc14;pointer-events:none;z-index:-1;user-select:none}
@media(max-width:1050px){.stage-identity{top:60px}.stage-wordmark{top:140px;font-size:9.2vw}}
@media(max-width:720px){.stage-identity{top:45px;left:auto;right:24px;translate:none;padding:6px 10px 6px 7px;gap:7px}.stage-identity img{width:28px;height:28px}.stage-identity strong{font-size:8px;letter-spacing:.07em}.stage-identity span{display:none}.stage-wordmark{top:330px;font-size:11vw}.stage-overline{margin-top:62px}.stage-content{min-height:850px}.stage{min-height:850px}}
/* Use the original OFF capture beneath the registered ON crop, including its edges. */
#home .home-features .menu-full,.menu-guide-demo .menu-full{background:#424444 url('/assets/vrchat-menu-off.png') center/100% 100% no-repeat}
#home .home-features .menu-full::before,.menu-guide-demo .menu-full::before{content:"";position:absolute;left:0;top:1.84652278%;width:100%;height:96.11510791%;background:url('/assets/vrchat-menu-off.png') center/100% 100% no-repeat;pointer-events:none}