:root{--ink:#202a2d;--muted:#687476;--paper:#edece7;--accent:#356c70;--line:#263f482f;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;overflow-anchor:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#739495 #e9eae6}body{margin:0;overflow-x:hidden}body.awaiting-entry{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ba572d;outline-offset:6px}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:10px}
.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 79% 39%,#b4d5db99 0,transparent 53%),radial-gradient(ellipse at 27% 92%,#cfb6a660 0,transparent 60%),linear-gradient(#f2f1eb,#d6e0df);transition:filter 1s;z-index:0}.atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 97%,#62878b0b 97%),linear-gradient(90deg,transparent 97%,#62878b0b 97%);background-size:68px 68px;mask-image:linear-gradient(transparent,#000)}.grain{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h170v170H0z' opacity='.7'/%3E%3C/svg%3E")}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:2;touch-action:pan-y;outline:none}.fallback-creature{display:none;position:fixed;width:min(84vw,1000px);height:70vh;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.no-webgl #world{display:none}.no-webgl .fallback-creature{display:block}.wordmark{position:fixed;left:50%;top:50%;width:94vw;height:23.5vw;transform:translate(-50%,-50%);font-size:22.8vw;line-height:1;font-weight:800;letter-spacing:-.095em;text-align:center;white-space:nowrap;z-index:1;pointer-events:none;color:#314443;opacity:.82;transition:filter .8s}.wordmark-ready{font-size:0;background:currentColor;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.awaiting-entry .wordmark{filter:blur(2px);opacity:.075!important}.nav{position:fixed;inset:0 0 auto;z-index:20;height:94px;padding:0 3.3vw;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:28px;letter-spacing:-.08em}.brand span{font:10px 'DM Mono',monospace;vertical-align:top;margin-left:4px}.nav-caption{font:10px 'DM Mono',monospace;letter-spacing:.12em;margin-left:-20px}.index-toggle{background:transparent;font:11px 'DM Mono',monospace;display:flex;align-items:center;gap:28px;padding:12px 0}.index-toggle span{font:22px Manrope;transition:transform .3s}.index-toggle[aria-expanded=true] span{transform:rotate(45deg)}.index-panel{position:fixed;z-index:19;right:2vw;top:80px;padding:24px 28px;background:#f5f5edf2;backdrop-filter:blur(22px);width:300px;border:1px solid var(--line);box-shadow:0 18px 70px #28424a18}.index-panel a{display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:23px;padding:12px 0}.index-panel a:hover{color:#a95736}.index-panel small{font:10px 'DM Mono';padding-top:9px}
.entry{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;padding:120px 6vw 34px;pointer-events:none;transition:opacity .8s,visibility .8s}.entry>*{pointer-events:auto}.entry-number{font:10px 'DM Mono';letter-spacing:.1em}.entry-copy{margin:auto 0;max-width:640px}.entry-copy h1{font-size:clamp(60px,7.6vw,112px);line-height:.96;letter-spacing:-.075em;margin:24px 0}.entry-copy h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.055em}.entry-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#566567}.entry-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;padding:19px 25px;border-radius:3px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.dark{background:#253d3f;color:#f2f2e8}.dark:hover{background:#436369}.quiet-button{padding:12px 0;background:transparent;font-size:11px;border-bottom:1px solid #344b4c6b}.quiet-button span{margin-left:15px}.entry-note{font:9px 'DM Mono';display:block;color:#637476;margin-top:23px}.entry-bottom{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';letter-spacing:.04em}.entry.is-closed{opacity:0;visibility:hidden;pointer-events:none}.entry.is-closed *{pointer-events:none}
.chapter{height:135svh;position:relative}.chapter:last-child{height:110svh}.panel{position:fixed;inset:0;z-index:4;padding:17vh 7vw;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.panel button,.panel a,.panel input,.panel label{pointer-events:auto}.panel h2{font-size:clamp(50px,6vw,92px);line-height:1.02;letter-spacing:-.075em;font-weight:500;margin:24px 0 30px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.085em;margin:0}.body-copy{font-size:14px;line-height:1.85;max-width:280px;color:#54646a}.margin-note{font:9px 'DM Mono';letter-spacing:.08em;display:block;margin-top:7vh}.hero-eyebrow{position:absolute;top:20%;left:6vw}.hero-foot{position:absolute;bottom:16vh;left:6vw;right:7vw;display:flex;align-items:flex-end;justify-content:space-between}.hero-foot h2{font-size:clamp(34px,4.2vw,58px);margin:0}.hero-foot p{font-size:12px;line-height:1.8}.touch-hint{position:absolute;top:21%;right:6vw;background:transparent;font:9px 'DM Mono';letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px 0}.touch-hint span{margin-left:20px}.left-panel h2{max-width:520px}.music-panel h2{font-size:clamp(45px,5.3vw,76px)}.music-box{width:315px;padding-top:5px}.demo-play{display:flex;gap:18px;align-items:center;padding:0;background:transparent;text-align:left;font-size:16px}.demo-play small{display:block;font:8px 'DM Mono';margin-top:8px;color:#5b6a6d}.play-icon{display:grid;place-items:center;border:1px solid #5c747d73;border-radius:50%;width:48px;height:48px;font-size:22px}.waveform{height:44px;display:flex;align-items:center;gap:4px;margin:22px 0}.waveform i{width:2px;flex:1;max-width:3px;background:#65878b;transform-origin:center;transition:transform .1s}.music-box p{font-size:12px;margin:10px 0 16px}.file-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;font:10px 'DM Mono';cursor:pointer}.music-box>small{font:8px 'DM Mono';display:block;margin-top:10px;color:#62777b}.music-box:focus-within .file-label{border-color:#a85938}.right-panel{padding-left:57vw}.right-panel h2{font-size:clamp(46px,5.2vw,76px)}.services{max-width:355px;margin-top:30px}.services button{display:flex;align-items:center;width:100%;background:none;text-align:left;border-top:1px solid var(--line);padding:14px 0;font-size:15px}.services button span{font:9px 'DM Mono';margin-right:24px;color:#6d8084}.services i{font-style:normal;margin-left:auto}.services button:hover{color:#a75e38}.projects-panel{padding-top:15vh}.projects-panel h2{font-size:clamp(45px,5.4vw,80px);margin-bottom:0}.project-list{position:absolute;left:7vw;right:7vw;bottom:19vh;display:flex;gap:40px}.project-list button{flex:1;display:flex;position:relative;flex-direction:column;text-align:left;background:#edf1eb35;border-top:1px solid var(--line);padding:18px 0 10px;backdrop-filter:blur(4px)}.project-list small{font:9px 'DM Mono';letter-spacing:.06em}.project-list strong{font-size:32px;font-weight:500;letter-spacing:-.05em;margin-top:14px;transition:transform .3s}.project-list span{position:absolute;right:0;bottom:14px;font-size:22px}.project-list button:hover strong{transform:translateX(8px)}.concept-note{position:absolute;left:7vw;bottom:13.4vh;font:9px 'DM Mono';color:#5f777c}.contact-panel{padding-top:17vh;text-align:center}.contact-panel h2{font-size:clamp(46px,6.3vw,90px)}.contact-panel .button{position:absolute;bottom:20vh;left:50%;transform:translateX(-50%);white-space:nowrap}.contact-panel .button:hover{background:#547c7e}.back-top{position:absolute;left:50%;transform:translateX(-50%);bottom:14vh;font:9px 'DM Mono';white-space:nowrap}
.specimen-note{position:fixed;z-index:5;right:3.5vw;top:50%;display:flex;gap:35px;writing-mode:vertical-rl;font:9px 'DM Mono';letter-spacing:.09em;color:#435f63;pointer-events:none}.specimen-note span+span{font-size:8px;line-height:1.6;opacity:.6}.awaiting-entry .specimen-note{opacity:0}.hud{position:fixed;left:3.3vw;right:3.3vw;bottom:30px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:40px;transition:opacity .5s}.awaiting-entry .hud{opacity:0;pointer-events:none}.hud-left{display:flex;align-items:center;gap:18px}.hud button{background:transparent;font:9px 'DM Mono';letter-spacing:.02em;padding:10px 0;white-space:nowrap}#sound-toggle{display:flex;align-items:center;gap:10px}.sound-bars{display:flex;align-items:center;gap:2px;height:12px}.sound-bars i{display:block;width:2px;height:2px;background:currentColor}.sound-on .sound-bars i{animation:equalizer 1s infinite alternate}.sound-on .sound-bars i:nth-child(2){animation-delay:-.5s}.sound-on .sound-bars i:nth-child(3){animation-delay:-.25s}.sound-on .sound-bars i:nth-child(4){animation-delay:-.8s}@keyframes equalizer{to{height:12px}}#motion-toggle{font:16px Manrope}.scroll-next{display:flex;align-items:center;gap:24px;font:9px 'DM Mono';max-width:650px;flex:1}.scroll-line{height:1px;background:#47686c30;flex:1}.scroll-line i{display:block;height:100%;background:#365d60;width:0}#customize-toggle{display:flex;align-items:center;gap:20px}#customize-toggle span{font-size:23px}.customizer{position:fixed;z-index:25;right:3vw;bottom:90px;background:#f4f4eeef;backdrop-filter:blur(22px);border:1px solid var(--line);padding:20px 24px 16px;width:275px;box-shadow:0 20px 60px #395b6418}.customizer-top{display:flex;justify-content:space-between;align-items:center;font:9px 'DM Mono'}.customizer-top button{background:none;font-size:24px;padding:0}.customizer>p{font:italic 28px 'Playfair Display';margin:14px 0 25px}.swatches{display:flex;gap:18px;margin-bottom:28px}.swatches button{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#dae4de,#49858f);border:3px solid #f3f5eb}.swatches button:nth-child(2){background:linear-gradient(135deg,#eecefd,#8e74c6)}.swatches button:nth-child(3){background:linear-gradient(135deg,#f3d4b7,#c7764c)}.swatches button[aria-pressed=true]{outline:1px solid #637c80;outline-offset:4px}.customizer label{display:flex;justify-content:space-between;font:9px 'DM Mono';margin-top:18px}.customizer input{width:100%;height:20px;accent-color:#426d73;cursor:pointer}.customizer #light-mode{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);background:none;padding:15px 0 0;margin-top:20px;font:9px 'DM Mono'}.cursor-orbit{position:fixed;z-index:8;width:42px;height:42px;border:1px solid #33565b60;border-radius:50%;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .3s;font-size:18px}.status-message{position:fixed;z-index:50;bottom:86px;left:50%;transform:translateX(-50%);background:#233b3e;color:#f4f4ed;padding:14px 20px;max-width:90vw;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.status-message.visible{opacity:1}dialog{border:1px solid var(--line);background:#f0f0e8;color:var(--ink);padding:60px;max-width:560px;width:calc(100% - 40px);box-shadow:0 30px 100px #1b3b3e33}dialog::backdrop{background:#23454a55;backdrop-filter:blur(12px)}dialog h2{font-size:48px;line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:24px 0}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8}dialog .button{margin-top:20px}.dialog-close{position:absolute;top:18px;right:22px;font-size:28px;background:transparent}
@media(min-width:1600px){.panel{padding-top:20vh}.entry-copy{margin-left:3vw}}
@media(max-width:800px){.nav{height:75px;padding:0 6vw}.brand{font-size:24px}.nav-caption{display:none}.index-toggle{gap:15px}.entry{padding:98px 7vw 25px}.entry-number{font-size:8px}.entry-copy{margin:auto 0 18vh}.entry-copy h1{font-size:clamp(54px,13vw,82px);margin:18px 0}.entry-copy>p:not(.eyebrow){font-size:12px}.entry-actions{gap:18px;flex-wrap:wrap;margin-top:22px}.entry .button{padding:16px 18px;font-size:11px;gap:22px}.quiet-button{font-size:10px}.entry-note{font-size:8px;line-height:1.6;max-width:260px;margin-top:14px}.entry-bottom{font-size:8px;gap:25px}.entry-bottom span:first-child{max-width:130px;line-height:1.6}.chapter{height:125svh}.chapter:last-child{height:110svh}.panel{padding:14vh 7vw 15vh}.panel h2{font-size:clamp(40px,10.4vw,67px);line-height:1.06;margin:18px 0 24px}.eyebrow{font-size:8px}.hero-eyebrow{top:15%;left:7vw;font-size:8px}.hero-foot{left:7vw;right:7vw;bottom:20vh;align-items:flex-end}.hero-foot h2{font-size:clamp(34px,9vw,54px)}.hero-foot p{display:none}.touch-hint{top:auto;bottom:12.5vh;left:7vw;right:auto;font-size:8px}.body-copy{font-size:12px;line-height:1.8;max-width:240px}.left-panel .body-copy{position:absolute;bottom:18vh;left:7vw;max-width:260px}.margin-note{position:absolute;bottom:12vh;left:7vw;font-size:8px}.music-panel h2{font-size:11vw}.music-box{position:absolute;bottom:14vh;left:7vw;right:7vw;width:auto;max-width:320px}.waveform{height:23px;margin:16px 0}.demo-play{font-size:15px}.demo-play small{font-size:7px}.music-box>p{display:none}.file-label{font-size:9px;margin-top:15px}.right-panel{padding-left:7vw}.right-panel .body-copy{display:none}.services{position:absolute;bottom:15vh;left:7vw;right:7vw;max-width:none}.services button{font-size:13px;padding:14px 0}.project-list{left:7vw;right:7vw;bottom:17vh;gap:0;display:block}.project-list button{flex-direction:row;align-items:center;gap:18px;width:100%;padding:14px 0}.project-list small{font-size:7px;max-width:80px;line-height:1.6}.project-list strong{font-size:24px;margin:0}.project-list span{font-size:18px;bottom:16px}.concept-note{bottom:11.8vh;font-size:8px}.contact-panel{padding-top:17vh}.contact-panel h2{font-size:10.7vw}.contact-panel .button{bottom:23vh;font-size:11px}.back-top{bottom:16vh;font-size:8px}.specimen-note{right:4vw;top:46%;font-size:7px;gap:20px}.specimen-note span+span{font-size:7px}.hud{left:6vw;right:6vw;bottom:20px;gap:20px}.hud-left{gap:14px}.hud button{font-size:8px}.scroll-next{flex:0;gap:0;justify-content:center}.scroll-line,.scroll-direction{display:none}#chapter-label{font-size:7px;white-space:nowrap}#customize-toggle{gap:7px;font-size:8px}#customize-toggle span{font-size:20px}.customizer{right:5vw;bottom:76px}.index-panel{right:5vw;top:72px;width:270px}.cursor-orbit{display:none}.status-message{bottom:78px;min-width:70vw;font-size:11px}.no-webgl .fallback-creature{height:50vh;top:46%}dialog{padding:40px 28px}dialog h2{font-size:38px}}
@media(max-height:640px) and (min-width:801px){.entry{padding-top:94px}.entry-copy h1{font-size:65px;margin:12px 0}.entry-actions{margin-top:16px}.entry-copy>p:not(.eyebrow){font-size:12px}.panel h2{font-size:52px;margin:15px 0}.services{margin-top:14px}.hero-foot h2{font-size:35px}.music-box{margin-top:0}.music-box p,.waveform{display:none}.music-box .file-label{margin-top:20px}.music-panel{padding-top:16vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor-orbit{display:none}.panel{will-change:auto}}
/* Artist portfolio: sparse copy, direct listening and a separate label identity. */
html:has(body.reduced-motion){scroll-behavior:auto}
.nav-caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0;white-space:nowrap}
.nav-actions{display:flex;align-items:center;gap:36px}
.listen-shortcut{font:10px 'DM Mono',monospace;letter-spacing:.04em;padding:12px 0}
.listen-shortcut span{margin-left:12px;font-size:15px}
.listen-shortcut:hover,.label-instagram:hover{color:#a95736}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;transition:color .2s}
.text-link span,.link-arrow{font-size:21px;transition:transform .25s}
.text-link:hover,.platform-links a:hover,.social-link:hover{color:#a95736}
.text-link:hover span,.platform-links a:hover .link-arrow,.social-link:hover>span:last-child{transform:translate(3px,-3px)}
.hero-listen{margin-bottom:6px}
.platform-links{display:flex;flex-direction:column;width:min(345px,38vw);margin-top:32px}
.platform-links a{display:flex;align-items:center;gap:22px;min-height:61px;border-top:1px solid var(--line);font-size:19px;letter-spacing:-.035em;transition:color .2s}
.platform-links a:last-child{border-bottom:1px solid var(--line)}
.platform-mark{font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:0}
.platform-links .link-arrow{margin-left:auto}
.label-links{display:flex;flex-direction:column;align-items:flex-start;gap:23px;margin-top:34px}
.label-instagram{font:9px 'DM Mono',monospace;letter-spacing:.02em;padding:7px 0}
.label-instagram span{margin-left:18px}
.social-panel{padding-top:16vh}
.social-panel h2{font-size:clamp(45px,5.4vw,80px)}
.social-link-block{position:absolute;left:7vw;bottom:19vh;width:min(360px,40vw)}
.social-link-block .body-copy{margin-bottom:20px}
.social-link{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 14px;font-size:34px;font-weight:500;letter-spacing:-.06em;transition:color .2s}
.social-link small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.06em;margin-bottom:11px}
.social-link>span:last-child{font-size:28px;transition:transform .25s}
.contact-links{position:absolute;bottom:21vh;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;white-space:nowrap}
.contact-panel .contact-links .button{position:static;transform:none}
.contact-links>span{font:9px 'DM Mono',monospace;letter-spacing:.035em}
@media(max-width:800px){
  .nav-actions{gap:23px}.listen-shortcut{font-size:8px}.listen-shortcut span{margin-left:6px}
  .hero-foot{display:block;bottom:20vh}.hero-listen{margin:18px 0 0;padding:10px 0;font-size:11px;gap:34px}
  .left-panel h2{font-size:10.4vw}
  .platform-links{position:absolute;bottom:14vh;left:7vw;right:7vw;width:auto;max-width:380px;margin:0;background:linear-gradient(90deg,#e4e9e384,transparent)}
  .platform-links a{min-height:57px;font-size:19px}
  .label-links{position:absolute;bottom:16vh;left:7vw;right:7vw;margin:0;gap:20px}
  .label-links .text-link{font-size:13px;min-width:240px}
  .label-instagram{font-size:8px}
  .social-panel{padding-top:14vh}.social-panel h2{font-size:10.4vw}
  .social-link-block{bottom:17vh;left:7vw;right:7vw;width:auto}.social-link{font-size:34px}
  .contact-links{bottom:23vh;gap:18px}.contact-links>span{font-size:8px}
}
@media(max-height:640px) and (min-width:801px){
  .platform-links{margin-top:18px}.platform-links a{min-height:48px;font-size:17px}
  .label-links{margin-top:18px;gap:14px}.social-link-block{bottom:17vh}
}
@media(max-width:360px){.nav-actions{gap:15px}.listen-shortcut span{display:none}.hero-foot h2{font-size:32px}.hud{gap:11px}.hud-left{gap:10px}}
.touch-hint{min-height:44px;transition:opacity .3s,border-color .3s}.touch-hint:hover:not(:disabled){border-color:currentColor}.touch-hint:disabled{cursor:default;opacity:.45}
.reduced-motion .entry,.reduced-motion .panel,.reduced-motion .button,.reduced-motion .touch-hint{transition:none}.reduced-motion .sound-bars i{animation:none}.no-webgl #pulse,.no-webgl #fluidity,.no-webgl label[for=fluidity],.no-webgl #glass,.no-webgl label[for=glass],.no-webgl #light-mode{display:none}

/* Second movement: charcoal, silver and deep water. Functional text survives. */
.edible-word{display:inline-block;transform-origin:50% 50%;vertical-align:baseline;margin-right:.055em}.edible-word:last-child{margin-right:0}
.is-passing #world{z-index:5;pointer-events:none}
.is-engulfing #world{z-index:24;pointer-events:none}
.engulf-veil{position:fixed;inset:0;z-index:30;pointer-events:none;background:#020407;opacity:var(--engulf-veil,0)}
.model-credits{display:inline-block;margin-top:16px;font-size:10px;letter-spacing:.08em;text-underline-offset:4px;opacity:.65}
body{transition:color .45s,background-color .45s}
body.is-abyss{--ink:#eceee9;--muted:#a1aab0;--paper:#090c10;--accent:#c1cdd5;--line:#c7d2db36;color:var(--ink);background:#090c10}
html:has(body.is-abyss){background:#090c10;scrollbar-color:#63717b #090c10}
.is-abyss .atmosphere{background:radial-gradient(ellipse at 58% 48%,#161a1f 0,#0c1015 56%,#090c10 100%)}
/* The vignette belongs to the background. Keep it below the creature both
   during a foreground fly-by (5) and after it settles back into the scene (2). */
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 52% 45%,transparent 30%,#0009 100%);opacity:0;transition:opacity .45s}
body.is-abyss:after{opacity:var(--abyss-progress,1)}
.is-abyss .grain{opacity:.058}
.is-abyss .wordmark{color:#b9c0c6}
.is-abyss .body-copy,.is-abyss .specimen-note,.is-abyss .margin-note{color:#a5afb7}
.is-abyss .index-panel,.is-abyss .customizer{background:#10151af5;border-color:var(--line);box-shadow:0 20px 70px #0008}
.is-abyss .dark{background:#dbe0de;color:#10171b}
.is-abyss .dark:hover{background:#fff}
.is-abyss .text-link:hover,.is-abyss .platform-links a:hover,.is-abyss .social-link:hover,.is-abyss .listen-shortcut:hover,.is-abyss .label-instagram:hover,.is-abyss .index-panel a:hover{color:#fff}
.is-abyss .scroll-line{background:#c8d2da28}.is-abyss .scroll-line i{background:#d8dfe3}
.is-abyss .cursor-orbit{border-color:#e7edf275}
.is-abyss .customizer input{accent-color:#a8b7c2}
.is-abyss .swatches button{border-color:#10151a}
.is-abyss .swatches button[aria-pressed=true]{outline-color:#d1dce3}
.is-abyss button:focus-visible,.is-abyss a:focus-visible,.is-abyss input:focus-visible{outline-color:#d4e5f2}
.is-abyss .platform-links{background:linear-gradient(90deg,#0c1119a6,transparent)}
/* Reserve the control's space from entry: reveal never reflows the HUD. */
.sound-label{width:10ch;flex:none;text-align:left}
#text-toggle{font-size:8px;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:8px 0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .55s ease}
.shark-ui-ready #text-toggle{visibility:visible;opacity:1;pointer-events:auto}
.reduced-motion #text-toggle{transition:none}
.is-abyss .fallback-creature{filter:none!important}
.reduced-motion,.reduced-motion:after{transition:none}
@media(max-width:800px){.hud-left{gap:11px}.hud{gap:12px}#text-toggle{font-size:7px}.is-abyss .specimen-note{opacity:.65}}