.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-page{background:#e8eef4}.home-page .header{position:absolute;top:0;left:0;width:100%;height:140px;border:0;background:transparent;display:grid;grid-template-columns:1fr auto 1fr;padding:0 5vw;pointer-events:none}.home-page .header a,.home-page .header nav{pointer-events:auto}.home-page .brand{grid-column:2;grid-row:1;font-size:19px;letter-spacing:2px;gap:10px}.home-page .brand-mark{font-size:42px}.home-page .header nav{grid-column:1;grid-row:1;gap:25px;font-size:13px}.home-page .nav-cta{grid-column:3;grid-row:1;justify-self:end;font-size:13px}.play-stage{height:100svh;min-height:760px;max-height:1300px;position:relative;overflow:hidden;isolation:isolate;background:#e3edf6}.play-stage canvas,.stage-fallback{position:absolute;inset:0;width:100%;height:100%}.stage-fallback{object-fit:cover;transform:scale(1.26);object-position:50% 50%;z-index:-2}.play-stage canvas{z-index:-1;opacity:0;transition:opacity .65s}.play-stage canvas.ready{opacity:1}.stage-left,.stage-right{position:absolute;top:28%;z-index:2}.stage-left{left:5vw}.stage-right{right:5vw;width:184px}.stage-kicker{font-size:12px;display:block;margin-bottom:14px;font-weight:500;letter-spacing:.2px}.stage-left h1,.stage-right h2{font:700 23px/1.13 Manrope,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 16px}.stage-left p{font-size:13px;line-height:1.7;margin:0 0 29px;color:#405668}.stage-link{font-size:13px;display:inline-flex;gap:22px;align-items:center;padding-bottom:7px;border-bottom:1px solid #8393a0}.stage-link span{font-size:22px;transition:transform .2s}.stage-link:hover span{transform:translate(3px,-3px)}.stage-right .text-button{font-size:12px;gap:8px}.stage-right .play-icon{width:25px;height:25px;font-size:8px}.stage-floor{position:absolute;left:5vw;right:5vw;bottom:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px}.stage-meta{font-size:12px;padding-bottom:14px;color:#405668}.stage-meta span{margin:0 12px}.stage-outfits{text-align:center}.interaction-hint{font-size:12px;letter-spacing:.4px;display:block;margin-bottom:14px;color:#405668}.stage-outfits .segmented{box-shadow:0 8px 30px #233b4e0b;background:#f8fafccc;border:1px solid #fff}.stage-outfits .segmented button{padding:10px 25px;font-size:12px}.stage-scroll{justify-self:end;font-size:12px;display:flex;align-items:center;gap:20px;padding-bottom:10px}.stage-scroll span{font-size:24px;font-weight:400}.pip-hit{position:absolute;left:32%;top:24%;width:38%;height:62%;border:0;background:transparent;border-radius:45%;cursor:pointer;-webkit-tap-highlight-color:transparent}.pip-hit:focus-visible{outline:2px dashed #ab2444;outline-offset:6px}.pip-speech{pointer-events:none;position:absolute;left:62%;top:55%;max-width:205px;padding:18px 22px;border-radius:22px 22px 22px 2px;background:#122b46;color:white;font-size:14px;line-height:1.45;box-shadow:0 15px 45px #122b4620;opacity:0;transform:translateY(10px) rotate(2deg);transition:opacity .25s,transform .3s}.pip-speech.visible{opacity:1;transform:translateY(0) rotate(0)}.home-page .intro,.home-page .steps,.home-page .bottom-callout{position:relative}.home-page .intro{background:#fafbf9;margin:0;padding:110px 8vw 80px}.home-page .steps{margin:0;padding:0 8vw 110px;background:#fafbf9}.home-page .feature{margin:0;border-radius:0;min-height:760px;padding:80px 8vw}.home-page .feature h2{font-size:clamp(60px,6vw,90px)}.home-page .bottom-callout{margin:0;padding:90px 8vw;background:#fafbf9}.home-page footer{background:#fafbf9}.home-page .intro h2{font-size:clamp(42px,4.4vw,66px)}@media(min-width:1700px){.stage-left,.stage-right{top:31%}.stage-left{left:8vw}.stage-right{right:8vw}.stage-left h1,.stage-right h2{font-size:26px}.stage-left p{font-size:14px}}@media(max-width:1050px) and (min-width:701px){.stage-left{left:4vw;top:25%}.stage-right{right:4vw;top:25%;width:155px}.stage-left h1,.stage-right h2{font-size:19px}.stage-left p{font-size:12px;max-width:170px}.stage-left .stage-link{gap:10px;font-size:12px}.home-page .header nav{gap:15px}.home-page .nav-cta{gap:10px;font-size:12px}.pip-speech{left:62%;max-width:170px;top:62%}.stage-floor{gap:15px}.stage-scroll{gap:10px;max-width:150px}}@media(max-width:700px){.home-page .header{height:95px;padding:0 7vw;display:flex;justify-content:center}.home-page .brand{font-size:15px;letter-spacing:1.5px}.home-page .brand-mark{font-size:33px}.home-page .header nav{position:absolute;top:111px;left:7vw;right:7vw;justify-content:space-between;font-size:12px}.play-stage{min-height:850px;height:100svh;max-height:1100px}.stage-left{left:7vw;top:182px}.stage-left .stage-kicker{font-size:11px;margin-bottom:9px}.stage-left h1{font-size:23px;line-height:1.15;margin-bottom:13px}.stage-left p{display:none}.stage-link{font-size:12px;gap:17px;padding-bottom:3px}.stage-right{right:7vw;top:187px;width:115px;text-align:right}.stage-right .stage-kicker{font-size:11px;margin-bottom:9px}.stage-right h2{font-size:15px;line-height:1.25;letter-spacing:-.4px}.stage-right .text-button{font-size:11px;justify-content:flex-end;gap:6px;padding:0}.stage-right .play-icon{width:22px;height:22px;font-size:7px;flex-shrink:0}.stage-floor{left:7vw;right:7vw;bottom:22px;grid-template-columns:1fr 1fr;gap:18px}.stage-outfits{grid-column:1/3;grid-row:1;justify-self:center}.interaction-hint{font-size:12px;margin-bottom:9px}.stage-meta{font-size:11px;padding:0;align-self:center}.stage-meta span{margin:0 6px}.stage-scroll{font-size:11px;gap:9px;padding:0;align-self:center}.stage-scroll span{font-size:20px}.pip-hit{left:15%;width:70%;top:39%;height:43%}.pip-speech{left:auto;right:6%;top:61%;max-width:170px;font-size:12px;padding:13px 17px}.stage-fallback{object-fit:contain;transform:scale(1.55);object-position:center}.home-page .intro{padding:65px 7vw 40px}.home-page .intro h2{font-size:45px}.home-page .steps{padding:0 7vw 65px}.home-page .feature{min-height:600px;padding:40px 7vw}.home-page .feature h2{font-size:55px}.home-page .bottom-callout{padding:65px 7vw}}@media(max-width:370px){.stage-left h1{font-size:20px}.stage-right{width:100px}.stage-right h2{font-size:13px}.stage-left{left:6vw}.stage-right{right:6vw}.stage-scroll{max-width:128px}}@media(prefers-reduced-motion:reduce){.play-stage canvas,.pip-speech{transition:none}}
