@font-face{font-family:Archivo;src:url(/ai-web-experience-collection/magma/fonts/archivo-latin-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#080909;--paper:#e9e7e2;--muted:#b7b5b0;--line:#454644;--ember:#ec6a35;--gutter:clamp(28px, 2.4vw, 100px);--scene-gutter:5vw;--step-height:180svh;--copy-opacity:1;--copy-y:0px;font-synthesis:none;background:var(--black);color:var(--paper);font-family:Archivo,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--black);scrollbar-color:#65645f var(--black);scrollbar-width:thin;margin:0}body{background:var(--black);min-width:280px;margin:0}body,button,a{-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden}::selection{color:#fff8e8;background:#c75a30}a{color:inherit;text-underline-offset:.25em;text-decoration:none}button{color:inherit;font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:1px solid var(--paper);outline-offset:6px}h1:focus,h2:focus{outline:none}svg{stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}p,h1,h2,h3{margin:0}button,.text-button{font-size:clamp(13px,.9vw,18px);font-weight:400;line-height:1.3}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:110;color:var(--black);background:var(--paper);padding:14px 18px;position:fixed;top:16px;left:20px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.skip-link:hover{color:var(--black)}.stage{z-index:0;background:var(--black);pointer-events:none;position:fixed;inset:0;overflow:hidden}.stage picture,.stage img,.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage img{object-fit:cover;object-position:var(--poster-x,50%) var(--poster-y,50%)}.stage canvas{opacity:0}.webgl-ready .stage canvas{opacity:1}.webgl-ready .stage picture{visibility:hidden}.stage picture.is-cooling img{filter:saturate(calc(1 - var(--cool-amount,0))) brightness(calc(1 - var(--cool-amount,0) * .32))}.masthead{z-index:30;width:100%;padding:max(23px, env(safe-area-inset-top)) var(--gutter) 18px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.masthead>*,.masthead button,.masthead a{pointer-events:auto}.wordmark{letter-spacing:.035em;padding:8px 0;font-size:clamp(15px,1.02vw,23px);font-weight:620;line-height:1;display:inline-block}.header-actions{align-items:center;gap:clamp(24px,3vw,55px);display:flex}.text-button{align-items:center;gap:10px;min-height:36px;display:inline-flex}.text-button:after{display:none}.text-button:hover,a:hover{color:#fff}.sound-toggle{min-width:76px}.sound-bars{align-items:center;gap:2px;width:14px;height:14px;display:none}.sound-bars i{background:currentColor;width:1px;height:4px;display:block}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:7px}.sound-toggle[aria-pressed=true] .sound-bars{display:flex}.sound-toggle[aria-pressed=true] .sound-bars i{animation:2s ease-in-out infinite alternate sound-breathe}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.7s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-1.2s}@keyframes sound-breathe{to{transform:scaleY(.35)}}.chapter{background:var(--black);background-image:var(--scene-image);background-position:50%;background-size:cover;min-height:100svh;position:relative}.chapter-screen{isolation:isolate;height:100svh;min-height:560px;position:relative}.is-enhanced .chapter{height:var(--step-height);background:0 0;min-height:0}.is-enhanced .chapter:last-child{height:calc(var(--step-height) + 100svh)}.is-enhanced .chapter-screen{z-index:5;visibility:hidden;pointer-events:none;height:100%;min-height:0;position:fixed;inset:0}.is-enhanced .chapter-screen.is-active{visibility:visible}.chapter-screen .scene-copy,.hero-type,.hero-note,.scene-whisper,.action-dock,.end-actions,.begin-link{opacity:var(--copy-opacity);transform:translate3d(0, var(--copy-y), 0)}.is-enhanced .chapter-screen.is-active a,.is-enhanced .chapter-screen.is-active button{pointer-events:auto}.hero-type{bottom:13.6%;left:calc(var(--gutter) - .2vw);position:absolute}.hero-type h1{letter-spacing:-.04em;padding-right:.075em;font-size:17.22vw;font-weight:850;line-height:.79}.hero-subtitle{letter-spacing:-.025em;margin-top:12px;font-size:clamp(25px,3.05vw,86px);font-weight:300;line-height:1.07}.hero-note{bottom:4.6%;left:var(--gutter);letter-spacing:.012em;color:var(--muted);font-size:clamp(13px,.88vw,19px);font-weight:350;line-height:1.5;position:absolute}.begin-link{bottom:3.7%;right:var(--gutter);flex-direction:column;align-items:flex-end;gap:14px;font-size:clamp(13px,.95vw,19px);font-weight:350;display:flex;position:absolute}.begin-link svg{width:26px;height:42px}.begin-link:hover svg{transform:translateY(5px)}.begin-link svg,.replay-link svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.scene-copy{left:var(--scene-gutter);max-width:78vw;position:absolute}.scene-copy h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(44px,6.65vw,220px);font-weight:300;line-height:1.015}.scene-copy h2>span{display:block}.scene-copy p{color:var(--muted);max-width:45ch;margin-top:clamp(22px,3vh,42px);font-size:clamp(14px,1.02vw,21px);font-weight:350;line-height:1.55}.chapter-molten .scene-copy{bottom:23%}.chapter-molten .scene-copy h2{font-size:clamp(44px,5.8vw,190px)}.chapter-flow .scene-copy{top:20%}.chapter-flow .scene-copy h2{font-size:clamp(48px,6.6vw,215px)}.chapter-skin .scene-copy{top:19%}.chapter-crack .scene-copy{top:28%;left:var(--scene-gutter);width:90vw;max-width:none}.chapter-crack .scene-copy h2{font-size:clamp(54px,7.8vw,245px);font-weight:400;line-height:1.12}.chapter-crack .scene-copy h2>span:nth-child(2){margin-top:4vh;margin-left:51%}.chapter-crack .scene-copy p{margin:0;position:absolute;top:10.2vw;left:0}.chapter-glass .scene-copy{top:31.5%;left:4.3vw}.chapter-glass .scene-copy h2{font-size:clamp(44px,6.8vw,220px);line-height:1.03}.chapter-glass .scene-copy p{max-width:45ch}.chapter-fracture .scene-copy{bottom:20%}.chapter-fracture .scene-copy h2{font-size:clamp(44px,5.8vw,190px)}.chapter-stone .scene-copy{top:24%;left:55%}.chapter-stone .scene-copy h2{font-size:clamp(44px,5.5vw,185px)}.chapter-stone .scene-copy p{max-width:28ch}.chapter-sealed .scene-copy{opacity:calc(var(--copy-opacity) * var(--closing-opacity,1));bottom:23%}.chapter-sealed .scene-copy h2{font-size:clamp(44px,6.25vw,205px)}.scene-whisper{bottom:5%;right:var(--gutter);color:var(--muted);font-size:clamp(12px,.88vw,18px);font-weight:350;position:absolute}.action-dock{bottom:4.9%;right:var(--gutter);position:absolute}.material-action{-webkit-user-select:none;user-select:none;align-items:center;gap:22px;min-height:46px;font-size:clamp(14px,1.05vw,21px);font-weight:350;display:inline-flex;position:relative}.material-action svg{width:34px;height:34px}.material-action:hover svg{color:#fff}.hold-action{touch-action:none;padding-bottom:12px}.action-progress{background:#494a46;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.action-progress i{background:var(--paper);width:100%;height:100%;transform:scaleX(var(--cool-amount,0));transform-origin:0;display:block}.light-instruction{align-items:center;gap:18px;font-size:clamp(12px,.85vw,18px);font-weight:350;display:flex}.light-instruction svg{width:34px;height:34px}.touch-copy{display:none}.end-actions{bottom:4.5%;right:var(--gutter);align-items:center;gap:44px;display:flex;position:absolute}.end-actions .text-button{color:var(--muted)}.replay-link{align-items:center;gap:20px;min-height:44px;font-size:clamp(14px,.95vw,20px);display:inline-flex}.replay-link svg{width:25px;height:25px}.replay-link:hover svg{transform:translate(3px,-3px)}.chapter-caption{z-index:12;left:var(--scene-gutter);letter-spacing:.08em;pointer-events:none;align-items:center;gap:24px;font-size:clamp(11px,.83vw,17px);font-weight:400;line-height:1;display:none;position:fixed;bottom:4.7%}.is-enhanced .chapter-caption{display:flex}.caption-rule{background:#747572;width:1px;height:20px}#chapter-name{letter-spacing:.16em}[data-current-scene="0"] .chapter-caption{bottom:4.7%;left:auto;right:20%}[data-current-scene="0"] .caption-rule{display:none}.chapter-rail{z-index:20;right:calc(var(--gutter) - 13px);flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.is-enhanced .chapter-rail{visibility:hidden;opacity:var(--rail-opacity,0);pointer-events:none}.is-enhanced .chapter-rail.is-visible{visibility:visible;pointer-events:auto}.chapter-rail a{justify-content:flex-end;align-items:center;min-width:44px;height:34px;padding:0 15px;display:flex;position:relative}.chapter-rail i{background:#555753;width:1px;height:23px;transition:background .25s,transform .25s;display:block;transform:scaleY(.609)}.chapter-rail a[aria-current=step] i{background:var(--paper);transform:scaleY(1)}.chapter-rail span{white-space:nowrap;letter-spacing:.02em;opacity:0;background:#080909;padding:6px 8px;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;right:37px;transform:translate(5px)}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1;transform:none}.chapter-rail a:hover i{background:var(--paper)}dialog{color:var(--paper);overscroll-behavior:contain;background:#0d0e0e;border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:auto}dialog::backdrop{background:#080909}.dialog-top{padding:max(23px, env(safe-area-inset-top)) var(--gutter) 18px;justify-content:space-between;align-items:center;display:flex;position:relative}.close-dialog{gap:18px;min-height:38px}.close-dialog svg{width:21px;height:21px}.index-layout{grid-template-columns:1fr 1.02fr;gap:9vw;padding:8vh 7vw 6vh 5vw;display:grid}.index-intro{flex-direction:column;align-items:flex-start;display:flex}.index-intro h2,.about-layout h2{letter-spacing:-.04em;font-size:clamp(45px,5.5vw,145px);font-weight:300;line-height:1.04}.index-intro>p{color:var(--muted);margin-top:5vh;font-size:clamp(15px,1.15vw,23px);font-weight:350;line-height:1.6}.about-link{margin-top:auto;padding-top:8vh}.about-link svg{width:15px;height:15px;margin-left:7px}.index-list{margin:0;padding:0;list-style:none}.index-list a{letter-spacing:-.015em;color:#c4c3bd;border-bottom:1px solid #30312f;grid-template-columns:40px 1fr 24px;align-items:center;gap:15px;min-height:clamp(48px,6.4vh,85px);font-size:clamp(21px,1.7vw,42px);font-weight:350;display:grid}.index-list li:first-child a{border-top:1px solid #30312f}.index-number{color:#9a9b95;letter-spacing:.03em;font-size:12px}.index-list a svg{opacity:0;width:20px;height:20px;transition:opacity .2s,transform .2s;transform:translate(-7px)}.index-list a:hover,.index-list a[aria-current=step]{color:#fff}.index-list a:hover svg,.index-list a[aria-current=step] svg{opacity:1;transform:none}.index-settings{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin-top:26px;font-size:12px;display:flex}.index-settings button{min-height:44px;color:var(--paper)}.index-settings button:before{content:"";border:1px solid #a6a69e;border-radius:50%;width:5px;height:5px;display:block}.index-settings button[aria-pressed=true]:before{background:var(--paper);border-color:var(--paper)}.about-layout{grid-template-columns:1fr 1fr;gap:9vw;padding:8vh 7vw 8vh 5vw;display:grid}.about-manifesto{color:var(--muted);margin-top:6vh;font-size:clamp(16px,1.3vw,25px);font-weight:350;line-height:1.7}.about-body{max-width:64ch}.about-body h3{letter-spacing:-.01em;margin-top:38px;margin-bottom:16px;font-size:18px;font-weight:500}.about-body h3:first-child{margin-top:0}.about-body p{color:var(--muted);font-size:15px;font-weight:350;line-height:1.7}.about-body p+p{margin-top:16px}.source-list{margin:0;padding:0;list-style:none}.source-list a{color:#d3d1ca;border-bottom:1px solid #343530;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;font-size:14px;display:flex}.source-list a:hover{color:#fff}.source-list svg{width:15px;height:15px}.credits-note{margin-top:36px;font-size:12px!important}.back-to-index{margin-top:26px;text-decoration:underline}.file-help{z-index:100;background:#080909f5;padding:max(10vh,50px) max(6vw,24px);position:fixed;inset:0}.file-help h2{margin-bottom:30px;font-size:clamp(30px,5vw,68px);font-weight:350;line-height:1.1}.file-help p{max-width:65ch;color:var(--muted);margin:15px 0;font-size:17px;line-height:1.7}.file-help a{text-decoration:underline}.file-help code{color:var(--paper)}.no-script-note{z-index:40;color:var(--muted);background:#080909;padding:12px 16px;font-size:12px;position:fixed;bottom:12px;left:12px;right:12px}[hidden]{display:none!important}.motion-reduced *,.motion-reduced :before,.motion-reduced :after{transition-duration:0s!important;animation-duration:0s!important}.motion-reduced .chapter-screen .scene-copy,.motion-reduced .hero-type,.motion-reduced .hero-note,.motion-reduced .scene-whisper,.motion-reduced .action-dock,.motion-reduced .end-actions,.motion-reduced .begin-link{transform:none}.is-complete .sound-bars i{animation-play-state:paused!important}.masthead,.chapter-caption,.scene-whisper,.material-action,.light-instruction,.scene-copy p{text-shadow:0 1px 8px #000000d9}[data-renderer=image] #crack-control,[data-renderer=image] #fracture-control,[data-renderer=image] .light-instruction,.motion-reduced .light-instruction,html:not(.is-enhanced) .masthead button,html:not(.is-enhanced) .material-action,html:not(.is-enhanced) .end-actions button,html:not(.is-enhanced) .light-instruction{display:none}@media (width>=2200px){.masthead,.dialog-top{padding-top:3.3vh}.chapter-rail a{height:4.1vh}.chapter-rail i{height:2.4vh;transform:scaleY(.708)}.chapter-rail a[aria-current=step] i{transform:scaleY(1)}}@media (width<=1000px) and (width>=701px){.scene-copy h2{font-size:6.8vw}.chapter-glass .scene-copy{left:5vw}.chapter-glass .scene-copy p{max-width:32ch}.index-layout,.about-layout{gap:6vw;padding-top:8vh}.index-intro h2,.about-layout h2{font-size:6.2vw}.index-list a{font-size:24px}[data-current-scene="0"] .chapter-caption{right:24%}}@media (width>=701px) and (width<=1024px) and (orientation:portrait){.chapter-glass .scene-copy{top:12%;left:5vw}.chapter-glass .scene-copy h2{font-size:clamp(44px,5.8vw,64px)}.chapter-glass .scene-copy p{max-width:24ch}}@media (pointer:coarse){.touch-copy{display:inline}.pointer-copy{display:none}}@media (width<=700px){:root{--gutter:22px;--scene-gutter:24px;--step-height:155svh}.masthead,.dialog-top{padding-top:max(20px, env(safe-area-inset-top))}.wordmark{letter-spacing:.018em;font-size:14px}.header-actions{gap:22px}.text-button{min-height:38px;font-size:12px}.sound-toggle{min-width:58px}.sound-bars{width:10px}.chapter-screen{min-height:560px}.hero-type{bottom:24%;left:20px}.hero-type h1{letter-spacing:-.04em;font-size:21.7vw;line-height:.85}.hero-subtitle{letter-spacing:-.028em;margin-top:14px;font-size:clamp(25px,6.3vw,43px);line-height:1.02}.hero-subtitle>span{display:block}.hero-note{max-width:150px;font-size:12px;line-height:1.5;bottom:max(6.5%,34px)}.begin-link{flex-direction:column-reverse;align-items:flex-end;gap:16px;max-width:130px;font-size:12px;bottom:max(6%,31px)}.begin-link svg{width:22px;height:38px}.scene-copy{max-width:calc(100vw - 48px)}.scene-copy h2,.chapter-flow .scene-copy h2,.chapter-skin .scene-copy h2,.chapter-glass .scene-copy h2,.chapter-fracture .scene-copy h2,.chapter-sealed .scene-copy h2{letter-spacing:-.04em;font-size:clamp(39px,10.3vw,69px);line-height:1.045}.scene-copy p{max-width:30ch;margin-top:24px;font-size:13px;line-height:1.6}.chapter-molten .scene-copy{bottom:25%}.chapter-molten .scene-copy h2{font-size:clamp(33px,8.7vw,56px)}.chapter-flow .scene-copy,.chapter-skin .scene-copy{top:23%}.chapter-crack .scene-copy{top:33%;left:var(--scene-gutter);width:auto}.chapter-crack .scene-copy h2{font-size:clamp(47px,12vw,76px);line-height:1.07}.chapter-crack .scene-copy h2>span:nth-child(2){margin-top:5vh;margin-left:11vw}.chapter-crack .scene-copy p{margin-top:35px;position:static}.chapter-glass .scene-copy{top:22%;left:var(--scene-gutter)}.chapter-glass .scene-copy p{max-width:30ch;font-size:12px}.chapter-glass .scene-copy p br{display:none}.chapter-fracture .scene-copy{bottom:26%}.chapter-fracture .scene-copy h2{font-size:clamp(34px,8.8vw,57px)}.chapter-stone .scene-copy{top:24%;left:var(--scene-gutter)}.chapter-stone .scene-copy h2{font-size:clamp(42px,10.5vw,66px)}.chapter-sealed .scene-copy{bottom:31%}.chapter-sealed .scene-copy h2{font-size:clamp(33px,8.5vw,55px)}.action-dock{bottom:max(11%,68px);right:var(--gutter)}.material-action{gap:15px;min-height:48px;font-size:13px}.material-action svg{width:28px;height:28px}.light-instruction{gap:12px;font-size:12px}.light-instruction svg{width:28px;height:28px}.scene-whisper{bottom:max(11%,68px);left:var(--scene-gutter);max-width:240px;font-size:12px;line-height:1.5;right:auto}.chapter-flow .chapter-screen{grid-template-rows:23% min-content min-content 1fr;display:grid}.chapter-stone .chapter-screen{grid-template-rows:24% min-content min-content 1fr;display:grid}.chapter-flow .scene-copy,.chapter-stone .scene-copy{grid-row:2;position:relative;top:auto;bottom:auto}.chapter-flow .scene-whisper,.chapter-stone .scene-whisper{grid-row:3;margin-top:20px;position:relative;top:auto;bottom:auto}.chapter-stone .scene-whisper{max-width:23ch}.chapter-caption{bottom:max(5%,26px);left:var(--scene-gutter);gap:16px;font-size:11px}.caption-rule{height:15px}[data-current-scene="0"] .chapter-caption{left:var(--gutter);opacity:.85;font-size:11px;bottom:15%;right:auto}[data-current-scene="0"] .caption-rule{display:block}.chapter-rail{display:none}.end-actions{left:var(--gutter);right:var(--gutter);justify-content:space-between;gap:15px;bottom:max(11%,68px)}.end-actions .text-button{font-size:12px}.replay-link{gap:11px;font-size:12px}.replay-link svg{width:19px;height:19px}.index-layout{grid-template-columns:1fr;gap:35px;padding:28px 25px 32px}.index-intro h2{font-size:clamp(38px,10vw,62px)}.index-intro>p{display:none}.index-intro{position:relative}.about-link{min-height:28px;margin-top:18px;padding-top:0;font-size:12px}.index-list a{grid-template-columns:27px 1fr 20px;gap:15px;min-height:48px;font-size:23px}.index-number{font-size:11px}.index-list a svg{width:18px;height:18px}.index-settings{margin-top:16px;font-size:12px}.about-layout{grid-template-columns:1fr;gap:35px;padding:28px 25px 50px}.about-layout h2{font-size:12vw}.about-manifesto{margin-top:25px;font-size:15px}.about-body h3{font-size:17px}.about-body p{font-size:14px}.source-list a{min-height:44px;font-size:12px}}@media (width<=360px){.chapter-stone .chapter-screen{grid-template-rows:18% min-content min-content 1fr}}@media (height<=580px) and (width>=701px){.masthead,.dialog-top{padding-top:14px}.hero-type{bottom:20%}.hero-type h1{font-size:14.11vw}.hero-subtitle{font-size:3vw}.scene-copy h2,.chapter-flow .scene-copy h2,.chapter-glass .scene-copy h2{font-size:5.8vw}.scene-copy p{margin-top:15px;font-size:13px}.chapter-caption{bottom:7%}.action-dock{bottom:5%}.chapter-rail a{height:27px}.index-layout,.about-layout{padding-top:22px}.index-list a{min-height:43px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.sound-bars i{animation:none!important}.begin-link svg,.replay-link svg,.chapter-rail span,.index-list a svg{transition:none}}