:root{color:#f5f5f2;font-synthesis:none;text-rendering:optimizelegibility;background:#090909;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f5f2;background:#090909;margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1240px,100% - 40px);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090994;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 28px;display:grid;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.02em;font-weight:640}.nav{color:#a2a2a2;gap:28px;font-size:14px;display:flex}.nav a:hover,.socials a:hover{color:#fff}.lang-switch{color:#666;justify-self:end;align-items:center;gap:7px;display:flex}.lang-switch button{color:#777;cursor:pointer;background:0 0;border:0;padding:4px}.lang-switch button.active{color:#fff}.menu-toggle,.mobile-menu{display:none}.hero{align-items:end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-image{z-index:0;object-fit:cover;object-position:58% center;filter:saturate(.9)contrast(1.04);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#090909d1 0%,#09090994 34%,#0909092e 68%,#0909090a 100%),linear-gradient(#0909090f 0%,#09090929 58%,#090909 100%);position:absolute;inset:0}.hero-content{z-index:2;width:min(1240px,100% - 40px);margin:0 auto 76px;padding-block:20px;position:relative}.eyebrow,.tag{text-transform:uppercase;letter-spacing:.18em;color:#aaa;font-size:12px}.hero .eyebrow{margin:0 0 18px}.hero h1{letter-spacing:-.06em;text-wrap:balance;max-width:1100px;margin:0;font-size:clamp(60px,9.5vw,152px);line-height:.88}.scroll-cue{z-index:3;color:#aaa;font-size:24px;position:absolute;bottom:34px;right:34px}.section{border-top:1px solid #ffffff12;padding-block:130px;scroll-margin-top:72px}.section-title{align-items:baseline;gap:24px;margin-bottom:54px;display:flex}.section-title span{color:#777;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.section-title h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,72px)}.music-intro{grid-template-columns:.7fr 1.3fr;align-items:start;column-gap:clamp(44px,7vw,110px);margin-bottom:56px;display:grid}.music-intro .performance-kicker{grid-column:1}.music-intro h2{letter-spacing:-.045em;grid-column:1;max-width:440px;margin:0;font-size:clamp(32px,4vw,54px);line-height:1}.music-intro p{color:#aaa;grid-area:1/2/span 2;max-width:720px;margin:0;font-size:clamp(18px,1.7vw,24px);line-height:1.6}.release-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr .65fr;gap:20px;display:grid}.release-card{width:100%;min-height:260px;color:inherit;text-align:left;cursor:pointer;background:#131313;border:1px solid #ffffff14;border-radius:24px;padding:0;position:relative;overflow:hidden}.release-1{grid-row:1/3;min-height:560px}.release-art{background:linear-gradient(135deg,#1c1c1c,#0e0e0e) 50%/cover;transition:transform .6s;position:absolute;inset:0}.release-card:hover .release-art{transform:scale(1.025)}.release-card:focus-visible{outline-offset:4px;outline:2px solid #fff}.release-card:after{content:"";background:linear-gradient(#0000 45%,#000000c7);position:absolute;inset:0}.release-play{z-index:2;color:#090909;opacity:0;background:#ffffffe6;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:4px;transition:opacity .3s,transform .3s,background .3s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-44%)scale(.9)}.release-card:hover .release-play,.release-card:focus-visible .release-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.release-meta{z-index:2;position:absolute;bottom:24px;left:26px}.release-meta span{color:#b2b2b2;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.release-meta h3{margin:7px 0 0;font-size:28px}.performance-section{border-top:1px solid #ffffff1f;grid-template-columns:.7fr 1.3fr;align-items:start;gap:clamp(44px,7vw,110px);margin-top:clamp(100px,12vw,150px);padding-top:clamp(80px,10vw,120px);display:grid}.performance-kicker{color:#777;letter-spacing:.18em;margin-bottom:20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.performance-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,80px);line-height:.95}.performance-body>p{color:#deded9;letter-spacing:-.025em;max-width:780px;margin:0;font-size:clamp(23px,2.7vw,38px);line-height:1.35}.performance-instruments{color:#8f8f8f;letter-spacing:.08em;border-top:1px solid #ffffff1f;margin-top:52px;padding-top:22px;font-size:13px}.split-section{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:60px;display:grid}#education{align-content:center;min-height:calc(100svh - 72px);padding-block:clamp(64px,8vh,88px)}#education .section-title{margin-bottom:42px}#education>div:first-child{flex-direction:column;min-height:100%;display:flex}#education .lead{margin-block:auto}.lead{color:#aaa;max-width:560px;font-size:clamp(20px,2vw,28px);line-height:1.55}.feature-card,.project-card{background:#121212;border:1px solid #ffffff14;border-radius:28px;padding:42px;transition:border-color .3s,transform .3s}.feature-card:hover,.project-card:hover{border-color:#ffffff38;transform:translateY(-3px)}.okestra-card{flex-direction:column;display:flex}.okestra-logo-panel{background:#f2eee5;border-radius:18px;place-items:center;min-height:230px;margin-bottom:30px;padding:12px 18px;display:grid;overflow:hidden}.okestra-logo-panel img{object-fit:contain;width:min(94%,480px);max-height:270px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.feature-card:hover .okestra-logo-panel img{transform:scale(1.025)}.feature-card h3,.project-card h3{letter-spacing:-.045em;margin:16px 0;font-size:clamp(36px,5vw,68px)}.feature-card p,.project-card p{color:#9e9e9e;max-width:600px;line-height:1.7}.feature-card strong{margin-top:70px;font-size:14px;display:inline-block}.okestra-card p{margin:0;font-size:17px}.okestra-invite{background:#a92f2a17;border:1px solid #ee6a5b4d;border-radius:16px;margin-top:30px;padding:20px 22px}.okestra-invite span{color:#ee897c;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.okestra-invite p{color:#d8d3ce;font-size:15px;line-height:1.55}.okestra-card strong{margin-top:auto;padding-top:30px}.project-card{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}#projects{flex-direction:column;justify-content:center;min-height:calc(100svh - 72px);padding-block:clamp(64px,8vh,88px);display:flex}#projects>.section-title{margin-bottom:40px}.practisio-card{cursor:pointer;background:linear-gradient(135deg,#111820,#0d1117);min-height:610px;position:relative;overflow:hidden}.practisio-card-link{z-index:4;border-radius:inherit;position:absolute;inset:0}.practisio-card-link:focus-visible{outline-offset:-5px;outline:3px solid #4db4ff}.practisio-copy{flex-direction:column;align-items:flex-start;height:100%;padding-block:10px;display:flex}.practisio-brand{align-items:center;gap:16px;display:flex}.practisio-brand img{object-fit:contain;width:38px;height:52px}.practisio-brand .tag{color:#4db4ff}.practisio-copy>p{font-size:17px}.practisio-status{color:#b6c1cc;align-items:center;gap:10px;margin-top:26px;font-size:13px;display:flex}.status-dot{background:#31a9ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #31a9ffbf}.practisio-copy .practisio-access{color:#d7dde3;border-top:1px solid #ffffff1a;margin-top:24px;padding-top:22px;font-size:14px;line-height:1.6}.practisio-actions{z-index:5;flex-wrap:wrap;gap:12px 22px;margin-top:auto;padding-top:30px;font-size:13px;display:flex;position:relative}.early-access-link{color:#65bdff;font-weight:650}.practisio-site-link{color:#89949f}.early-access-link:hover,.practisio-site-link:hover{color:#fff}.practisio-showcase{perspective:1200px;min-height:520px;position:relative}.practisio-screen{background:#081a2d;border:1px solid #ffffff29;border-radius:14px;margin:0;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s;position:absolute;overflow:hidden;box-shadow:0 28px 70px #0000006b}.practisio-screen img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.screen-player{z-index:3;aspect-ratio:1498/850;width:104%;top:22px;right:-18%;transform:rotateY(-5deg)rotate(1deg)}.screen-assignments{z-index:2;aspect-ratio:1665/944;width:68%;bottom:5px;left:-5%;transform:rotateY(7deg)rotate(-2deg)}.screen-students{z-index:1;aspect-ratio:1664/945;opacity:.78;width:61%;bottom:-9%;right:-8%;transform:rotateY(-7deg)rotate(3deg)}.practisio-card:hover .screen-player{border-color:#4db4ff80;transform:rotateY(-2deg)rotate(.3deg)translateY(-5px)}.practisio-card:hover .screen-assignments{transform:rotateY(4deg)rotate(-1deg)translate(-6px,4px)}.practisio-card:hover .screen-students{transform:rotateY(-4deg)rotate(2deg)translate(5px,5px)}.about-section{flex-direction:column;justify-content:center;min-height:calc(100svh - 72px);padding-block:clamp(72px,10vh,110px);display:flex}.about-section .section-title{margin-bottom:38px}.about-copy{letter-spacing:-.032em;color:#e9e9e6;max-width:1080px;margin:0;font-size:clamp(24px,2.65vw,40px);line-height:1.36}.footer{border-top:1px solid #ffffff12;padding-block:120px 46px}.email{letter-spacing:-.04em;margin-bottom:70px;font-size:clamp(28px,5vw,62px);display:inline-block}.socials{color:#8f8f8f;flex-wrap:wrap;gap:24px;font-size:14px;display:flex}.copyright{color:#555;margin-top:90px;font-size:12px}.player-modal{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000db;place-items:center;padding:24px;animation:.25s both modalIn;display:grid;position:fixed;inset:0}.player-panel{width:min(100%,1040px)}.player-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.player-heading h2{letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(30px,5vw,58px)}.player-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;flex:none;width:48px;height:48px;font-size:30px;line-height:1}.player-close:hover{color:#090909;background:#fff}.player-frame{aspect-ratio:16/9;background:#000;border-radius:20px;position:relative;overflow:hidden}.player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-link{color:#aaa;margin-top:18px;font-size:14px;display:inline-block}.youtube-link:hover{color:#fff}.reveal{animation:.9s cubic-bezier(.16,1,.3,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@media (width>=861px){#music.section{padding-block:64px}#music>.section-title{margin-bottom:28px}#music>.section-title h2{font-size:clamp(38px,4vw,56px)}#music .music-intro{grid-template-columns:.62fr 1.38fr;column-gap:clamp(36px,5vw,76px);margin-bottom:28px}#music .music-intro .performance-kicker{margin-bottom:12px}#music .music-intro h2{font-size:clamp(28px,2.6vw,38px)}#music .music-intro p{max-width:760px;font-size:clamp(15px,1.25vw,18px);line-height:1.5}#music .release-grid{grid-template-rows:190px;grid-template-columns:repeat(3,1fr);gap:16px}#music .release-card,#music .release-1{border-radius:18px;grid-row:auto;min-height:190px}#music .release-meta{bottom:18px;left:20px}#music .release-meta h3{font-size:22px}#music .release-play{width:50px;height:50px;font-size:13px}#music .performance-section{grid-template-columns:.62fr 1.38fr;gap:clamp(36px,5vw,76px);margin-top:42px;padding-top:32px}#music .performance-kicker{margin-bottom:12px}#music .performance-heading h2{font-size:clamp(30px,3.2vw,44px)}#music .performance-body>p{letter-spacing:-.012em;max-width:820px;font-size:clamp(16px,1.45vw,20px);line-height:1.48}#music .performance-instruments{margin-top:18px;padding-top:13px;font-size:11px}#projects .practisio-card{min-height:520px}#projects .practisio-showcase{min-height:450px}}@media (width<=860px){.site-header{grid-template-columns:1fr auto auto;gap:12px;height:64px;padding-inline:20px}.brand{font-size:14px}.nav{display:none}.lang-switch{font-size:12px}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;width:38px;height:38px;padding:0;display:block;position:relative}.menu-toggle span{background:currentColor;width:16px;height:1px;transition:transform .25s,top .25s;position:absolute;left:10px}.menu-toggle span:first-child{top:14px}.menu-toggle span:last-child{top:21px}.menu-toggle.open span:first-child{top:18px;transform:rotate(45deg)}.menu-toggle.open span:last-child{top:18px;transform:rotate(-45deg)}.mobile-menu{z-index:29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#090909f5;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff1a;padding:12px 20px 22px;transition:opacity .25s,transform .25s;display:grid;position:fixed;inset:64px 0 auto;transform:translateY(-12px)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu a{border-bottom:1px solid #ffffff12;grid-template-columns:34px 1fr;align-items:center;padding-block:13px;font-size:18px;display:grid}.mobile-menu a:last-child{border-bottom:0}.mobile-menu a span{color:#666;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.hero-content{margin-bottom:42px}.release-grid,.split-section,.project-card{grid-template-columns:1fr}.release-grid{grid-template-rows:auto}.music-intro{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.music-intro .performance-kicker,.music-intro h2,.music-intro p{grid-area:auto/1}.music-intro p{font-size:18px}.release-1{grid-row:auto;min-height:420px}.release-card{min-height:300px}.release-play{opacity:1;width:54px;height:54px;transform:translate(-50%,-50%)}.performance-section{grid-template-columns:1fr;gap:42px;margin-top:90px;padding-top:80px}.performance-heading h2{max-width:600px}.performance-body>p{font-size:clamp(22px,6vw,30px);line-height:1.42}.performance-instruments{margin-top:38px;line-height:1.8}.section{padding-block:90px}#education,#projects,.about-section{min-height:auto;padding-block:90px}.about-section .section-title{margin-bottom:32px}.about-copy{font-size:clamp(22px,6vw,30px);line-height:1.42}.okestra-logo-panel{min-height:190px;margin-bottom:26px;padding:10px 12px}.practisio-card{gap:36px;min-height:auto}.practisio-copy{min-height:360px}.practisio-showcase{min-height:390px;margin-inline:-14px}.screen-player{width:105%;right:-12%}.screen-assignments{width:72%;left:0}.screen-students{width:64%;right:-5%}}@media (width<=480px){.shell{width:calc(100% - 32px)}.site-header{gap:9px;padding-inline:16px}.brand{max-width:92px;line-height:1.05}.hero-content{width:calc(100% - 32px)}.hero h1{font-size:clamp(50px,15vw,64px);line-height:.92}.scroll-cue{bottom:24px;right:20px}.section-title{gap:16px;margin-bottom:38px}.section-title h2{font-size:clamp(36px,12vw,48px)}.release-1{min-height:360px}.release-card{border-radius:20px;min-height:280px}.feature-card,.project-card{border-radius:22px;padding:26px}.okestra-logo-panel{min-height:170px}.okestra-card p,.practisio-copy>p{font-size:15px}.practisio-copy{min-height:390px}.practisio-showcase{min-height:310px;margin-inline:-10px}.screen-player{width:104%;top:16px;right:-8%}.screen-assignments{width:74%}.screen-students{width:66%}.player-modal{padding:16px}.player-heading{align-items:center}.player-heading h2{font-size:28px}.player-close{width:42px;height:42px}.email{overflow-wrap:anywhere;max-width:100%;font-size:clamp(21px,7vw,30px)}.socials{gap:16px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.release-art,.okestra-logo-panel img,.practisio-screen,.menu-toggle span,.mobile-menu{transition:none}}
