@font-face{font-family:csMorcant;src:url(../media/CsMorcantMonoRegularDemo_8O7Vg-s.p.3hct9t577q0ow.otf)format("opentype");font-display:swap}@font-face{font-family:csMorcant Fallback;src:local(Arial);ascent-override:58.24%;descent-override:16.47%;line-gap-override:7.73%;size-adjust:129.3%}.csmorcant_eb66ce38-module__aPH_0G__className{font-family:csMorcant,csMorcant Fallback}.csmorcant_eb66ce38-module__aPH_0G__variable{--font-display:"csMorcant", "csMorcant Fallback"}
@font-face{font-family:raleway;src:url(../media/RalewayMedium_Pxyg-s.p.3vlbr1z63iyl8.ttf)format("truetype");font-display:swap}@font-face{font-family:raleway Fallback;src:local(Arial);ascent-override:88.22%;descent-override:21.96%;line-gap-override:0.0%;size-adjust:106.55%}.raleway_23f0dd4c-module__Tz6Cyq__className{font-family:raleway,raleway Fallback}.raleway_23f0dd4c-module__Tz6Cyq__variable{--font-body:"raleway", "raleway Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_a05d3611-module__5-zhYG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_a05d3611-module__5-zhYG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--ink:#112034;--parchment:#d0d5de;--parchment-2:#c2c8d2;--brass:#2d5688;--brass-dim:#0c3661;--brass-bright:#4c8fe0;--teal:#708cb0;--gray:#7a8494;--line:#1120341f;--display:var(--font-display), "Iowan Old Style", "Palatino Linotype", serif;--mono:var(--font-mono), "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--body:var(--font-body), "Helvetica Neue", Arial, sans-serif;--maxw:1180px;--staff-gap:10px;--nav-h:76px}*{box-sizing:border-box}body{background:var(--parchment);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;font-weight:500;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}section{position:relative}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (max-width:480px){.wrap{padding:0 20px}body{font-size:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.splash{background:var(--ink);will-change:opacity;flex-direction:column;justify-content:center;align-items:center;gap:48px;height:100dvh;padding:40px;display:flex;position:relative}.splash__welcome{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d0d5de99;margin:0;font-size:clamp(14px,1.8vw,20px);animation:.8s forwards splashFadeIn}.splash__fixed-title{z-index:500;font-family:var(--display);color:var(--parchment);text-align:left;letter-spacing:-.01em;transform-origin:0 0;will-change:transform, left, top;pointer-events:none;margin:0;font-size:clamp(36px,6.5vw,88px);font-weight:700;line-height:1.05;position:fixed;top:0;left:0}.splash__scroll-indicator{flex-direction:column;align-items:center;gap:10px;animation:.6s forwards splashFadeIn;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.splash__mouse{color:#d0d5de73;width:24px;height:38px}@media (max-width:480px){.splash{gap:32px;padding:24px}.splash__fixed-title{max-width:100%;font-size:clamp(28px,8vw,88px)}}.splash__wheel{animation:1.4s ease-in-out infinite mouseWheel}.splash__scroll-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d0d5de91;font-size:10px}@keyframes mouseWheel{0%{opacity:1;transform:translateY(0)}60%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.splash__hi{color:#496c97}.splash__cursor{background:var(--brass);vertical-align:-.05em;width:.06em;height:.72em;margin-left:5px;animation:.65s step-end infinite cursorBlink;display:inline-block}.staff{width:100%;height:calc(var(--staff-gap)*4 + 1px);position:relative}.staff:before{content:"";background-image:repeating-linear-gradient(to bottom, var(--line) 0px, var(--line) 1px, transparent 1px, transparent calc(var(--staff-gap)));position:absolute;inset:0}.staff-progress{top:var(--nav-h);background:var(--line);z-index:90;height:1px;position:fixed;left:0;right:0}.staff-progress__fill{background:var(--brass);width:0%;height:1px;transition:width 80ms linear}.staff-progress__clef{color:var(--brass);filter:drop-shadow(0 2px 6px #2d56884d);pointer-events:none;z-index:2;font-size:28px;line-height:1;transition:left 80ms linear;animation:3s ease-in-out infinite clefFloat;position:absolute;top:-18px;left:0%;transform:translate(-50%)}@keyframes clefFloat{0%,to{rotate:none}25%{rotate:4deg}75%{rotate:-3deg}}.nav{height:var(--nav-h);z-index:100;color:var(--ink);background:0 0;border-bottom:1px solid #0000;align-items:center;transition:background-color .35s,box-shadow .35s,border-color .35s,color .35s;display:flex;position:fixed;top:0;left:0;right:0}body.has-splash .nav:not(.scrolled){color:var(--parchment)}.nav.scrolled{border-bottom-color:var(--line);color:var(--ink);background:#d0d5def7;box-shadow:0 1px #1120340d,0 12px 24px -16px #1120342e}.nav__inner{width:100%;max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:0 32px;display:flex}.nav__mark{font-family:var(--display);letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:21px;font-weight:600;display:flex}.nav__mark .dot{color:var(--brass)}.nav__links{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;gap:34px;font-size:12.5px;display:flex}.nav__links a{color:inherit;opacity:.72;padding:4px 0;transition:opacity .2s;position:relative}.nav__links a:hover{opacity:1}.nav__links a:after{content:"";background:var(--brass);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.nav__links a:hover:after{transform:scaleX(1)}.nav__links a.is-active{opacity:1;color:var(--brass-dim)}.nav__links a.is-active:after{transform:scaleX(1)}.nav__cta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;--mx:0px;--my:0px;transform:translate(var(--mx), var(--my));border:1px solid;padding:9px 16px;font-size:12.5px;transition:transform .2s,background .2s,color .2s}.btn.is-magnet-active{transition:transform,background .25s,color .25s}.nav__cta.is-magnet-active{transition:transform,background .2s,color .2s}.contact__submit.is-magnet-active{transition:transform,background .25s}.project-card__links a.is-magnet-active{transition:transform,background .2s,color .2s}.nav__cta:hover{background:var(--ink);color:var(--parchment)}.nav__burger,.nav__mobile{display:none}@media (max-width:860px){.nav__links,.nav__cta{display:none}.nav__burger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;display:flex}.nav__burger span{background:currentColor;width:22px;height:1.5px;transition:transform .25s,opacity .25s,background-color .25s}.nav__burger.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav__burger.is-open span:nth-child(2){opacity:0}.nav__burger.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav__mobile{top:var(--nav-h);background:var(--parchment);opacity:0;visibility:hidden;z-index:99;flex-direction:column;justify-content:space-between;padding:28px 32px 40px;transition:transform .3s,opacity .3s,visibility .3s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translate(100%)}.nav__mobile.is-open{opacity:1;visibility:visible;transform:translate(0)}.nav__mobile-links{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:6px;display:flex}.nav__mobile-links a{border-bottom:1px solid var(--line);color:var(--ink);opacity:.8;padding:16px 0;font-size:16px}.nav__mobile-links a.is-active{opacity:1;color:var(--brass-dim)}.nav__mobile-cta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--ink);align-self:flex-start;margin-top:24px;padding:14px 22px;font-size:13px}}@media (max-width:480px){.nav__inner{padding:0 20px}.nav__mobile{padding:24px 20px 32px}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.175,1.06,.32,1);transform:translateY(30px)}.reveal.show{opacity:1;transform:translateY(0)}.reveal--delay-1.show{transition-delay:80ms}.reveal--delay-2.show{transition-delay:.16s}.reveal--delay-3.show{transition-delay:.24s}.reveal--delay-4.show{transition-delay:.32s}.reveal.reveal-slide{transform:translate(-30px)}.reveal.reveal-slide.show{transform:translate(0)}.reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.16,.84,.44,1),transform 1s cubic-bezier(.16,.84,.44,1);transform:scale(.94)}.reveal-scale.show{opacity:1;transform:scale(1)}@keyframes squiggly{0%{filter:url(#squiggly-0)}50%{filter:url(#squiggly-1)}to{filter:url(#squiggly-0)}}.squiggle{color:var(--brass-dim);display:inline-block;position:relative}.squiggle .underline{height:.16em;position:absolute;bottom:-.06em;left:-2%;right:-2%}.squiggle .underline svg{width:100%;height:100%;animation:2.6s ease-in-out infinite squiggly,4s ease-in-out infinite squigglePulse;display:block}@keyframes squigglePulse{0%,to{opacity:1}50%{opacity:.55}}#music .squiggle{color:var(--brass-bright)}#music .squiggle .underline path{stroke:var(--brass-bright)}#contact .squiggle{color:var(--brass-bright)}#contact .squiggle .underline path{stroke:var(--brass-bright)}.squiggle .underline path{stroke:var(--brass);stroke-width:3px;fill:none;stroke-linecap:round}.hero{height:160vh;position:relative}.hero__grid{width:100%;min-height:100dvh;max-width:var(--maxw);padding:var(--nav-h) 32px 0;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;margin:0 auto;display:grid;position:sticky;top:0;overflow:hidden}.hero__copy,.hero__visual{will-change:transform}.hero__parallax-spacer{height:60vh}.hero__identity{display:contents}.hero__mobile-avatar{display:none}.hero__eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);align-items:center;gap:10px;margin-bottom:18px;font-size:12.5px;display:flex}.hero__eyebrow:before{content:"";background:var(--brass);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2d568840}.hero h1,.hero__typewriter{font-family:var(--display);letter-spacing:-.01em;margin:0 0 26px;font-size:clamp(32px,4.8vw,64px);font-weight:700;line-height:1.05}.hero-cursor{color:var(--brass);margin-left:2px;animation:.65s step-end infinite cursorBlink;display:inline-block}.hero h1 em{color:var(--brass-dim);font-style:normal}.hero p.lede{color:#3a4a5e;max-width:480px;margin:0 0 34px;font-size:20px}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--ink);--mx:0px;--my:0px;transform:translate(var(--mx), var(--my));padding:14px 26px;font-size:13px;transition:transform .25s,background .25s,color .25s;display:inline-block}.btn--solid{background:var(--ink);color:var(--parchment)}.btn--solid:hover{transform:translateY(-2px) translate(var(--mx), var(--my));background:var(--brass-dim);border-color:var(--brass-dim)}.btn--ghost:hover{transform:translateY(-2px) translate(var(--mx), var(--my))}.hero__visual{aspect-ratio:4/5;position:relative;overflow:hidden}.hero__visual video,.hero__visual img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.hero__visual-tag{font-family:var(--mono);letter-spacing:.05em;color:var(--parchment);z-index:2;text-transform:uppercase;background:#1120348c;padding:7px 11px;font-size:11px;position:absolute;bottom:18px;left:18px}.hero__photo-placeholder{text-align:center;border:1px dashed #d0d5de4d;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:32px;display:flex}.hero__photo-placeholder__icon{font-family:var(--display);color:#d0d5de66;font-size:40px;line-height:1}.hero__photo-placeholder__label{font-family:var(--mono);letter-spacing:.04em;color:#d0d5deb3;text-transform:uppercase;font-size:13px}.hero__photo-placeholder__hint{font-family:var(--mono);color:#d0d5de59;max-width:220px;font-size:10.5px}.hero__staff{margin-top:40px}@media (max-width:900px){.hero__grid{grid-template-columns:1fr;gap:40px}.hero__visual{display:none}.hero__identity{align-items:center;gap:18px;margin-bottom:22px;display:flex}.hero__identity .hero__eyebrow{margin-bottom:0}.hero__mobile-avatar{background:var(--parchment-2);border:1px solid var(--line);border-radius:50%;flex:none;width:clamp(84px,24vw,128px);height:clamp(84px,24vw,128px);display:block;overflow:hidden;box-shadow:0 6px 16px -6px #11203440}.hero__mobile-avatar img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.hero__mobile-avatar__fallback{width:100%;height:100%;font-family:var(--display);color:var(--gray);justify-content:center;align-items:center;font-size:clamp(28px,8vw,40px);display:flex}}@media (max-width:480px){.hero__grid{padding:calc(var(--nav-h) + 12px) 20px 0;gap:28px}.hero p.lede{max-width:100%;font-size:16px}.hero__actions{flex-direction:column;align-items:stretch;gap:12px}.hero__actions .btn{text-align:center}}.section{padding:80px 0}.section--tight{padding:60px 0}.section--ink{background:var(--ink);color:var(--parchment)}.section--ink .line{background:#d0d5de24!important}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px;display:flex}.section__tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;font-size:12.5px;display:block}.section--ink .section__tag{color:var(--brass)}#music .section__tag,#contact .section__tag{color:var(--brass-bright)}.section__title{font-family:var(--display);letter-spacing:-.01em;max-width:640px;margin:0;font-size:clamp(30px,4vw,50px);font-weight:600}.section__note{font-family:var(--mono);color:var(--gray);text-align:right;max-width:280px;font-size:15px}.section--ink .section__note{color:#d0d5de8c}@media (max-width:700px){.section{padding:56px 0}.section__head{flex-direction:column;align-items:flex-start}.section__note{text-align:left}}@media (max-width:480px){.section{padding:44px 0}.section--tight{padding:36px 0}.section__note{max-width:100%}}.skills__intro{grid-template-columns:1fr 1fr;gap:36px;margin-bottom:36px;display:grid}.skills__intro p{color:#4a5568;max-width:480px;font-size:18px}@media (max-width:800px){.skills__intro{grid-template-columns:1fr}}.lddraw__art{will-change:transform;width:min(1100px,92vw);position:relative}.lddraw__art svg{width:100%;height:auto;display:block;overflow:visible}.lddraw__art path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.lddraw__art path.parchment{stroke:var(--parchment)}#skillsScrub{height:320vh;position:relative}#workScrub{height:280vh;position:relative}#musicDraw{height:160vh;position:relative}.music-draw__stage{background:var(--ink);justify-content:center;align-items:center;gap:64px;height:100vh;padding:0 32px;display:flex;position:sticky;top:0;overflow:hidden}.music-draw__wave{width:min(560px,60vw)}.music-draw__bars{align-items:center;gap:8px;height:120px;display:flex}.music-draw__bars span{background:var(--brass);border-radius:2px;width:6px;height:20%;animation:1.1s ease-in-out infinite musicBar}.music-draw__bars span:first-child{animation-delay:-.1s}.music-draw__bars span:nth-child(2){background:var(--teal);animation-delay:-.9s}.music-draw__bars span:nth-child(3){animation-delay:-.4s}.music-draw__bars span:nth-child(4){background:var(--teal);animation-delay:-1s}.music-draw__bars span:nth-child(5){animation-delay:-.2s}.music-draw__bars span:nth-child(6){background:var(--teal);animation-delay:-.7s}.music-draw__bars span:nth-child(7){animation-delay:-.5s}.music-draw__bars span:nth-child(8){background:var(--teal);animation-delay:-.3s}@keyframes musicBar{0%,to{height:18%}50%{height:85%}}@media (max-width:700px){.music-draw__stage{flex-direction:column;gap:32px}.music-draw__wave{width:min(480px,84vw)}.music-draw__bars{height:64px}}.scrub__stage{background:var(--parchment);flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scrub__track{will-change:transform;align-items:center;gap:32px;width:max-content;padding:0 50vw;display:flex}.scrub__progress{background:var(--line);z-index:3;width:min(420px,80%);height:2px;margin:40px auto 0;position:relative}.scrub__progress span{background:var(--brass);width:0%;position:absolute;top:0;bottom:0;left:0}.cap-sections{align-items:flex-start;gap:48px;margin-top:36px;display:flex}.cap-section{flex:1;min-width:0}.cap-sections__divider{background:var(--line);flex-shrink:0;align-self:stretch;width:1px}.skills__tabs,.cap-section__intro{display:none}@media (max-width:800px){#skills .section__head{margin-bottom:20px}.cap-sections{flex-direction:column;gap:36px}.cap-sections__divider{align-self:auto;width:100%;height:1px}.skills__tabs{border-bottom:1px solid var(--line);gap:8px;margin-top:0;display:flex}.skills__tabs button{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gray);cursor:pointer;background:0 0;border:none;margin-right:20px;padding:10px 4px 12px;font-size:13px;position:relative}.skills__tabs button:after{content:"";background:var(--brass);height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.skills__tabs button.is-active{color:var(--ink)}.skills__tabs button.is-active:after{transform:scaleX(1)}.skills__intro{display:none}.cap-sections{margin-top:28px}.cap-sections__divider,.cap-sections [data-side]{display:none}.cap-sections[data-active-tab=code] [data-side=code],.cap-sections[data-active-tab=music] [data-side=music]{display:block}.cap-section__intro{color:#4a5568;margin:0 0 24px;font-size:15px;line-height:1.6;display:block}}.cap-section__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-dim);margin-bottom:18px;font-size:12px}[data-side=music] .cap-section__label{color:#4b5e76}.cap-section__stack{flex-direction:column;gap:32px;display:flex}.cat-block__head{margin-bottom:14px}.cat-block__kind{font-family:var(--mono);letter-spacing:.05em;color:var(--gray);margin-bottom:6px;font-size:12px;display:block}.cat-block h3{font-family:var(--display);margin:0 0 4px;font-size:20px;font-weight:600}.cat-block__desc{color:var(--gray);max-width:480px;margin:0;font-size:13px}.cat-block--accent .cat-block__kind{color:#4b5e76}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}@media (max-width:480px){.skill-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.skill-tile{padding:6px}.skill-tile__label{font-size:10.5px}}.skill-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--parchment-2);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.skill-tile:hover{transform:translateY(-3px);box-shadow:0 6px 16px -4px #11203426}.skill-tile__img{object-fit:contain;width:28px;height:28px}[data-side=music] .skill-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}[data-side=music] .skill-tile{gap:10px;padding:14px}[data-side=music] .skill-tile__img{width:52px;height:52px}.skill-tile__label{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);text-align:center;font-size:12px;font-weight:500;line-height:1.2}.work-filmstrip{position:relative}.work-stage{background:var(--ink);height:100vh;position:sticky;top:0;overflow:hidden}.work-slide{will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-slide__bg{font-family:var(--display);color:#d0d5de0a;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(180px,32vw,380px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-slide__body{z-index:2;width:min(760px,88vw);padding:0 20px;position:relative}.work-slide__top{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d0d5de91;justify-content:space-between;align-items:center;margin-bottom:36px;font-size:12px;display:flex}.work-slide__role{font-family:var(--display);color:var(--parchment);margin:0 0 10px;font-size:clamp(28px,5vw,60px);font-weight:600;line-height:1.1}.work-slide__company{font-family:var(--mono);letter-spacing:.04em;color:#6e89aa;margin:0 0 28px;font-size:16px}.work-slide__rule{border:none;border-top:1px solid #d0d5de1a;margin:0 0 24px}.work-slide__desc{color:#d0d5dea6;max-width:580px;margin:0 0 28px;font-size:16px;line-height:1.75}.work-slide__tags{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:480px){.work-slide__body{width:100%;padding:0 12px}.work-slide__top{flex-wrap:wrap;gap:8px;margin-bottom:24px}.work-slide__desc{font-size:14px;line-height:1.6}.work-dots{bottom:20px;right:20px}}.work-slide__tag{font-family:var(--mono);letter-spacing:.04em;color:#d0d5de8c;border:1px solid #d0d5de2e;padding:5px 12px;font-size:11px}.work-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:32px;right:40px}.work-dot{background:#d0d5de33;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.work-dot[data-active="1"]{background:var(--brass);transform:scale(1.4)}.project-rows{flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--line);align-items:center;gap:56px;padding:56px 0;display:flex}.project-row:first-child{padding-top:8px}.project-row:last-child{border-bottom:none}.project-row--reverse{flex-direction:row-reverse}.project-row__media{flex:46%;min-width:0;position:relative}.project-row__index{font-family:var(--mono);letter-spacing:.08em;color:var(--gray);z-index:1;font-size:12px;position:absolute;top:-14px;left:0}.project-row--reverse .project-row__index{left:auto;right:0}.project-row__img{box-sizing:border-box;aspect-ratio:16/10;object-fit:contain;background:var(--parchment-2);border:1px solid var(--line);width:100%;padding:12px;transition:transform .4s;display:block}.project-row:hover .project-row__img{transform:translateY(-4px)}.project-row__img--placeholder{border-style:dashed;justify-content:center;align-items:center;display:flex}.project-row__img--placeholder span{font-family:var(--display);color:var(--gray);font-size:36px}.project-row__body{flex:54%;min-width:0}.project-row h3{font-family:var(--display);margin:0 0 14px;font-size:26px;font-weight:600}.project-row p{color:#3a4a5e;max-width:52ch;margin:0 0 20px;font-size:16px;line-height:1.6}.project-row__tags{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.project-row__tags span{font-family:var(--mono);border:1px solid var(--line);color:var(--ink);padding:4px 8px;font-size:10px}.project-row__links{gap:10px;display:flex}.project-row__links a{font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--ink);--mx:0px;--my:0px;transform:translate(var(--mx), var(--my));align-items:center;gap:7px;padding:8px 13px;font-size:12px;transition:transform .2s,background .2s,color .2s;display:inline-flex}.project-row__links a:hover{background:var(--ink);color:var(--parchment)}.project-row__link-icon{fill:currentColor;width:14px;height:14px}@media (max-width:800px){.project-row,.project-row--reverse{flex-direction:column;align-items:stretch;gap:24px;padding:36px 0}.project-row__index{margin-bottom:8px;display:block;position:static}.project-row--reverse .project-row__index{text-align:left}}.reel{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.reel__card{aspect-ratio:3/4;background:var(--ink);position:relative;overflow:hidden}.reel__card video,.reel__card__poster{object-fit:cover;opacity:.85;width:100%;height:100%;transform:translateY(var(--parallax-y,0px)) scale(1.1);transition:transform .3s;display:block}.reel__card__poster--placeholder{background:#ffffff0a;border:1px dashed #fff3;justify-content:center;align-items:center;display:flex}.reel__card__poster--placeholder span{font-family:var(--display);color:#fff6;font-size:36px}.reel__card__label{z-index:2;color:var(--brass-bright);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:baseline;gap:8px;font-size:11.5px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.reel__card__year{color:#d0d5de8c;font-size:10.5px}.reel__card__label--link{text-underline-offset:3px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;transition:text-decoration-color .2s}.reel__card__label--link:hover{-webkit-text-decoration-color:var(--parchment);text-decoration-color:var(--parchment)}.reel__card:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#112034bf 100%);position:absolute;inset:0}@media (max-width:800px){.reel{grid-template-columns:1fr 1fr}}@media (max-width:520px){.reel{grid-template-columns:1fr}}.contact__grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.contact h2.big{font-family:var(--display);margin:0 0 28px;font-size:clamp(34px,5vw,58px);font-weight:600;line-height:1.04}.contact p.lede{color:#d0d5deb3;max-width:420px;margin-bottom:36px}.contact__links{flex-direction:column;gap:0;display:flex}.contact__links a{font-family:var(--mono);opacity:0;border-bottom:1px solid #d0d5de29;justify-content:space-between;align-items:center;padding:18px 0;font-size:15px;transition:padding-left .3s,color .3s,opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);display:flex;transform:translate(-24px)}.contact__links.is-visible a{opacity:1;transform:translate(0)}.contact__links.is-visible a:nth-child(2){transition-delay:.1s}.contact__links.is-visible a:nth-child(3){transition-delay:.2s}.contact__links.is-visible a:nth-child(4){transition-delay:.3s}.contact__links.is-visible a:hover{color:var(--brass-bright);padding-left:10px}.contact__links a .arrow{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-4px)}.contact__links.is-visible a:hover .arrow{opacity:1;transform:translate(0)}.contact__links.is-visible:hover a{transition:transform .3s,padding-left .3s,color .3s;transform:translate(0)}.contact__links.is-visible a:first-child:hover~a,.contact__links.is-visible a:nth-child(2):hover~a,.contact__links.is-visible a:nth-child(3):hover~a{transform:translate(2px)}.contact__clef{justify-content:center;align-items:center;display:flex}.contact__clef-svg{width:min(180px,35vw);height:auto;overflow:visible}.clef-char{font-family:var(--mono);fill:var(--parchment);text-anchor:middle;dominant-baseline:central;filter:drop-shadow(0 0 6px #2d568880);font-size:10px;font-weight:700;transition:opacity .3s}@media (max-width:800px){.contact__grid{grid-template-columns:1fr auto;align-items:center;gap:24px}.contact__clef-svg{width:min(150px,30vw)}}@media (max-width:480px){.contact__grid{gap:14px}.contact p.lede{max-width:100%}.contact__clef-svg{width:min(110px,28vw)}.footer{flex-direction:column;align-items:flex-start;gap:6px}}.section.contact{padding-bottom:0}.footer{font-family:var(--mono);color:#d0d5de91;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:24px 0 20px;font-size:11.5px;display:flex}.footer a{-webkit-text-decoration:underline #d0d5de4d;text-decoration:underline #d0d5de4d}.admin-shell{background:var(--ink);min-height:100vh;color:var(--parchment);padding:42px}.admin-shell--center{place-items:center;display:grid}.admin-login,.admin-panel{background:#f7f4ec0d;border:1px solid #d0d5de2e}.admin-login{width:min(420px,100%);padding:32px}.admin-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;font-size:11px;display:block}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell p{margin-top:0}.admin-shell h1{font-family:var(--display);margin-bottom:8px;font-size:clamp(34px,5vw,72px)}.admin-shell h2{font-family:var(--display);margin-bottom:0;font-size:24px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.admin-actions,.admin-list__actions,.admin-panel__head{align-items:center;gap:10px;display:flex}.admin-panel__head{justify-content:space-between;margin-bottom:22px}.admin-grid{grid-template-columns:minmax(320px,460px) 1fr;align-items:start;gap:24px;display:grid}.admin-panel{padding:24px}.admin-form,.admin-login{flex-direction:column;gap:16px;display:flex}.admin-form label,.admin-login label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#d0d5dead;flex-direction:column;gap:8px;font-size:11px;display:flex}.admin-form input,.admin-form textarea,.admin-login input{width:100%;color:var(--parchment);font-family:var(--body);background:#112034d9;border:1px solid #d0d5de38;outline:none;padding:11px 12px;font-size:15px}.admin-form input:focus,.admin-form textarea:focus,.admin-login input:focus{border-color:var(--brass)}.admin-row{align-items:end;gap:16px;display:flex}.admin-row>label{flex:1}.admin-check{align-items:center;flex-direction:row!important}.admin-check input{width:auto}.admin-content-editor{margin-bottom:24px}.admin-tabs{border-bottom:2px solid #d0d5de1f;gap:0;margin-bottom:0;display:flex;overflow-x:auto}.admin-tab{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-bottom:-2px;color:#d0d5de80!important;font-family:var(--mono)!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;padding:10px 18px!important;font-size:12px!important}.admin-tab:hover{color:var(--parchment)!important;background:0 0!important}.admin-tab.is-active{color:var(--parchment)!important;border-bottom-color:var(--brass)!important}.admin-tab-body{padding:24px 0 0}.admin-hint{font-family:var(--mono);color:#d0d5de80;font-size:12px}.admin-img-field{flex-direction:column;gap:12px;display:flex}.admin-img-thumb{background:#11203499;border:1px solid #d0d5de2e;border-radius:4px;max-width:280px;display:inline-flex;position:relative;overflow:hidden}.admin-img-thumb--wide{max-width:100%}.admin-img-thumb img{object-fit:contain;max-height:160px}.admin-img-thumb button{position:absolute;top:6px;right:6px}.admin-links{flex-direction:column;gap:10px;display:flex}.admin-links__head{justify-content:space-between;align-items:center;display:flex}.admin-links__head h4{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin:0;font-size:11px}.admin-link-row{align-items:end;gap:12px;display:flex}.admin-link-row>label{flex:1}.admin-btn--sm{flex-shrink:0;align-self:flex-end;line-height:1;padding:6px 10px!important;font-size:11px!important}.admin-btn--danger{color:#ff8a84!important;background:#ff5f571f!important;border-color:#ff5f5780!important}.admin-btn--danger:hover{background:#ff5f5740!important}.admin-btn--ghost{color:var(--parchment)!important;background:0 0!important;border-color:#d0d5de40!important}.admin-btn--ghost:hover{background:#f7f4ec0f!important}.admin-shell button{border:1px solid var(--brass);background:var(--brass);color:var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:10px 14px;font-size:12px}.admin-shell button:hover{background:var(--parchment)}.admin-shell button:disabled{opacity:.55;cursor:not-allowed}.admin-status{color:var(--brass);font-family:var(--mono);background:#c49b581a;border:1px solid #c49b5859;padding:12px 14px;font-size:12px}.admin-list,.admin-message-grid{flex-direction:column;gap:14px;display:flex}.admin-list__item{border:1px solid #d0d5de1f;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.admin-list__item--no-thumb{grid-template-columns:1fr auto}.admin-sublist{flex-direction:column;gap:6px;margin-top:6px;margin-left:24px;display:flex}.admin-list__item--sub{grid-template-columns:44px 1fr auto;padding:8px 12px}.admin-list__item--sub img,.admin-list__item--sub .admin-list__placeholder{width:44px;height:44px;font-size:16px}.admin-list__item img,.admin-list__placeholder{aspect-ratio:1;object-fit:cover;background:#f7f4ec14;width:76px}.admin-list__placeholder{color:var(--brass);place-items:center;font-size:24px;display:grid}.admin-list__item h3,.admin-message h3{margin:0 0 4px;font-size:16px}.admin-list__item p,.admin-message span{font-family:var(--mono);color:#d0d5de94;margin:0;font-size:11px}.admin-messages{margin-top:24px}.admin-message{border:1px solid #d0d5de1f;padding:18px}.admin-message.is-unread{border-color:#c49b5899}.admin-message a{color:var(--brass);margin-bottom:4px;display:block}.admin-message p{color:#f7f4ecdb;margin:14px 0 16px;line-height:1.55}@media (max-width:900px){.admin-shell{padding:24px}.admin-header,.admin-actions{flex-direction:column;align-items:stretch}.admin-grid{grid-template-columns:1fr}.admin-row,.admin-link-row{flex-direction:column}.admin-list__item{grid-template-columns:64px 1fr}.admin-list__actions{grid-column:1/-1}.admin-tabs{gap:0}.admin-tab{padding:8px 12px!important;font-size:11px!important}}.piano-transition{height:350vh;position:relative}.piano-transition__stage{background:var(--parchment);flex-direction:column;justify-content:center;align-items:center;gap:40px;height:100vh;display:flex;position:sticky;top:0}.piano-tagline{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(20px,3vw,34px)}.piano-cursor{color:var(--brass);animation:.65s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.piano-keys-scroll{width:92%;max-width:1100px}.piano-keys{width:100%;height:220px;display:flex;position:relative}.piano-key--white{transform-origin:top;will-change:transform;background:linear-gradient(#d8dce4,#c6ccd6);border:1px solid #1120341f;border-top:3px solid #11203414;border-radius:0 0 6px 6px;flex:1;height:100%;transition:box-shadow 60ms ease-out;position:relative;overflow:hidden;box-shadow:0 6px 12px -4px #1120341f}.piano-key--white:after{content:"";background:linear-gradient(to bottom, #152638, var(--ink));border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.piano-key--white[data-revealed="1"]:after{opacity:var(--morph,0)}.piano-key--white[data-pressed="1"]{box-shadow:0 2px 4px #1120342e}.piano-key--white .key-glow,.piano-key--black .key-glow{content:"";border-radius:inherit;pointer-events:none;opacity:var(--glow,0);will-change:opacity;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 40px #2d5688b3,0 0 20px #2d56884d}.piano-key--black{background:linear-gradient(to bottom, #152638, var(--ink));z-index:2;transform-origin:top;will-change:transform;border-radius:0 0 4px 4px;width:2.66667%;height:62%;transition:background 60ms ease-out,box-shadow 60ms ease-out;position:absolute;top:0;overflow:hidden;box-shadow:0 6px 8px -2px #0000004d,inset 0 -4px 6px #ffffff0a}.piano-key--black[data-pressed="1"]{background:linear-gradient(#1c3048,#0d1a2a);box-shadow:0 2px 3px #0000004d}.key-symbol{text-align:center;font-family:var(--mono);letter-spacing:.03em;color:var(--brass);opacity:0;pointer-events:none;z-index:3;text-shadow:0 0 8px #2d568866;font-size:13px;font-weight:600;transition:opacity .5s;position:absolute;bottom:18%;left:0;right:0}.key-symbol--black{color:var(--brass);font-size:11px;bottom:20%}[data-revealed="1"]>.key-symbol{opacity:calc(.5 + var(--morph,0) * .5)}[data-revealed="1"]>.key-symbol--black{opacity:calc(.4 + var(--morph,0) * .6)}@media (max-width:700px){.piano-keys-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:none;padding:0 20px 14px;overflow:auto hidden}.piano-keys{flex:none;width:820px;height:170px}.key-symbol{font-size:12px}.key-symbol--black{font-size:10.5px}}.eq-transition{height:350vh;position:relative}.eq-transition__stage{background:var(--parchment);flex-direction:column;justify-content:center;align-items:center;gap:44px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.eq-player{flex-direction:column;gap:24px;width:90%;max-width:1100px;display:flex}.eq-player__header{align-items:center;gap:16px;display:flex}.eq-player__icon{background:var(--ink);width:44px;height:44px;color:var(--parchment);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.eq-player__info{flex-direction:column;gap:2px;display:flex}.eq-player__title{font-family:var(--display);color:var(--ink);font-size:20px;font-weight:600}.eq-player__artist{font-family:var(--mono);letter-spacing:.04em;color:#555c68;font-size:12px}.eq-bars{align-items:flex-end;gap:3px;height:200px;display:flex}.eq-bar{transform-origin:bottom;will-change:transform;border-radius:2px;flex:1;height:100%}.eq-player__timeline{align-items:center;gap:14px;display:flex}.eq-player__track{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.eq-player__fill{background:var(--brass);border-radius:2px;width:0%;height:100%}.eq-player__time{font-family:var(--mono);color:#555c68;text-align:right;flex-shrink:0;min-width:90px;font-size:11px}.eq-tagline{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);text-align:center;margin:0;font-size:clamp(18px,2.8vw,32px)}.eq-cursor{color:var(--brass);animation:.65s step-end infinite cursorBlink}@media (max-width:700px){.eq-bars{gap:2px}.eq-player__title{font-size:17px}}@media (max-width:480px){.eq-bars{height:130px}.eq-player__time{min-width:70px;font-size:10px}}.cm-divider{height:180vh;position:relative}.cm-divider__stage{background:var(--parchment);flex-wrap:wrap;place-content:center;align-items:center;gap:40px;height:100vh;padding:0 32px;display:flex;position:sticky;top:0}.cm-tagline{text-align:center;width:100%;font-family:var(--mono);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(18px,2.8vw,32px)}.cm-term{background:var(--ink);border-radius:10px;flex-shrink:0;width:300px;overflow:hidden;box-shadow:0 16px 40px -10px #11203459}.cm-term__bar{background:#ffffff0f;gap:7px;padding:11px 14px;display:flex}.cm-term__dot{background:#d0d5de26;border-radius:50%;width:11px;height:11px}.cm-term__dot:first-child{background:#ff5f57}.cm-term__dot:nth-child(2){background:#febc2e}.cm-term__dot:nth-child(3){background:#28c840}.cm-term__body{font-family:var(--mono);color:var(--parchment);min-height:90px;padding:18px 20px;font-size:14px;line-height:1.8}.cm-cursor{color:var(--brass);animation:.65s step-end infinite cursorBlink}.cm-staff{flex:1;max-width:600px;height:auto}.cm-note{opacity:0;transition:opacity .4s,transform .55s cubic-bezier(.34,1.56,.64,1)}.cm-note[data-show="1"]{opacity:1}@media (max-width:800px){.cm-divider__stage{flex-flow:column;gap:24px;padding:0 20px}.cm-term{width:100%;max-width:360px}.cm-staff{flex:none;width:100%;max-width:100%}}@media (max-width:480px){.cm-term__body{min-height:70px;padding:14px 16px;font-size:12px}}.scroll-clef{z-index:50;pointer-events:none;width:40px;height:60vh;transition:opacity .4s;position:fixed;top:50%;left:18px;transform:translateY(-50%)}.scroll-clef__svg{width:100%;height:100%;overflow:visible}.scroll-clef__dot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.scroll-clef__dot[data-active="1"]{background:var(--brass);box-shadow:0 0 10px #2d568866}.scroll-clef__label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gray);white-space:nowrap;opacity:.5;font-size:9.5px;transition:opacity .3s,color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scroll-clef__dot[data-active="1"] .scroll-clef__label{color:var(--brass-dim);opacity:1}.scroll-clef__icon{color:var(--brass);filter:drop-shadow(0 2px 8px #2d568859);font-size:26px;line-height:1;animation:3s ease-in-out infinite clefFloat;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@media (max-width:900px){.scroll-clef{display:none}}.floating-notes{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-note{color:var(--brass);will-change:transform;-webkit-user-select:none;user-select:none;animation:6s ease-in-out infinite noteBob;position:absolute}@keyframes noteBob{0%,to{translate:0}50%{translate:0 -14px}}@media (max-width:900px){.floating-notes{display:none}}.staff-divider{width:100%;padding:20px 32px;overflow:hidden}.staff-divider svg{width:100%;height:auto;max-height:64px;display:block}.staff-divider__line{stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 1.4s cubic-bezier(.22,.61,.36,1)}.staff-divider.show .staff-divider__line{stroke-dashoffset:0}.staff-note{opacity:0;transition:opacity .45s,transform .55s cubic-bezier(.34,1.56,.64,1);transform:translateY(10px)}.staff-divider.show .staff-note{opacity:1;transform:translateY(0)}.staff-divider.show .staff-note--1{transition-delay:.35s}.staff-divider.show .staff-note--2{transition-delay:.45s}.staff-divider.show .staff-note--3{transition-delay:.55s}.staff-divider.show .staff-note--4{transition-delay:.65s}.staff-divider.show .staff-note--5{transition-delay:.75s}.staff-divider.show .staff-note--6{transition-delay:.85s}.line{background:var(--line);border:none;height:1px;margin:0}