@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--accent:#b6f1d5;--ink:#f0f6f2;--muted:#9bacaa;--line:rgba(210,241,230,.19);font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#061719;color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}#experience{position:relative;min-height:850px;height:100svh;overflow:hidden;background:#031113;isolation:isolate}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,rgba(44,97,89,.22),transparent 60%);z-index:-3}#world{position:absolute;inset:0;width:100%;height:100%;z-index:-2;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(2,13,15,.34),transparent 50%),linear-gradient(0deg,#061113 0%,transparent 35%,transparent 77%,rgba(4,17,19,.5))}header{display:flex;align-items:center;justify-content:space-between;padding:2.4rem 3.5rem}.brand{display:flex;align-items:center;gap:.8rem}.brand svg{width:2.7rem;height:2.7rem;stroke:var(--accent);stroke-width:1.2;fill:none}.brand>span{font-size:.88rem;line-height:1.18;letter-spacing:.18em;font-weight:600}.brand-last{display:block;letter-spacing:.32em}.header-note{font-size:.75rem;letter-spacing:.18em;color:var(--muted);margin-left:2rem}.header-actions{display:flex;align-items:center;gap:1.9rem}.text-button{display:inline-flex;align-items:center;gap:.65rem;padding:.3rem 0;font-size:.875rem;color:#bccbc6}.text-button:hover{color:#fff}.sound-bars{font-size:.8rem;letter-spacing:-.13em;color:var(--accent)}.icon-button{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;font-size:.9rem}.icon-button:hover{background:#ffffff12}.icon-button svg{width:1rem;fill:none;stroke:currentColor;stroke-width:1.5}.scene-meta{position:absolute;top:10.3rem;left:3.5rem}.small-label{font-size:.75rem;letter-spacing:.17em;color:var(--muted)}.scene-meta>div{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem;font-size:.75rem;letter-spacing:.13em}.scene-meta #scene-number{color:var(--accent)}.meta-line{width:2rem;height:1px;background:var(--line)}#scene-kind{color:var(--muted)}.coordinate{position:absolute;right:3.5rem;top:11rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#9badab}.coordinate>span:first-child{font-size:2.1rem;font-weight:400}.coordinate>span:last-child{writing-mode:vertical-rl;letter-spacing:.2em;font-size:.75rem}.scene-copy{position:absolute;bottom:14rem;left:3.5rem;pointer-events:none;max-width:33rem}#eyebrow{font-size:.75rem;color:var(--accent);letter-spacing:.19em}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(4rem,6.7vw,7.2rem);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin:1rem 0 1.4rem}#scene-description{font-size:1rem;line-height:1.75;color:#b9c9c4;margin:0}.settings{position:absolute;bottom:14.5rem;right:3.5rem;width:13rem}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.65rem}.settings-heading>span{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}.settings-heading button{font-size:.75rem;color:#9bacaa}label{display:flex;justify-content:space-between;font-size:.875rem;color:#d2dfd9;margin-top:1.2rem}output{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:1rem;appearance:none;background:transparent;cursor:pointer;margin:.7rem 0 .3rem;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#46605a}input[type=range]::-webkit-slider-thumb{appearance:none;height:9px;width:9px;border-radius:50%;background:var(--accent);margin-top:-3.5px;box-shadow:0 0 10px #a4e8d340}input[type=range]::-moz-range-track{height:2px;background:#46605a}input[type=range]::-moz-range-thumb{height:9px;width:9px;border:0;border-radius:50%;background:var(--accent)}.settings-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:1.3rem;border-top:1px solid var(--line);padding-top:1.2rem}#pause-symbol{font-size:1rem;width:.8rem}.interaction-hint{position:absolute;bottom:11.1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;white-space:nowrap;color:#8fa8a2;font-size:.75rem}.crosshair{font-size:1.3rem;font-weight:400;color:var(--accent)}.hint-divider{padding:0 .65rem;color:#506961}footer{position:absolute;bottom:1.7rem;left:3.5rem;right:3.5rem}.footer-caption{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;letter-spacing:.16em;color:var(--muted)}#scene-nav{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:#0d201b65;backdrop-filter:blur(12px)}.scene-button{position:relative;min-height:4.6rem;display:flex;align-items:center;gap:1rem;text-align:left;padding:0 1.3rem;border-right:1px solid var(--line);color:#91aaa2;transition:background .3s,color .3s}.scene-button:last-child{border:0}.scene-button>span:first-child{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.7}.scene-button strong{font-size:.95rem;font-weight:500}.scene-button.active{background:var(--accent);color:#102b24}.scene-button:not(.active):hover{background:#adc8bf15;color:#ebf7f1}.motion-symbol{font-size:1.7rem;line-height:1;margin-left:auto;font-weight:400}.scene-button.active:after{content:'';position:absolute;bottom:.55rem;left:50%;width:3px;height:3px;border-radius:50%;background:#1d4637}dialog{width:min(32rem,calc(100% - 2rem));padding:3rem;background:#0c2324;color:var(--ink);border:1px solid #46635b;border-radius:1rem;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#021011b8;backdrop-filter:blur(10px)}#close-about{position:absolute;top:1rem;right:1rem}h2{font-family:Manrope,Arial,sans-serif;font-size:3rem;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:1.6rem 0}dialog p{font-size:1rem;line-height:1.7;color:#bccdc5}.keyboard-help{display:flex;flex-direction:column;gap:.8rem;font-size:.875rem;padding:1.2rem 0}.keyboard-help span{display:flex;align-items:center;gap:1rem}kbd{background:#ffffff10;padding:.2rem .4rem;border:1px solid var(--line);border-radius:3px;min-width:3.5rem;text-align:center}.about-note{font-size:.75rem!important;color:#8ea59d!important}#fallback{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);max-width:28rem;padding:1.5rem;background:#13292a;border:1px solid var(--line);border-radius:.5rem;font-size:1rem;line-height:1.6}#fallback[hidden]{display:none}@media(min-width:1700px){.scene-copy{bottom:16rem}.settings{bottom:16rem}}@media(max-width:1000px){header{padding:2rem}.scene-meta{left:2rem}.scene-copy{left:2rem}.coordinate{right:2rem}.settings{right:2rem;width:11rem}footer{left:2rem;right:2rem}.scene-button{padding:0 .9rem;gap:.6rem}.motion-symbol{display:none}h1{font-size:5rem}}@media(max-width:650px){#experience{min-height:850px}header{padding:1.4rem}.header-note{display:none}.brand svg{width:2.2rem}.header-actions{gap:1rem}.scene-meta{top:7.6rem;left:1.5rem}.scene-meta>.small-label{font-size:.75rem}.scene-meta>div{margin-top:.8rem;font-size:.75rem}.coordinate{right:1.5rem;top:7.5rem}.coordinate>span:last-child{display:none}.scene-copy{left:1.5rem;bottom:23rem;max-width:85%}h1{font-size:4.2rem;margin:.8rem 0 1rem}#eyebrow{font-size:.75rem}#scene-description{font-size:.9rem;line-height:1.6}.settings{bottom:13.4rem;left:1.5rem;right:1.5rem;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.settings-heading{display:none}.settings label{margin:0}.settings label[for=intensity]{grid-column:2;grid-row:1}.settings input{margin:.5rem 0}#pace{grid-column:1}#intensity{grid-column:2}.settings-bottom{grid-column:1/-1;margin-top:.7rem;padding-top:.65rem}.interaction-hint{bottom:11.1rem;font-size:.75rem;gap:.4rem}.hint-divider{padding:0 .3rem}footer{left:1.5rem;right:1.5rem;bottom:1.3rem}.footer-caption{font-size:.75rem;margin-bottom:.7rem}.footer-count{display:none}#scene-nav{grid-template-columns:repeat(3,1fr)}.scene-button{min-height:3.4rem;padding:0 .8rem;border-bottom:1px solid var(--line);gap:.65rem}.scene-button:nth-child(3){border-right:0}.scene-button:nth-child(n+4){border-bottom:0}.scene-button strong{font-size:.85rem}.scene-button>span:first-child{font-size:.75rem}.scene-button.active:after{display:none}dialog{padding:2rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}