:root{--bone:#f2e8d4;--paper:#ded0b9;--gold:#c9a269;--ink:#1b1915;--line:rgba(238,225,200,.27);--gutter:4.2vw;--progress:0;--lift:drop-shadow(0 0 1px rgba(20,14,8,.75)) drop-shadow(0 1px 6px rgba(20,14,8,.6))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:0;scrollbar-gutter:stable}body{margin:0;color:var(--bone)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.6}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--bone);outline-offset:2px;box-shadow:0 0 0 6px rgba(20,14,8,.5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.experience{position:relative;isolation:isolate;overflow:clip;--bleed-top:0px;--bleed-bottom:0px;--unit-inset:0px;--udvh:calc(1dvh - var(--unit-inset)/100)}.experience:not(.is-static){padding-top:var(--bleed-top)}@supports(-webkit-touch-callout:none){.experience{--bleed-top:80px;--bleed-bottom:80px}}.world{position:absolute;top:0;left:0;right:0;bottom:calc(-1*(var(--bleed-bottom) + 100lvh - 100svh));z-index:-2}.world-view{position:sticky;top:calc(-1*var(--bleed-top));height:calc(100lvh - var(--unit-inset) + var(--bleed-top) + var(--bleed-bottom))}.world canvas{opacity:0}.is-ready .world canvas{opacity:1}.fallback-landscape{position:absolute;inset:0;background:linear-gradient(180deg,#bca381,#d5b890 48%,#87684b);overflow:hidden}.fallback-sun{position:absolute;width:15vw;height:15vw;right:17%;top:18%;border-radius:50%;background:#e7c595;box-shadow:0 0 8vw #e9bc8166}.fallback-pyramid{position:absolute;right:9%;bottom:18%;width:52vw;height:50vh;background:linear-gradient(120deg,#c3a174,#b39163 46%,#57452e 46.2%,#83623d);clip-path:polygon(48% 0,100% 100%,0 100%)}.fallback-dune{position:absolute;left:-10%;right:-10%;bottom:-23%;height:43%;background:#9c7c51;border-radius:50% 50% 0 0;transform:rotate(-7deg)}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url(/kemet/grain.svg);mix-blend-mode:soft-light}.skip-link{position:fixed;z-index:30;left:20px;top:-80px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bone);color:var(--ink)}.skip-link svg{width:16px;height:16px}.skip-link:focus{top:20px}.masthead{position:fixed;z-index:10;left:var(--gutter);right:var(--gutter);top:28px;display:flex;align-items:center;justify-content:space-between}.chapter{position:relative;height:420svh}.chapter:last-child{height:520svh}.chapter-stage{position:sticky;top:0;height:calc(100svh - var(--unit-inset));min-height:600px;overflow:hidden}.experience:not(.is-static) main{pointer-events:none}.experience:not(.is-static) .chapter-stage{z-index:-1;pointer-events:auto}@supports(-webkit-touch-callout:none){.experience:not(.is-static) .grain{display:none}}.persistent-footer{position:fixed;z-index:10;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:flex-start;gap:8px;align-items:flex-end;pointer-events:none}.persistent-footer>*{pointer-events:auto}.sound-control{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;margin-right:-10px;filter:var(--lift);transition:opacity .2s}.sound-control:not([aria-pressed=true]){opacity:.86}.sound-control:not(:disabled):hover{opacity:1}.sound-icon{width:24px;height:24px;overflow:visible;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-cone{fill:transparent;transition:fill .3s}.sound-wave{opacity:0;transform:translateX(-2px);transition:opacity .3s,transform .3s}.sound-mute{transition:opacity .2s}[aria-pressed=true] .sound-cone{fill:currentColor}[aria-pressed=true] .sound-mute{opacity:0}[aria-pressed=true] .sound-wave{opacity:1;transform:none;animation:speaker 2.4s ease-in-out infinite}[aria-pressed=true] .sound-wave-far{animation-delay:.35s}@keyframes speaker{0%,to{opacity:1}50%{opacity:.35}}.closing-copy{position:absolute;left:0;right:0;top:50%;display:flex;flex-direction:column;align-items:center;visibility:hidden;pointer-events:none}.is-closing .closing-copy,.is-static .closing-copy{visibility:visible}.closing-copy a{pointer-events:auto}.return-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(242,232,212,.42);border-radius:50%;transition:border-color .25s}.return-link svg{width:20px;height:20px;transition:transform .25s}.return-link:hover{border-color:var(--bone)}.return-link:hover svg{transform:translateY(-2px)}.artifact-dialog{position:fixed;max-width:none;max-height:calc(100svh - 32px);width:min(880px,90vw);height:min(80svh,680px);border:1px solid var(--line);padding:0;color:var(--bone);background:#201d17;box-shadow:0 50px 140px #0008;overflow:hidden}.artifact-dialog::backdrop{background:#100e0bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-illustration{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,#635039 0,#28231b 55%,#151510 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-orbit{position:absolute;width:min(72%,62vh);aspect-ratio:1;border:1px solid #c9a26933;border-radius:50%}.detail-orbit:after{content:"";position:absolute;inset:15px;border:1px solid #c9a26922;border-radius:50%}.detail-object{position:relative;width:min(26%,24vh);aspect-ratio:.65;background:linear-gradient(110deg,#ead097,#836034 42%,#c39a55 55%,#503b22 95%);clip-path:polygon(28% 0,72% 0,93% 34%,100% 90%,70% 100%,65% 78%,50% 91%,35% 78%,30% 100%,0 90%,7% 34%);box-shadow:inset 0 0 45px #1b160f}.detail-witness .detail-object:after{content:"";position:absolute;left:25%;right:25%;top:34%;height:35%;border-radius:25% 25% 45% 45%;background:linear-gradient(90deg,#967341,#e6c07e 48%,#967341 50%,#9b7947);border-top:5px solid #342b1c;border-bottom:2px solid #544127}.detail-keeper .detail-object{aspect-ratio:.8;clip-path:ellipse(50% 48% at 50% 50%);background:repeating-linear-gradient(80deg,transparent 0 10px,#473b28 11px 12px),linear-gradient(110deg,#967949,#3c4438 40%,#9a8b57 60%,#242c25)}.detail-keeper .detail-object:after{content:"";position:absolute;left:50%;top:5%;height:90%;width:2px;background:#bba16c}.detail-horizon .detail-object{clip-path:none;border-radius:50%;width:min(36%,34vh);aspect-ratio:1;background:transparent;border:12px solid #b69b65;box-shadow:inset 3px 0 12px #ead097,3px 0 12px #e9c18044}.detail-horizon .detail-object:after{content:"";position:absolute;inset:15%;border:3px solid #c7aa76;border-radius:50%}.detail-render{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease;object-fit:cover}.has-render .detail-render{opacity:1}.has-render .detail-object,.has-render .detail-orbit{display:none}.close-detail{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(20,17,13,.4);transition:background .2s}.close-detail:hover{background:rgba(20,17,13,.7)}.close-detail>span{position:relative;width:18px;height:18px}.close-detail>span:after,.close-detail>span:before{content:"";position:absolute;left:50%;top:0;width:1.2px;height:100%;margin-left:-.6px;background:currentColor;transform:rotate(45deg)}.close-detail>span:after{transform:rotate(-45deg)}.is-static .world canvas{display:none}.is-static .chapter,.is-static .chapter:last-child{height:auto;min-height:100svh}.is-static .chapter-stage{position:relative}.is-static .chapter-relics{background:#191713 url(/kemet/artifacts.svg) center 50%/85% auto no-repeat}.is-static .chapter-passage{background:#241b12 url(/kemet/temple.svg) 50%/cover no-repeat}.is-static .chapter-passage .chapter-stage{height:auto;min-height:160svh}.is-static .artifact-labels{display:none}.is-static .sound-control{visibility:hidden}@media(max-width:760px){:root{--gutter:6vw}.masthead{top:20px}.chapter-stage{min-height:560px}.persistent-footer{bottom:16px}.artifact-dialog{width:90vw;height:min(64svh,560px)}.fallback-pyramid{width:90vw;height:35vh;right:-21%;bottom:13%}.fallback-sun{width:30vw;height:30vw;right:12%;top:42%}.is-static .chapter-relics{background-size:130%;background-position:center 50%}}@media(max-height:650px) and (min-width:761px){.chapter-stage{min-height:0}.masthead{top:12px}.persistent-footer{bottom:8px}.artifact-dialog{height:calc(100svh - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.chapter,.chapter:last-child{height:auto;min-height:100svh}.chapter-stage{position:relative}.chapter-relics{background:#191713 url(/kemet/artifacts.svg) center 50%/85% auto no-repeat}.chapter-passage{background:#241b12 url(/kemet/temple.svg) 50%/cover no-repeat}.chapter-passage .chapter-stage{height:auto;min-height:160svh}.closing-copy{visibility:visible}}.powder-return{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-12px;filter:var(--lift)}.powder-return svg{width:20px;height:20px}.orientation-control{display:flex;align-items:center;justify-content:center;width:44px;height:44px;filter:var(--lift)}.orientation-control svg{width:22px;height:22px}.orientation-control:not([aria-pressed=true]){opacity:.86}.chapter-arrival .scroll-cue{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;justify-content:center;width:44px;height:64px;margin-left:-22px;filter:var(--lift);opacity:.85}.chapter-arrival .scroll-cue svg{width:16px;height:40px}@media (prefers-reduced-motion:no-preference){.experience[data-mode=cinematic] .chapter-arrival .scroll-cue svg{animation:arrival-drift 2.6s cubic-bezier(.45,0,.3,1) infinite}}@keyframes arrival-drift{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}.experience[data-mode=cinematic] .chapter-arrival .scroll-cue{--out:clamp(0,calc((var(--progress) - .052)/.016),1);opacity:calc(.85 - var(--out)*.85)}.experience[data-mode=cinematic][data-mute-arrival-hero] .chapter-arrival .scroll-cue{pointer-events:none}.experience[data-mode=cinematic] .chapter-arrival .scroll-cue:focus-visible{opacity:1}.experience[data-mode=cinematic] .fallback-landscape>*{display:none}.experience[data-mode=cinematic] .fallback-landscape{background:linear-gradient(180deg,#010307,#03060d 60%,#050913)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.experience:is([data-mode=pending],[data-mode=cinematic]:not(.is-ready)) .chapter-arrival .scroll-cue{opacity:0;visibility:hidden}.experience[data-mode=cinematic].is-ready .chapter-arrival .scroll-cue{animation:arrival-rise 1.1s cubic-bezier(.22,.8,.2,1) 1.4s backwards}}@keyframes arrival-rise{0%{opacity:0;transform:translateY(12px)}}@media(max-width:760px){.chapter-arrival .scroll-cue{bottom:14px}}@media(max-height:650px) and (min-width:761px){.chapter-arrival .scroll-cue{bottom:4px}}.chapter-relics{--spread:44.6vh;--rest-y:calc(100% - 16.5% - 26px)}.artifact-labels{position:absolute;inset:0;pointer-events:none}.artifact-control{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;pointer-events:auto;filter:var(--lift)}.artifact-control:first-child{--x:var(--x0,calc(50% - var(--spread)));--y:var(--y0,var(--rest-y))}.artifact-control:nth-child(2){--x:var(--x1,50%);--y:var(--y1,var(--rest-y))}.artifact-control:nth-child(3){--x:var(--x2,calc(50% + var(--spread)));--y:var(--y2,var(--rest-y))}.artifact-control:before{content:"";position:absolute;inset:4px;border:1px solid rgba(242,232,212,.8);border-radius:50%;background:rgba(20,14,8,.28);transition:border-color .3s,inset .3s}.artifact-glyph{position:relative;width:14px;height:14px;transition:transform .45s cubic-bezier(.2,.7,.1,1)}.artifact-glyph:after,.artifact-glyph:before{content:"";position:absolute;left:50%;top:0;width:1.4px;height:100%;margin-left:-.7px;background:currentColor}.artifact-glyph:after{transform:rotate(90deg)}.artifact-control:focus-visible:before,.artifact-control:hover:before{border-color:var(--gold);inset:0}.artifact-control:focus-visible .artifact-glyph,.artifact-control:hover .artifact-glyph{transform:rotate(90deg)}.experience[data-mode=cinematic] .artifact-control{opacity:calc(clamp(0,calc((var(--progress) - .348 - var(--order)*.016)/.03),1) - clamp(0,calc((var(--progress) - .585)/.035),1));transition:opacity .2s}.experience[data-mode=cinematic] .artifact-control:focus-visible{opacity:1}@media(max-height:650px) and (min-width:761px){.chapter-relics{--spread:27.6vh;--rest-y:calc(100% - 122px)}.artifact-control{width:44px;height:44px;margin:-22px 0 0 -22px}.artifact-control:before{inset:7px}.artifact-glyph{width:11px;height:11px}}@media(max-width:760px){.chapter-relics{--spread:0px;--rest-y:calc(100% - 17% - 26px)}.experience[data-mode=cinematic] .artifact-control{opacity:calc(clamp(0,calc((var(--progress) - var(--a))/.012),1) - clamp(0,calc((var(--progress) - var(--b))/var(--d,.012)),1));pointer-events:none}.experience[data-mode=cinematic] .artifact-control:first-child{--a:.35;--b:.405}.experience[data-mode=cinematic] .artifact-control:nth-child(2){--a:.447;--b:.512}.experience[data-mode=cinematic] .artifact-control:nth-child(3){--a:.553;--b:.585;--d:.035}.experience[data-mode=cinematic][data-figure="0"] .artifact-control:first-child,.experience[data-mode=cinematic][data-figure="1"] .artifact-control:nth-child(2),.experience[data-mode=cinematic][data-figure="2"] .artifact-control:nth-child(3){pointer-events:auto}.experience[data-mode=cinematic] .artifact-control:focus-visible{opacity:1}}.experience[data-mode=cinematic][data-mute-relics] .chapter-relics .artifact-control{pointer-events:none}.experience[data-mode=cinematic] .chapter-passage{--disc-r:min(35vw,calc(32*var(--udvh)));--disc-y:calc(48.5*var(--udvh))}@media(max-width:760px){.experience[data-mode=cinematic] .chapter-passage{--disc-r:min(44vw,calc(30*var(--udvh)));--disc-y:calc(48*var(--udvh))}}@media(max-height:650px) and (min-width:761px){.experience[data-mode=cinematic] .chapter-passage{--disc-r:min(35vw,calc(27*var(--udvh)));--disc-y:calc(45.5*var(--udvh))}}.experience.is-static .chapter-passage{--disc-r:23.8svh;--disc-y:110svh}.experience[data-mode=cinematic] .closing-copy{top:var(--disc-y);left:50%;right:auto;width:calc(var(--disc-r)*1.62);padding:0;opacity:1;transform:translate(-50%,-50%)}:is(.experience[data-mode=cinematic],.experience.is-static) .closing-copy{gap:calc(var(--disc-r)*.16)}:is(.experience[data-mode=cinematic],.experience.is-static) .closing-copy>svg{width:clamp(30px,calc(var(--disc-r)*.2),64px);height:clamp(30px,calc(var(--disc-r)*.2),64px)}.experience[data-mode=cinematic] .closing-copy>svg{--at:.92}.experience[data-mode=cinematic] .closing-copy>a{--at:.95}.experience[data-mode=cinematic] :is(.closing-copy>svg,.closing-copy>a){--reveal:clamp(0,calc((var(--progress) - var(--at))/.016),1);opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*8px));filter:blur(calc((1 - var(--reveal))*5px))}.experience[data-mode=cinematic] .closing-copy:focus-within>:is(svg,a){opacity:1;transform:none;filter:none}.experience[data-mode=cinematic]:not([data-closing-link]) .closing-copy>a:not(:focus-visible){pointer-events:none}.experience [data-return-target]:focus{outline:none;box-shadow:none}.experience.is-static .chapter-passage .closing-copy{top:var(--disc-y);bottom:auto;left:50%;right:auto;width:calc(var(--disc-r)*1.62);padding:0;transform:translate(-50%,-50%)}@property --veil-r{syntax:"<length>";inherits:false;initial-value:0}.chapter-passage .return-veil{position:fixed;inset:0;z-index:11;pointer-events:none;visibility:hidden;opacity:0;--veil-r:0px;background:url(/kemet/grain.svg),radial-gradient(circle at 50% var(--disc-y,48dvh),#fffaf4 0,#f1e2ff calc(var(--veil-r)*.42),rgba(160,112,255,.92) calc(var(--veil-r)*.72),rgba(60,100,240,0) var(--veil-r));background-blend-mode:soft-light,normal}.experience[data-mode=cinematic][data-returning] .chapter-passage .return-veil{visibility:visible;animation:passage-return 1.92s cubic-bezier(.5,0,.25,1) both}@keyframes passage-return{0%{opacity:0;--veil-r:calc(var(--disc-r,30dvh)*1.1)}10%{opacity:1}34%,42%{opacity:1;--veil-r:260vmax}to{opacity:0;--veil-r:260vmax}}.landscape-loading{position:fixed;inset:0;z-index:8;display:grid;place-items:center;background:var(--ink);color:var(--bone);font-family:ui-monospace,monospace;font-size:36px;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.landscape-loading[data-ready=true]{visibility:hidden;pointer-events:none;transition:visibility 0s .15s}@media (prefers-reduced-motion:reduce),(scripting:none){.landscape-loading{display:none}}