:root{--frame:12px;--space-radius:20px;--hud-top-h:72px;--hud-bottom-h:64px;--gutter:clamp(16px, 4vw, 56px);--safe-top:calc(var(--frame) + var(--hud-top-h) + env(safe-area-inset-top,0px) + 12px);--safe-bottom:calc(var(--frame) + var(--hud-bottom-h) + env(safe-area-inset-bottom,0px) + 12px);--black:#0b0b10;--ink:#17151f;--paper:#f5efe4;--dim:.8;--accent:#ffd24d;--status:#74e08f;--white:#fff;--skin:#f7d3c1;--skin-shade:#eab09b;--cheek:#ff8e9c;--iris:#2a3a94;--lens:#8eb6ff52;--hair:#ff7a57;--hair-shade:#c8452f;--hair-shine:#ffffff52;--shirt:var(--paper);--shirt-shade:#d9cfbf;--ring-a:var(--accent);--ring-b:var(--paper);--ring-c:var(--status);--bg-hero:#1e1b44;--fg-hero:var(--paper);--bg-hello:#7a4a7e;--fg-hello:#fff4ea;--bg-systems:#0f5a4d;--fg-systems:#ecfff7;--bg-beliefs:#efe3cc;--fg-beliefs:var(--ink);--bg-based:#983a1e;--fg-based:#fff4ea;--bg-work:#121217;--fg-work:var(--paper);--bg-about:#e7dcc6;--fg-about:var(--ink);--bg-contact:#1e1b44;--fg-contact:var(--paper);--bg:var(--bg-hero);--fg:var(--fg-hero);--font-display:"Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--step--1:.8125rem;--step-0:clamp(1rem, .95rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, min(2vw, 3vh), 1.75rem);--step-2:clamp(1.75rem, min(3.4vw, 5vh), 3rem);--step-3:clamp(2.5rem, min(6vw, 9vh), 5.5rem);--step-4:clamp(2.5rem, min(9vw, 14vh), 9rem);--step-5:clamp(4rem, min(16vw, 24vh), 16rem);--scroll-unit:70vh;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (width<=768px){:root{--scroll-unit:55vh;--frame:0px;--space-radius:0px;--hud-top-h:60px;--hud-bottom-h:56px}}@media (height<=760px){:root{--hud-top-h:60px;--hud-bottom-h:52px}}:root{--card:var(--paper);--card-ink:var(--ink);--card-line:#17151f24}@font-face{font-family:Big Shoulders Display;src:url(/fonts/big-shoulders-display-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 var(--step-0)/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}img,svg,picture{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--focus,var(--fg));outline-offset:3px;border-radius:4px}h1,h2,h3{text-wrap:balance;margin:0;font-weight:400}p{margin:0}.skip-link{z-index:100;background:var(--paper);color:var(--ink);border-radius:99px;padding:10px 14px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.layer__inner{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px))}.eyebrow{font:500 var(--step--1)/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.title-serif{font:400 var(--step-4)/.92 var(--font-serif);letter-spacing:-.01em}.title-display{font:800 var(--step-5)/.82 var(--font-display);text-transform:uppercase;letter-spacing:-.01em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#scroller{display:none}.layer{background:var(--scene-bg);min-height:100vh;color:var(--scene-fg);--focus:var(--scene-fg);display:grid;overflow-x:clip}.js-static .layer>.layer__inner{opacity:0;transition:opacity .8s}.js-static .layer.is-in>.layer__inner{opacity:1}.layer__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,2.5vh,28px);display:flex}.lede{max-width:42ch;font-size:var(--step-1);line-height:1.35}.scene-figure{align-self:center;height:min(70vh,120vw)}@media (width>=900px){.layer__inner--hero,.layer__inner--contact{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:4vw;display:grid}.hero-copy,.contact-copy{align-self:center}}.js-space body{background:var(--black)}.js-space #space{inset:var(--frame);border-radius:var(--space-radius);isolation:isolate;background:var(--bg);color:var(--fg);position:fixed;overflow:clip}.js-space .layer{min-height:0;color:inherit;visibility:hidden;opacity:0;background:0 0;position:absolute;inset:0}.js-space section.layer:first-of-type{visibility:visible;opacity:1}.js-space .layer__inner{height:100%;max-height:100%}.js-space #scroller{height:calc(var(--total,8) * var(--scroll-unit) + 100vh);display:block}.figure{aspect-ratio:400/520;position:relative;container-type:inline-size}.figure__svg{width:100%;height:100%;overflow:visible}.f-skin{fill:var(--skin)}.f-skin-shade{fill:var(--skin-shade)}.f-shirt{fill:var(--shirt)}.f-shirt-shade{fill:var(--shirt-shade)}.f-ink{fill:var(--ink)}.f-white{fill:var(--white)}.f-iris{fill:var(--iris)}.f-eyelid{fill:var(--skin);opacity:0}.f-brow{fill:var(--ink)}.f-cheek{fill:var(--cheek);opacity:.55}.f-mouth{fill:var(--ink)}.f-lens{fill:var(--lens);stroke:var(--ink);stroke-width:9px}.f-glare{fill:var(--white);opacity:.75}.f-frame{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:square}.f-hair{fill:var(--hair)}.f-hair-shade{fill:var(--hair-shade)}.f-hair-shine{fill:var(--hair-shine)}.f-hole-rim{fill:var(--ink);opacity:.3}.f-spark--0{fill:var(--ring-a)}.f-spark--1{fill:var(--ring-b)}.f-spark--2{fill:var(--ring-c)}.figure__role{max-width:62%;font:600 3.4cqw/1.1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-align:center;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.js-space .hero-figure .f-rig,.js-space .hero-figure .figure__role{visibility:hidden}.hero-copy{justify-items:start;gap:clamp(10px,2vh,22px);display:grid}.hero-title{font-size:clamp(3rem,min(11vw,17vh),11rem)}.tunnel{display:none}.js-space .layer__inner--hero,.js-space .layer__inner--contact{position:relative}.js-space .hero-copy,.js-space .contact-copy{z-index:2;max-width:min(44rem,50%);position:relative}.js-space .scene-figure{z-index:1;right:max(var(--gutter), 5vw);height:min(calc(100% - var(--safe-top) + 8px), 62vw);position:absolute;bottom:0}.js-space .tunnel{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tunnel__ring{fill:none;stroke-width:2.6px}.tunnel__ring--0{stroke:var(--ring-a)}.tunnel__ring--1{stroke:var(--ring-b)}.tunnel__ring--2{stroke:var(--ring-c)}@media (width<=768px){.js-space .layer__inner--hero,.js-space .layer__inner--contact{justify-content:flex-start}.js-space .hero-copy,.js-space .contact-copy{max-width:100%;padding-top:.75rem}.js-space .scene-figure{height:min(54%,120vw);margin-inline:auto;left:0;right:0}.js-space .contact-figure{height:min(48%,100vw);left:auto;right:-14vw}}.layer__inner--hello{text-align:center;align-items:center}.hello{justify-items:center;gap:clamp(10px,2.4vh,24px);display:grid}.hello__head{position:relative}.hello__title{font-size:clamp(5rem,min(26vw,36vh),22rem);line-height:.8}.hello__title .char{display:inline-block}.sparkle{left:var(--x);top:var(--y);width:calc(clamp(18px, 3vw, 40px) * var(--s));aspect-ratio:1;fill:var(--accent);position:absolute;translate:-50% -50%}.wave{width:min(560px,70vw);height:auto;overflow:visible}.wave path{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1}.zoom-word{display:none}.systems{text-align:center;justify-items:center;gap:clamp(12px,2.6vh,26px);display:grid}.systems__back{font:800 clamp(5rem, min(24vw, 34vh), 20rem)/.8 var(--font-display);text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--fg) 40%, transparent)}.systems__title{display:block}.ui-card{background:var(--card);width:min(400px,84vw);color:var(--card-ink);text-align:left;border-radius:20px;gap:clamp(10px,1.8vh,16px);padding:clamp(14px,2.4vh,22px);display:grid;box-shadow:0 30px 60px -30px #0000008c}.ui-card__bar{border-bottom:1px solid var(--card-line);transform-origin:0;gap:6px;padding-bottom:10px;display:flex}.ui-card__bar i{background:var(--card-line);border-radius:50%;width:10px;height:10px}.ui-card__bar i:first-child{background:var(--bg-based)}.ui-card__row{align-items:center;gap:12px;display:flex}.ui-avatar{background:var(--bg-hello);border-radius:50%;flex:none;width:42px;height:42px}.ui-lines{gap:2px;display:grid}.ui-lines b{font:600 15px/1.2 var(--font-sans)}.ui-lines small{font:400 12px/1.2 var(--font-mono);opacity:.6}.ui-chart{border-bottom:1px solid var(--card-line);align-items:flex-end;gap:8px;height:clamp(60px,11vh,110px);padding-top:6px;display:flex}.ui-chart i{height:var(--h);background:var(--bg-systems);transform-origin:50% 100%;border-radius:6px 6px 0 0;flex:1}.ui-chart i:nth-child(4){background:var(--accent)}.ui-card__foot{justify-content:space-between;align-items:center;display:flex}.ui-chip{background:var(--card-line);transform-origin:0;border-radius:99px;width:90px;height:10px}.ui-btn{background:var(--card-ink);color:var(--card);font:600 13px/1 var(--font-sans);border-radius:99px;padding:8px 16px}.js-space .layer__inner--systems{align-items:center}.js-space .systems{position:relative}.js-space .systems__back{z-index:-1;position:absolute;top:50%;left:50%}.js-space .zoom-word{z-index:5;width:fit-content;height:fit-content;font:800 clamp(4rem, min(20vw, 30vh), 18rem)/.8 var(--font-display);text-transform:uppercase;white-space:nowrap;color:var(--bg-systems);pointer-events:none;will-change:transform;margin:auto;display:block;position:absolute;inset:0}.zoom-word__stem{display:inline-block}.beliefs{gap:clamp(14px,3vh,32px);max-width:64rem;display:grid;position:relative}.beliefs__mark{z-index:-1;font:400 clamp(8rem, min(22vw, 34vh), 22rem)/1 var(--font-serif);color:color-mix(in srgb, var(--bg-based) 22%, transparent);pointer-events:none;position:absolute;top:.05em;left:-.12em}.beliefs__list{gap:clamp(28px,6vh,64px);margin:0;padding:0;list-style:none;display:grid}.belief{gap:clamp(12px,2.4vh,24px);display:grid}.belief__statement{font:400 clamp(2.5rem, min(6.6vw, 11vh), 7rem)/1 var(--font-serif);letter-spacing:-.01em;text-wrap:balance;max-width:17ch}.belief__note{max-width:44ch;font-size:var(--step-1);line-height:1.35}.js-space .beliefs__list{gap:0}.js-space .belief{grid-area:1/1;align-content:start}.js-space .belief__statement .line{padding-bottom:.06em}.based{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,5vw,80px);width:100%;display:grid}.based__copy{justify-items:start;gap:clamp(10px,2vh,20px);display:grid}.based__city{font-size:clamp(3rem,min(9vw,15vh),9rem)}.based__coords{font:500 var(--step--1)/1 var(--font-mono);letter-spacing:.08em;opacity:var(--dim)}.map{width:100%;max-height:min(56vh,520px);overflow:visible}.map path{fill:none;stroke:var(--fg-based);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1}.map__coast{stroke-width:3px!important}.map__river{stroke:var(--accent)!important;stroke-width:4px!important}.map__ring{opacity:.7;stroke-dasharray:1!important}.map__street{opacity:.45}.map__dot{fill:var(--accent);stroke:var(--ink);stroke-width:2px}.map__pulse{fill:none;stroke:var(--accent);stroke-width:2px}@media (width<=768px){.based{grid-template-columns:1fr}.map{max-height:34vh}}.work__track{gap:clamp(24px,4vw,56px);display:grid}.work__intro{align-content:center;justify-items:start;gap:clamp(10px,2vh,20px);max-width:34rem;display:grid}.work__title{font-size:clamp(3rem,min(8vw,13vh),8rem)}.work__more{flex-wrap:wrap;gap:8px 20px;display:flex}.work__more a{font:500 var(--step--1)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:4px}.work__list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.project__link{gap:10px;text-decoration:none;display:grid}.project__media{aspect-ratio:4/3;background:color-mix(in srgb, var(--fg-work) 10%, transparent);border-radius:16px;display:block;overflow:hidden}.project__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.project__link:hover img,.project__link:focus-visible img{transform:scale(1.04)}.project__title{font:400 var(--step-2)/1 var(--font-serif);margin-top:6px}.project__summary{-webkit-line-clamp:2;opacity:.85;-webkit-box-orient:vertical;max-width:36ch;display:-webkit-box;overflow:hidden}.project__meta{font:500 var(--step--1)/1.3 var(--font-mono);letter-spacing:.04em;opacity:var(--dim)}.js-space .layer__inner--work{overflow:visible}.js-space .work__track{align-items:center;gap:clamp(28px,4vw,64px);width:max-content;display:flex}.js-space .work__intro{flex:none;width:min(30rem,78vw)}.js-space .work__list{gap:clamp(20px,3vw,44px);display:flex}.js-space .project{width:min(clamp(240px, 30vw, 440px), calc((100vh - var(--safe-top) - var(--safe-bottom) - 150px) * 4 / 3));flex:none}@media (width<=768px){.js-space .project{width:min(74vw, calc((100vh - var(--safe-top) - var(--safe-bottom) - 150px) * 4 / 3))}}.about{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);width:100%;display:grid}.about__main{gap:clamp(12px,2.4vh,24px);display:grid}.about__title{max-width:14ch;font-size:clamp(2.4rem,min(5.4vw,9vh),5.6rem);line-height:.98}.about__title .line{padding-bottom:.06em}.about__body{max-width:46ch}.about__side{gap:clamp(16px,3vh,30px);display:grid}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;display:grid}.fact{align-content:start;gap:4px;display:grid}.fact dt{opacity:var(--dim);margin-bottom:4px}.fact dd{font-size:var(--step-0);margin:0;line-height:1.35}.about__group{gap:10px;display:grid}.about__group .eyebrow{opacity:var(--dim)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid color-mix(in srgb, currentColor 35%, transparent);font:500 var(--step--1)/1.2 var(--font-mono);border-radius:99px;padding:6px 12px}.articles{gap:6px;margin:0;padding:0;list-style:none;display:grid}.articles a{text-underline-offset:4px}@media (width<=900px){.about{grid-template-columns:1fr;gap:clamp(16px,3vh,28px)}.facts{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}}.contact-copy{justify-items:start;gap:clamp(12px,2.4vh,22px);display:grid}.contact__title{font-size:clamp(3rem,min(9vw,15vh),9rem)}.contact__email{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.contact__address{font:400 var(--step-2)/1.1 var(--font-serif);text-underline-offset:6px;overflow-wrap:anywhere}.copy-btn{font:500 var(--step--1)/1 var(--font-mono);letter-spacing:.04em;border:1px solid;border-radius:99px;padding:8px 14px}.copy-status{font:500 var(--step--1)/1 var(--font-mono);opacity:var(--dim)}.contact__links{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.contact__links a,.contact__again{font:500 var(--step--1)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:4px}.contact__again{background:var(--paper);color:var(--ink);border-radius:99px;padding:8px 14px;text-decoration:none}#grain,.stars{display:none}.js-space #grain{z-index:10;pointer-events:none;mix-blend-mode:overlay;opacity:.14;width:100%;height:100%;display:block;position:absolute;inset:0}.js-space .stars{z-index:0;pointer-events:none;height:150%;display:block;position:absolute;top:0;left:0;right:0}.star{background:var(--fg);opacity:.35;border-radius:50%;width:2px;height:2px;position:absolute}.star--twinkle{width:3px;height:3px;animation:3s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:.9;transform:scale(1.4)}}@media (height<=760px){.hello,.systems,.beliefs,.about__main,.about__side,.contact-copy,.based__copy,.work__intro{gap:10px}.beliefs__mark,.map__street,.sparkle:nth-of-type(n+5){display:none}.ui-card{gap:8px;padding:12px 14px}.ui-chart{height:56px}.facts{gap:12px}}.hud-top{padding-block:16px;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));background:var(--bg-hero);color:var(--fg-hero);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.hud-logo{font:400 var(--step-1)/1 var(--font-serif);white-space:nowrap;text-decoration:none}.hud-status{border:1px solid color-mix(in srgb, currentColor 35%, transparent);font:500 var(--step--1)/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.hud-dot{background:var(--status);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--status) 30%, transparent);border-radius:50%}.hud-actions{align-items:center;gap:18px;display:flex}.hud-nav{gap:18px;display:flex}.hud-nav a{font:500 var(--step--1)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:background-size .3s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-block:6px;text-decoration:none}.hud-nav a:hover,.hud-nav a[aria-current]{background-size:100% 1px}.sound{align-items:center;display:flex;position:relative}.sound-toggle{border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.eq{align-items:flex-end;gap:3px;height:14px;display:flex}.eq i{background:currentColor;border-radius:1px;width:2px;height:30%}.eq i:nth-child(2){height:70%}.eq i:nth-child(3){height:45%}.eq i:nth-child(4){height:85%}.sound-toggle[aria-pressed=true] .eq i{animation:1s ease-in-out infinite alternate eq}.sound-toggle[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}.sound-toggle[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:20%}to{height:100%}}.sound-hint{background:var(--paper);color:var(--ink);font:500 var(--step--1)/1.2 var(--font-mono);white-space:nowrap;border-radius:10px;padding:7px 12px;position:absolute;top:calc(100% + 10px);right:0}.hud-bottom,.veil{display:none}.js-space .hud-top{z-index:30;top:var(--frame);left:var(--frame);right:var(--frame);height:calc(var(--hud-top-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);color:var(--fg);pointer-events:none;background:0 0;flex-wrap:nowrap;padding-block-end:0;position:fixed}.js-space .hud-top>*{pointer-events:auto}.js-space .hud-bottom{z-index:30;bottom:var(--frame);left:var(--frame);right:var(--frame);height:calc(var(--hud-bottom-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(calc(var(--gutter) + 24px), env(safe-area-inset-left,0px));padding-right:max(calc(var(--gutter) + 24px), env(safe-area-inset-right,0px));color:var(--fg);display:block;position:fixed}.ruler{height:100%;position:relative}.ruler__ticks{opacity:.35;background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 10px);height:8px;position:absolute;bottom:14px;left:0;right:0}.ruler__fill{transform-origin:0;background:currentColor;height:2px;position:absolute;bottom:14px;left:0;right:0;transform:scaleX(0)}.ruler__labels{margin:0;padding:0;list-style:none}.ruler__labels li{left:var(--at);position:absolute;bottom:28px;transform:translate(-50%)}.ruler__labels a{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:var(--dim);padding:6px 4px;text-decoration:none;transition:opacity .3s;display:block}.ruler__labels a:hover,.ruler__labels a[aria-current]{opacity:1}.ruler__labels a:after{content:"";opacity:0;background:currentColor;width:1px;height:14px;transition:opacity .3s;position:absolute;bottom:-14px;left:50%}.ruler__labels a[aria-current]:after{opacity:1}.js-space .veil{z-index:25;background:var(--black);visibility:hidden;opacity:0;pointer-events:none;display:block;position:fixed;inset:0}.js-space .layer:focus{outline:none}@media (width<=960px){.hud-status__text{display:none}.hud-status{padding:6px}}@media (width<=768px){.hud-nav,.hud-actions{gap:12px}.sound-toggle{width:36px;height:36px}.ruler__labels a{opacity:0;pointer-events:none}.ruler__labels a[aria-current]{opacity:1;pointer-events:auto}}.sound-hint{transition:opacity .3s,translate .3s}.sound-hint.is-leaving{opacity:0;translate:0 -4px}