@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('assets/fonts/dm-sans-4.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('assets/fonts/dm-sans-3.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:light;--paper:#e4ded2;--paper-deep:#d7cfc1;--ink:#3a3027;--muted:#6f6559;--line:rgba(58,48,39,.18);--line-strong:rgba(58,48,39,.3);--paper-glass:rgba(228,222,210,.78);--page-effects:none;--nav-scrolled:rgba(228,222,210,.92);--menu-bg:rgba(228,222,210,.96);--row-hover:rgba(208,201,187,.52);--selection:rgba(58,48,39,.2);--logo-filter:none;--dark:#1c1611;--dark-soft:#2a231b;--font-sans:'DM Sans',Arial,sans-serif}
html[data-theme=dark]{color-scheme:dark;--paper:#1c1611;--paper-deep:#241d17;--ink:#ded8cc;--muted:#b8b2a4;--line:rgba(222,216,204,.16);--line-strong:rgba(222,216,204,.34);--paper-glass:rgba(28,22,17,.72);--nav-scrolled:rgba(28,22,17,.92);--menu-bg:rgba(28,22,17,.96);--row-hover:rgba(222,216,204,.05);--selection:rgba(222,216,204,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink);scroll-padding-top:70px}body{margin:0;min-width:320px;background:var(--paper);color:var(--muted);font:15px/1.55 var(--font-sans)}a{color:inherit;text-underline-offset:.18em}button{font:inherit}button,a,.stage{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{background:var(--selection)}
.skip-link{position:fixed;z-index:100;top:-60px;left:12px;padding:10px 14px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:10px}
.play-header{position:sticky;top:0;z-index:20;min-height:72px;padding:8px max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--nav-scrolled);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.home-link{display:flex;align-items:center;flex:none}.home-link img{display:block;width:133px;height:auto}.header-side{display:flex;align-items:center;gap:18px}.header-label{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.control{min-width:38px;min-height:38px;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.control:hover{background:var(--row-hover)}.header-return{font-size:13px;white-space:nowrap;text-decoration:none}.header-return:hover{text-decoration:underline}
.intro{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 72px);padding:clamp(50px,9vh,110px) max(24px,calc((100vw - 1260px)/2)) 100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--line)}.intro:before{content:"";position:absolute;z-index:-1;left:-16vw;top:50%;width:min(70vw,900px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:translateY(-50%)}.intro:after{content:"";position:absolute;z-index:-1;left:4vw;top:50%;width:min(44vw,600px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:translateY(-50%)}.kicker,.number{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.intro h1{max-width:750px;margin:22px 0 24px;color:var(--ink);font-size:clamp(40px,5.7vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:650}.intro-copy{max-width:580px;font-size:18px;line-height:1.65}.intro-next{display:inline-block;margin-top:24px;padding:13px 0;font-weight:650;text-decoration:none;border-bottom:1px solid var(--ink)}.intro-next:hover,.intro-next:focus-visible{border-bottom-width:2px}.intro-ghost{position:absolute;right:4vw;bottom:-.2em;z-index:-1;font-size:clamp(110px,27vw,480px);font-weight:700;letter-spacing:-.1em;line-height:1;color:var(--ink);opacity:.035;pointer-events:none}
.study{min-height:100svh;padding:clamp(50px,7vh,92px) max(20px,calc((100vw - 1320px)/2)) clamp(46px,7vh,84px);display:flex;flex-direction:column;justify-content:center;gap:24px;border-bottom:1px solid var(--line)}.study:is(.study-ascii,.study-loom,.study-constellation,.study-current,.study-moire){background:var(--paper-deep)}.study-heading{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(230px,340px);align-items:end;gap:28px}.study-heading h2{margin:3px 0 0;color:var(--ink);font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:620}.study-heading p{margin:0}.study-heading>p{max-width:330px;line-height:1.55}.study-heading .kicker{margin:0}.number{align-self:start;padding-top:4px}
.stage{position:relative;isolation:isolate;flex:1;width:100%;min-height:min(68svh,760px);max-height:850px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);cursor:crosshair;touch-action:pan-y}.stage:before{content:"";position:absolute;inset:20px;border:1px solid var(--line);pointer-events:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-caption{position:absolute;bottom:30px;left:34px;z-index:5;font-size:12px;letter-spacing:.06em;color:var(--muted)}.stage-stamp{position:absolute;right:30px;bottom:22px;z-index:5;opacity:.6}.stage-stamp img{display:block;width:110px;height:auto}.canvas-fallback{position:absolute;color:var(--ink);font-size:clamp(80px,18vw,260px);font-weight:700;letter-spacing:-.09em;opacity:.1;pointer-events:none}.stage.canvas-ready .canvas-fallback{display:none}
.stage-swarm{background:var(--dark);color:#ded8cc}.stage-swarm:before{border-color:rgba(222,216,204,.18)}.stage-swarm .stage-caption{color:#b8b2a4}.stage-swarm .stage-stamp{filter:none}.stage-swarm .stage-stamp img{content:url('assets/amara-web-design-flat-mocca.svg')}.stage-swarm:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 22%,rgba(28,22,17,.18) 65%,rgba(28,22,17,.5));z-index:2}
.stage-ascii{background:var(--dark);color:#ded8cc}.stage-ascii:before{border-color:rgba(222,216,204,.22)}.ascii-field{position:absolute;inset:0;margin:0;padding:32px;overflow:hidden;white-space:pre;line-height:1.08;font:13px/1.08 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:rgba(222,216,204,.3);user-select:none}.ascii-center{position:relative;z-index:2;display:flex;align-items:center;gap:.06em;color:#ded8cc;font:700 clamp(80px,18vw,240px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.12em;text-shadow:0 0 35px rgba(222,216,204,.18)}.ascii-outline{font-weight:300;opacity:.42}.stage-ascii .stage-caption{color:#b8b2a4}.stage-ascii .stage-stamp img{content:url('assets/amara-web-design-flat-mocca.svg')}
.stage-tunnel{perspective:1050px;background:var(--paper-deep)}.tunnel-ring{position:absolute;display:grid;place-items:center;width:44%;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;font-size:clamp(28px,5vw,84px);font-weight:650;letter-spacing:-.09em;transform-style:preserve-3d;transition:transform .5s ease-out,opacity .5s ease-out}.tunnel-r1{width:90%;opacity:.16;transform:translateZ(-390px) rotate(-22deg)}.tunnel-r2{width:70%;opacity:.28;transform:translateZ(-190px) rotate(15deg)}.tunnel-r3{width:48%;opacity:.45;transform:translateZ(0) rotate(-9deg)}.tunnel-r4{width:29%;opacity:.66;transform:translateZ(150px) rotate(8deg)}.stage-tunnel.is-active .tunnel-r1{animation:tunnel-breathe 9s ease-in-out infinite alternate}.stage-tunnel.is-active .tunnel-r2{animation:tunnel-breathe 8s ease-in-out -2s infinite alternate-reverse}.stage-tunnel.is-active .tunnel-r3{animation:tunnel-breathe 7s ease-in-out -4s infinite alternate}.tunnel-center{position:relative;z-index:3;padding:20px;background:var(--paper);border:1px solid var(--line-strong);box-shadow:0 20px 90px rgba(28,22,17,.12);transform:translate(var(--tunnel-x,0px),var(--tunnel-y,0px));transition:transform .45s ease-out}.tunnel-center img{display:block;width:min(26vw,190px);height:auto}@keyframes tunnel-breathe{to{rotate:10deg;scale:1.08}}
.stage-loom{background:var(--paper)}.loom-center{position:relative;z-index:3;min-width:min(52vw,500px);padding:26px 35px;display:grid;place-items:center;gap:5px;background:var(--paper-glass);border:1px solid var(--line);backdrop-filter:blur(6px)}.loom-center span{font-size:clamp(74px,12vw,165px);letter-spacing:-.09em;line-height:1;font-weight:700}.loom-center img{width:140px;height:auto;opacity:.7}
.stage-lens{background:var(--paper-deep);touch-action:none}.lens-grid{position:absolute;inset:8%;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%)}.lens-word{position:absolute;top:14%;left:8%;font-size:clamp(110px,18vw,270px);line-height:1;letter-spacing:-.12em;font-weight:700;opacity:.09}.lens-base{width:min(67%,680px);height:auto;filter:drop-shadow(0 15px 28px rgba(28,22,17,.12))}.lens-disc{position:absolute;z-index:3;left:calc(var(--lens-x,50%) - var(--lens-size)/2);top:calc(var(--lens-y,50%) - var(--lens-size)/2);width:var(--lens-size);height:var(--lens-size);display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:0 16px 55px rgba(28,22,17,.18),inset 0 0 0 9px var(--paper-deep);pointer-events:none;--lens-size:clamp(170px,25vw,320px)}.lens-disc:after{content:"";position:absolute;inset:10%;border:1px solid var(--line-strong);border-radius:50%}.lens-disc img{position:absolute;width:120%;height:auto;transform:translate(calc((50% - var(--lens-x,50%)) * .18),calc((50% - var(--lens-y,50%)) * .18)) scale(1.25);opacity:.42}.lens-disc span{position:relative;z-index:1;font-size:clamp(54px,7vw,100px);font-weight:700;letter-spacing:-.1em}
.stage-constellation{background:var(--dark);color:#ded8cc}.stage-constellation:before{border-color:rgba(222,216,204,.2)}.constellation-name{position:absolute;font-size:clamp(100px,22vw,360px);line-height:1;letter-spacing:-.11em;font-weight:700;color:#ded8cc;opacity:.065;pointer-events:none}.stage-constellation .stage-caption{color:#b8b2a4}.stage-constellation .stage-stamp img{content:url('assets/amara-web-design-flat-mocca.svg')}
.stage-kaleidoscope{background:var(--paper-deep)}.kaleido-field{position:absolute;width:min(72vw,680px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(var(--kaleido-angle,0deg));transition:transform .5s ease-out}.study-kaleidoscope .is-active .kaleido-field{animation:kaleido-spin 30s linear infinite}.kaleido-arm{position:absolute;top:0;left:50%;width:26%;height:50%;transform-origin:0 100%;transform:rotate(calc(var(--n) * 60deg));display:flex;justify-content:center;align-items:flex-start}.kaleido-arm:nth-child(1){--n:0}.kaleido-arm:nth-child(2){--n:1}.kaleido-arm:nth-child(3){--n:2}.kaleido-arm:nth-child(4){--n:3}.kaleido-arm:nth-child(5){--n:4}.kaleido-arm:nth-child(6){--n:5}.kaleido-arm img{width:100%;height:auto;margin-top:20%;transform:rotate(-90deg);opacity:.55}.kaleido-field:before,.kaleido-field:after{content:"";position:absolute;inset:4%;border:1px solid var(--line-strong);border-radius:50%}.kaleido-field:after{inset:30%;border-style:dashed}.kaleido-center{position:relative;padding:.7em;border-radius:50%;background:var(--paper);border:1px solid var(--line-strong);font-size:clamp(45px,7vw,100px);letter-spacing:-.1em;font-weight:700}@keyframes kaleido-spin{to{transform:rotate(calc(var(--kaleido-angle,0deg) + 360deg))}}
.stage-current{background:var(--paper)}.stage-current .stage-stamp{opacity:.7}
.stage-shatter{background:var(--paper-deep)}.shatter-name{position:absolute;z-index:0;font-size:clamp(100px,22vw,310px);font-weight:700;letter-spacing:-.1em;opacity:.05}
.stage-moire{background:var(--paper);overflow:hidden}.moire-disc{position:absolute;width:min(65vw,630px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);transform:rotate(var(--moire-angle,0deg));transition:transform .4s ease-out}.moire-grid{position:absolute;inset:-70%;background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,var(--ink) 8px,var(--ink) 9px,transparent 9px,transparent 17px);opacity:.22}.moire-grid-two{transform:rotate(4deg);opacity:.18}.stage-moire.is-active .moire-grid-one{animation:moire-drift 12s linear infinite}.stage-moire.is-active .moire-grid-two{animation:moire-drift 17s linear infinite reverse}.moire-word{position:absolute;z-index:2;padding:0 .15em;background:var(--paper-glass);font-size:clamp(100px,20vw,280px);font-weight:700;letter-spacing:-.1em;line-height:1;mix-blend-mode:normal}.moire-mark{position:absolute;z-index:3;bottom:14%;padding:14px 20px;background:var(--paper);border:1px solid var(--line)}.moire-mark img{display:block;width:150px;height:auto}@keyframes moire-drift{to{translate:35px 0}}
.play-footer{min-height:190px;padding:48px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.play-footer p{max-width:400px}.play-footer a{color:var(--ink);font-weight:650}
@media(max-width:800px){.play-header{gap:10px}.header-label{display:none}.header-side{gap:8px}.header-return{display:none}.study{padding:48px 16px 42px;gap:20px}.study-heading{grid-template-columns:58px 1fr;gap:10px 15px}.study-heading>p{grid-column:2;max-width:550px}.stage{min-height:70svh}.stage:before{inset:10px}.stage-caption{left:20px;bottom:18px}.stage-stamp{right:18px;bottom:12px}.stage-stamp img{width:80px}.intro{padding-left:24px;padding-right:24px}.ascii-center{font-size:clamp(50px,14vw,110px)}.lens-disc{--lens-size:clamp(150px,37vw,240px)}.lens-base{width:80%}.kaleido-field{width:88vw}.kaleido-arm img{width:120%}}
@media(max-width:520px){.home-link img{width:112px}.play-header{min-height:64px}.intro{min-height:calc(100svh - 64px)}.intro h1{font-size:40px}.intro-copy{font-size:15px}.study-heading h2{font-size:26px}.study-heading>p{font-size:14px}.stage{min-height:67svh}.loom-center{width:78%;min-width:0;padding:20px 12px}.loom-center span{font-size:clamp(70px,15vw,100px)}.loom-center img{width:100px}.tunnel-center img{width:125px}.tunnel-ring{font-size:30px}.kaleido-arm img{width:140%}.kaleido-center{font-size:50px}.moire-word{font-size:clamp(95px,23vw,150px)}.moire-mark{bottom:20%}.play-footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.control{border-radius:4px}
.stage-lens{touch-action:pan-y}
.stage-kaleidoscope.is-active .kaleido-field{animation:kaleido-spin 30s linear infinite}
.swarm-target-mark{position:absolute;z-index:1;width:min(72%,750px);height:auto;opacity:0;pointer-events:none;transition:opacity 1.5s ease 1.4s}
.stage-swarm[data-shape=logo] .swarm-target-mark{opacity:.26}
.stage-swarm:focus-visible,.stage-ascii:focus-visible,.stage-constellation:focus-visible{outline-color:var(--ink)}
.stage-swarm,.stage-ascii,.stage-constellation{background:var(--paper);color:var(--ink)}
.stage-swarm:before,.stage-ascii:before,.stage-constellation:before{border-color:var(--line)}
.stage-swarm:after{background:none}
.stage-swarm .stage-caption,.stage-ascii .stage-caption,.stage-constellation .stage-caption{color:var(--muted)}
.stage-swarm .stage-stamp img,.stage-ascii .stage-stamp img,.stage-constellation .stage-stamp img{content:normal}
.ascii-field{color:var(--muted);opacity:.45}
.ascii-center{color:var(--ink);text-shadow:none}
.constellation-name{color:var(--ink)}
.lens-disc{left:var(--lens-x,50%);top:var(--lens-y,50%);transform:translate(-50%,-50%)}
.lens-disc img{transform:scale(1.25)}
.stage-swarm{background:var(--paper);touch-action:pan-y}
.stage-swarm canvas{z-index:1}
.stage-swarm .canvas-fallback{z-index:0;opacity:.14}
.stage-swarm .canvas-fallback img{display:block;width:min(70vw,740px);height:auto}
.swarm-hud{position:absolute;z-index:4;top:31px;left:35px;display:flex;flex-direction:column;gap:9px;color:var(--muted);font:600 12px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}
.swarm-hud-shape{color:var(--ink);font-size:15px;letter-spacing:.04em}
.swarm-hud-rule{position:absolute;z-index:4;top:30px;right:32px;width:56px;height:56px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);pointer-events:none}
.stage-swarm .stage-caption,.stage-swarm .stage-stamp{z-index:4}
@media(max-width:800px){.swarm-hud{top:22px;left:24px}.swarm-hud-rule{top:22px;right:22px;width:34px;height:34px}.stage-swarm .stage-caption{max-width:220px;line-height:1.4}}
.stage-tunnel{background:radial-gradient(circle at 50% 50%,var(--paper) 0%,var(--paper-deep) 74%);perspective:none}
.stage-tunnel canvas{z-index:1}
.tunnel-logo{position:relative;z-index:2;display:grid;place-items:center;width:clamp(130px,18%,210px);filter:drop-shadow(0 8px 24px rgba(28,22,17,.25));will-change:transform}
.tunnel-logo img{display:block;width:100%;height:auto}
.stage-tunnel .stage-caption{z-index:3}
@media(max-width:800px){.tunnel-logo{width:clamp(115px,38%,175px)}}
.shatter-instruction{position:absolute;z-index:5;top:30px;left:34px;max-width:calc(100% - 68px);padding:11px 14px;border:1px solid var(--line-strong);background:var(--paper-glass);color:var(--ink);font-size:13px;font-weight:650;letter-spacing:.09em;line-height:1.45;pointer-events:none}
@media(max-width:800px){.shatter-instruction{top:19px;left:20px;max-width:calc(100% - 40px);font-size:11px}}
.loom-center{width:min(56%,590px);min-width:0;min-height:180px;padding:34px 45px}
.loom-center img{width:100%;max-width:520px;opacity:1}
.lens-disc img{position:absolute;width:auto;max-width:none;height:auto;opacity:1;transform:none}
.constellation-mark,.current-mark{position:absolute;z-index:0;display:block;width:min(72%,780px);height:auto;opacity:.12;pointer-events:none}
.stage-constellation .constellation-mark{width:min(82%,780px);opacity:.26}
.stage-constellation canvas,.stage-current canvas{z-index:1}
.stage-current.canvas-ready .current-mark{opacity:0}
.kaleido-center{z-index:2;width:min(44%,320px);padding:21px;background:var(--paper);border:1px solid var(--line-strong)}
.kaleido-center img{display:block;width:100%;height:auto}
.moire-logo{position:relative;z-index:2;width:min(68%,720px);padding:20px 24px;background:var(--paper-glass);border:1px solid var(--line);backdrop-filter:blur(7px)}
.moire-logo img{display:block;width:100%;height:auto}
@media(max-width:800px){.loom-center{width:78%;min-height:130px;padding:22px}.kaleido-center{width:52%;padding:12px}.moire-logo{width:82%;padding:12px}}
.stage-moire{background:radial-gradient(circle at 50% 48%,var(--paper-deep),var(--paper) 74%)}
.moire-disc{width:min(84vw,790px);box-shadow:0 0 0 18px var(--paper),0 0 0 19px var(--line-strong),0 28px 90px rgba(28,22,17,.15);transform:rotate(var(--moire-angle,0deg)) scale(var(--moire-scale,1));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.moire-disc:after{content:"";position:absolute;inset:10%;border:1px solid var(--line-strong);border-radius:50%;box-shadow:0 0 0 1px var(--paper-glass),0 0 0 12px rgba(58,48,39,.035);pointer-events:none}
.moire-grid{inset:-90%;background:repeating-linear-gradient(90deg,transparent 0 8px,var(--ink) 8px 11px,transparent 11px 18px);opacity:.47}
.moire-grid-one{transform:translate(var(--moire-shift-x,0px),var(--moire-shift-y,0px))}
.moire-grid-two{transform:rotate(var(--moire-cross,5deg)) translate(calc(var(--moire-shift-x,0px) * -.65),calc(var(--moire-shift-y,0px) * -.65));opacity:.58;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
html[data-theme=dark] .moire-grid-two{mix-blend-mode:screen}
html[data-theme=light] .moire-grid-two{mix-blend-mode:multiply}
.moire-logo{width:min(48%,460px);padding:18px 22px;background:var(--paper-glass);border:1px solid var(--line-strong);box-shadow:0 15px 60px rgba(28,22,17,.12)}
@media(max-width:800px){.moire-disc{width:min(92vw,610px)}.moire-logo{width:min(64%,360px);padding:10px}}
.kaleido-orbit{position:absolute;inset:0;pointer-events:none}
.kaleido-orbit:before{content:"";position:absolute;left:16%;top:21%;width:68%;height:58%;border:1px solid var(--line-strong);border-radius:50%;transform:rotate(-9deg)}
.kaleido-orbit:after{content:"";position:absolute;left:22%;top:28%;width:56%;height:44%;border:1px dashed var(--line);border-radius:50%;transform:rotate(-9deg)}
.kaleido-orbit img{position:absolute;display:block;width:clamp(130px,15vw,220px);height:auto;filter:drop-shadow(0 8px 18px rgba(28,22,17,.14));will-change:transform,left,top}
.kaleido-center{position:relative;z-index:4;box-shadow:0 20px 60px rgba(28,22,17,.15)}
@media(max-width:800px){.kaleido-orbit img{width:clamp(94px,24vw,150px)}.kaleido-center{width:48%}}
.intro-ghost{right:-4vw;bottom:-1vw;width:min(74vw,950px);font-size:0;letter-spacing:normal;line-height:1;opacity:.045}
.intro-ghost img{display:block;width:100%;height:auto}
.intro-ghost{right:4vw;bottom:4vw;width:min(70vw,950px);aspect-ratio:138/34;background:var(--ink);mask:url('assets/amara-logo-adjusted.svg') center/contain no-repeat;opacity:.055}
.intro-ghost img{visibility:hidden}
.spatial-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.stage-tunnel,.stage04-strands,.stage-moire{color:var(--ink);background:radial-gradient(ellipse at 50% 48%,var(--paper-deep),var(--paper) 74%);touch-action:pan-y}
.stage-tunnel .stage-caption,.stage04-strands .stage-caption,.stage-moire .stage-caption{z-index:4;max-width:calc(100% - 64px);line-height:1.45}
@media(max-width:600px){.stage-tunnel .stage-caption,.stage04-strands .stage-caption,.stage-moire .stage-caption{max-width:calc(100% - 40px);font-size:11px}}
.stage-moire{touch-action:none}
.lens-disc.is-spherical{border:1px solid color-mix(in srgb,var(--ink) 42%,transparent);background:none;box-shadow:0 22px 45px rgba(28,22,17,.23),inset -9px -12px 24px rgba(28,22,17,.2),inset 3px 4px 12px rgba(255,255,255,.32)}
.lens-disc.is-spherical img{display:none}
.lens-disc canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}
.lens-disc.is-spherical:before{content:"";position:absolute;z-index:2;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.6),rgba(255,255,255,.12) 16%,transparent 37%),radial-gradient(circle at 48% 44%,transparent 52%,rgba(28,22,17,.17) 80%,rgba(255,255,255,.34) 94%,rgba(28,22,17,.32) 100%)}
.lens-disc.is-spherical:after{inset:7% 12% 52% 14%;border:0;border-top:2px solid rgba(255,255,255,.52);transform:rotate(-23deg);opacity:.8}

/* Text links remain identifiable without decorative arrows. */
.header-return,.play-footer a{text-decoration:underline;text-underline-offset:.25em;text-decoration-color:var(--line-strong)}
.header-return:hover,.play-footer a:hover{text-decoration-color:currentColor}
.header-return:focus-visible,.intro-next:focus-visible,.play-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}