.experience{padding:0;background:#091420;color:#fff}.experience-stage{position:sticky;top:88px;height:calc(100vh - 88px);min-height:610px;margin-bottom:calc(-100vh + 88px);overflow:hidden;background:#091420}.experience-stage canvas{position:absolute;inset:0;width:100%;height:100%}.experience-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071320f5 0%,#071320db 28%,#07132050 48%,transparent 70%),linear-gradient(0deg,#071320cc,transparent 25%)}.experience-step{min-height:calc(100vh - 88px);padding:0;visibility:hidden;pointer-events:none}.experience-caption{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:40%;max-width:560px;z-index:2}.experience-caption span{font:11px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#d8b472}.experience-caption h1,.experience-caption h2{font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(36px,4.4vw,70px);line-height:1.1;letter-spacing:-.045em;margin:24px 0;color:#f6f7f8}.experience-caption em{font-style:normal;color:#d8b472}.experience-caption p{font-size:17px;line-height:1.7;color:#d7e1e9;max-width:38ch}.experience-caption a{display:inline-block;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #d8b472;color:#e4c791;font-size:15px;text-decoration:none}.experience-caption small{display:block;margin-top:28px;color:#8fa4b5;font-size:12px}.experience-counter{position:absolute;top:35px;right:6%;font:12px 'IBM Plex Mono',monospace;color:#dcc299;z-index:2}.experience-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#a8bac8}.experience-progress{position:absolute;left:0;bottom:0;height:2px;background:#d8b472;width:0}.sound-toggle{position:absolute;z-index:3;top:35px;left:6%;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(7,19,32,.55);color:#eef2f6;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .15s ease,background .15s ease}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:#d8b472}.sound-toggle svg{width:18px;height:18px}.sound-toggle .icon-off{display:none}.sound-toggle.is-muted .icon-on{display:none}.sound-toggle.is-muted .icon-off{display:block}.concept-close{background:#10253b;color:#edf2f7;padding:90px 6%;text-align:center}.concept-close h2{font-size:40px;color:#edf2f7}.concept-close p{color:#b2c1cd}.concept-close>span{font:11px monospace;color:#d8b472}.concept-return{margin:24px;display:inline-block;color:#d8b472}.concept-close small{display:block;font-size:12px;color:#93a7b8;margin-top:30px}@media(max-width:820px){.experience-stage{top:68px;height:calc(100svh - 68px);margin-bottom:calc(-100svh + 68px);min-height:660px}.experience-step{min-height:max(660px,calc(100svh - 68px))}.experience-caption{left:7%;width:86%;top:57%;transform:none}.experience-caption h1,.experience-caption h2{font-size:36px;margin:14px 0}.experience-caption p{font-size:14px;line-height:1.55}.experience-caption a{margin-top:12px}.experience-caption small{display:none}.experience-light{background:linear-gradient(0deg,#071320 0%,#071320ee 42%,#07132044 70%,transparent)}.experience-bottom>span:first-child{display:none}.experience-bottom{bottom:20px}.experience-counter{top:22px}.sound-toggle{top:22px;left:7%;width:34px;height:34px}.sound-toggle svg{width:16px;height:16px}.concept-close h2{font-size:30px}}