.project-experience-module__gSSQqW__experience{background:#0b0e0b;border:1px solid #293026;border-radius:10px;max-width:1380px;margin:0 auto 68px;overflow:hidden}.project-experience-module__gSSQqW__toolbar{border-bottom:1px solid #293026;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;display:flex}.project-experience-module__gSSQqW__modes{gap:8px;display:flex}.project-experience-module__gSSQqW__modes button,.project-experience-module__gSSQqW__viewportTools button{color:#a7b09f;border-radius:4px;min-height:44px;padding:12px 16px;font-size:12px}.project-experience-module__gSSQqW__modes button[aria-pressed=true]{color:#17200d;background:#c5ff00}.project-experience-module__gSSQqW__hint{font:10px var(--font-mono);color:#798770}.project-experience-module__gSSQqW__stage{isolation:isolate;background:radial-gradient(at 50% 95%,#31402260,#0000 65%);height:650px;position:relative;overflow:hidden}.project-experience-module__gSSQqW__word{font:700 clamp(80px,15vw,230px)/1 var(--font-display);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1px #b8d0a314;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-experience-module__gSSQqW__canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:relative}.project-experience-module__gSSQqW__fallback{-o-object-fit:contain;object-fit:contain;width:70%;height:80%;position:absolute;inset:8% 15%}.project-experience-module__gSSQqW__flip{color:#d5dfca;background:#10160e;border:1px solid #66775b;border-radius:4px;min-height:44px;padding:10px 18px;font-size:12px;position:absolute;bottom:24px;right:24px}.project-experience-module__gSSQqW__failed{font-size:12px;position:absolute;bottom:25px;left:25px}.project-experience-module__gSSQqW__viewportArea{background:#1b221a;padding:24px}.project-experience-module__gSSQqW__viewportTools{font:11px var(--font-mono);color:#a4b197;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.project-experience-module__gSSQqW__viewportTools button{font-family:var(--font-sans);padding:10px 14px}.project-experience-module__gSSQqW__viewportTools button[aria-pressed=true]{color:#e5eddf;background:#34402e}.project-experience-module__gSSQqW__viewport{overscroll-behavior:contain;scrollbar-width:thin;background:#fff;border-radius:5px;width:100%;max-width:1100px;height:650px;margin:auto;transition:max-width .3s;overflow:auto}.project-experience-module__gSSQqW__viewport[data-format=phone]{max-width:390px}.project-experience-module__gSSQqW__viewport>img{width:100%;height:auto;display:block}.project-experience-module__gSSQqW__viewport iframe{background:#fff;border:0;width:100%;height:100%;display:block}.project-experience-module__gSSQqW__experience button:focus-visible,.project-experience-module__gSSQqW__viewport:focus-visible{outline-offset:3px;outline:2px solid #c5ff00}@media (max-width:760px){.project-experience-module__gSSQqW__experience{margin:0 14px 36px}.project-experience-module__gSSQqW__toolbar{padding:12px;display:block}.project-experience-module__gSSQqW__hint{margin:14px 4px 2px;font-size:9px;display:block}.project-experience-module__gSSQqW__modes{gap:4px}.project-experience-module__gSSQqW__modes button{flex:1;padding:10px;font-size:11px}.project-experience-module__gSSQqW__stage{height:450px}.project-experience-module__gSSQqW__flip{font-size:11px;bottom:14px;right:14px}.project-experience-module__gSSQqW__viewportArea{padding:10px}.project-experience-module__gSSQqW__viewport{height:520px}.project-experience-module__gSSQqW__viewportTools{flex-wrap:wrap;gap:4px;font-size:10px}.project-experience-module__gSSQqW__viewportTools button{font-size:11px}.project-experience-module__gSSQqW__word{font-size:76px}.project-experience-module__gSSQqW__fallback{width:90%;height:90%;inset:5%}}@media (prefers-reduced-motion:reduce){.project-experience-module__gSSQqW__viewport{transition:none}}.project-experience-module__gSSQqW__frames{scrollbar-width:thin;gap:8px;margin:0 0 16px;display:flex;overflow-x:auto}.project-experience-module__gSSQqW__frames button{white-space:nowrap;color:#a4b197;border-bottom:1px solid #0000;min-height:44px;padding:10px 15px;font-size:11px}.project-experience-module__gSSQqW__frames button[aria-pressed=true]{color:#c5ff00;border-color:#c5ff00}.project-experience-module__gSSQqW__film{background:#090c0b}.project-experience-module__gSSQqW__film video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;width:100%;max-height:780px;display:block}.project-experience-module__gSSQqW__film>img{width:100%;display:block}.project-experience-module__gSSQqW__liveArea{background:radial-gradient(at bottom,#31412744,#0000 70%);padding:20px 35px 55px}.project-experience-module__gSSQqW__deviceSwitch{align-items:center;gap:12px;margin-bottom:28px;display:flex}.project-experience-module__gSSQqW__deviceSwitch button{color:#a4b197;border:1px solid #425039;border-radius:4px;min-height:44px;padding:11px 17px;font-size:12px}.project-experience-module__gSSQqW__deviceSwitch button[aria-pressed=true]{color:#1b250f;background:#c5ff00;border-color:#c5ff00}.project-experience-module__gSSQqW__deviceSwitch a{color:#a4b197;align-items:center;min-height:44px;margin-left:auto;font-size:11px;display:flex}.project-experience-module__gSSQqW__liveDevice{max-width:1120px;margin:0 auto}.project-experience-module__gSSQqW__deviceLid{background:#141819;border:2px solid #6a7273;border-radius:22px 22px 9px 9px;padding:20px 18px 23px;box-shadow:inset 0 0 0 3px #2b3031,0 25px 60px #0008}.project-experience-module__gSSQqW__deviceScreen{background:#fff;border-radius:3px;width:100%;position:relative;overflow:hidden}.project-experience-module__gSSQqW__deviceScreen iframe{transform-origin:0 0;border:0;max-width:none;display:block}.project-experience-module__gSSQqW__deviceBase{background:linear-gradient(#778180,#bac2bf 15%,#56605f 45%,#272f2e);border-radius:0 0 50% 50%/0 0 90% 90%;height:25px;margin:0 -25px;box-shadow:0 25px 30px #0008}.project-experience-module__gSSQqW__deviceBase span{background:#303738;border-radius:0 0 8px 8px;width:18%;height:8px;margin:auto;display:block}.project-experience-module__gSSQqW__liveDevice[data-device=phone]{max-width:360px}.project-experience-module__gSSQqW__liveDevice[data-device=phone] .project-experience-module__gSSQqW__deviceLid{background:#111617;border-radius:44px;padding:24px 10px 18px;position:relative}.project-experience-module__gSSQqW__liveDevice[data-device=phone] .project-experience-module__gSSQqW__deviceLid:after{content:"";background:#9ba29d;border-radius:4px;width:24%;height:3px;position:absolute;bottom:7px;left:38%}.project-experience-module__gSSQqW__liveDevice[data-device=phone] .project-experience-module__gSSQqW__deviceScreen{border-radius:22px}.project-experience-module__gSSQqW__canvas:focus-visible{outline-offset:-4px;outline:2px solid #c5ff00}@media (max-width:760px){.project-experience-module__gSSQqW__liveArea{padding:15px 14px 32px}.project-experience-module__gSSQqW__deviceSwitch{flex-wrap:wrap;gap:8px}.project-experience-module__gSSQqW__deviceSwitch button{padding:10px 14px;font-size:11px}.project-experience-module__gSSQqW__deviceSwitch a{font-size:10px}.project-experience-module__gSSQqW__deviceLid{border-radius:14px 14px 5px 5px;padding:12px 8px 14px}.project-experience-module__gSSQqW__deviceBase{height:15px;margin:0 -8px}.project-experience-module__gSSQqW__liveDevice[data-device=phone]{max-width:330px}.project-experience-module__gSSQqW__film video{min-height:220px}}