@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-ext-wght-normal-hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-wght-normal-mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-ext-wght-normal-B-I5lbAQ.woff2)format("woff2-variations");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:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-wght-normal-BS5oQT7X.woff2)format("woff2-variations");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}:root{color:#292a28;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f5f3;--ink:#292a28;--muted:#737570;--line:#d8d9d3;--accent:#007386;--accent-graphic:#00a6bd;letter-spacing:0;background:#f5f5f3;font-family:Golos Text Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{min-width:320px;margin:0}#root{isolation:isolate}.portrait-background{z-index:-1;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;height:100lvh;position:fixed;inset:0 0 auto}.portrait-background img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a,h1,h2,h3,p,span{letter-spacing:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#fff}svg{flex-shrink:0}.page-width{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;display:flex}.wordmark{align-items:center;gap:12px;min-height:44px;font-size:17px;font-weight:550;display:inline-flex}.brand-mark{background:var(--accent);border-radius:50%;width:16px;height:16px;position:relative}.brand-mark:after{content:"";background:var(--paper);width:2px;height:22px;position:absolute;top:-3px;left:7px;transform:rotate(35deg)}.header-nav{align-items:center;gap:64px;font-size:12px;display:flex}.practice-link{align-items:center;gap:24px;min-height:44px;display:flex}.practice-link:hover{color:var(--accent)}.language-switch{align-items:center;gap:1px;display:flex}.language-switch button{color:var(--muted);background:0 0;width:44px;min-height:44px;font-size:11px}.language-switch button[aria-pressed=true]{color:var(--ink);font-weight:650}.language-switch>span{color:#a6a7a1;font-size:10px}.hero{flex-direction:column;height:calc(90svh - 100px);max-height:920px;display:flex}.hero-heading{z-index:1;grid-template-columns:1fr 330px;align-items:end;padding-top:42px;display:grid;position:relative}h1{font-size:112px;font-weight:500;line-height:.99}h1>span{display:block}.name-period{color:var(--accent)}.introduction{padding-bottom:10px}.small-index{color:var(--muted);margin-bottom:28px;font-family:monospace;font-size:10px;display:block}.introduction p{font-size:16px;line-height:1.65}.intro-rule{background:var(--accent);width:35px;height:1px;margin-top:25px;display:block}.score-composition{flex:1;min-height:260px;position:relative}.score{position:absolute;inset:0}.score-poster{object-fit:contain;width:100%;height:100%;transition:opacity .6s;position:absolute}.score[data-ready=true] .score-poster{opacity:0;pointer-events:none}.score canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.score[data-ready=true] canvas{opacity:1}.score-axis{pointer-events:none;color:#888b82;justify-content:space-between;font:9px/1 monospace;display:flex;position:absolute;top:54%;left:0;right:0}.score-axis span{align-items:center;gap:12px;display:flex}.score-axis span:first-child:before,.score-axis span:last-child:after{content:"+";color:#a3a69b;font-size:16px}.hero-bottom{justify-content:space-between;align-items:center;padding-block:13px 29px;display:flex}.connection{align-items:center;gap:15px;min-height:44px;font-size:12px;display:flex}.connection>svg{color:var(--accent);transition:transform .18s}.connection:hover>svg{transform:translateY(3px)}.score-controls{align-items:center;gap:12px;display:flex}.score-controls[data-available=false]{visibility:hidden}.mode-switch{background:#e9eae5;border-radius:4px;gap:3px;padding:3px;display:flex}.mode-switch button{color:#74776e;background:0 0;border-radius:2px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:11px;transition:background .2s,color .2s;display:flex}.mode-switch button[aria-pressed=true]{color:var(--ink);background:var(--paper);box-shadow:0 1px 3px #2222220d}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button:hover{color:var(--accent)}.tooltip{background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;border-radius:3px;padding:8px 10px;font-size:11px;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);right:0}.icon-button:hover .tooltip,.icon-button:focus-visible .tooltip{opacity:1}.practice{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding-block:42px 65px;display:grid}.practice-item{min-width:0}.engineering{padding-right:76px}.music{border-left:1px solid var(--line);padding-left:76px}.section-label{align-items:center;gap:19px;font-size:11px;display:flex}.section-label>span:first-child{color:var(--accent);font-family:monospace}.section-label h2{font-size:12px;font-weight:400}.label-rule{background:var(--line);width:35px;height:1px;margin-left:auto}.practice h3{margin-top:37px;font-size:58px;font-weight:450;line-height:1.08}.practice-description{color:#686b62;text-wrap:pretty;max-width:340px;margin-top:25px;font-size:14px;line-height:1.8}.engineering-note{color:var(--muted);align-items:center;gap:12px;margin-top:38px;font-size:10px;display:flex}.tiny-cross{color:var(--accent);font-size:17px}.artist-name{justify-content:space-between;align-items:center;gap:16px;display:flex}.artist-arrow{color:var(--accent);margin-top:38px;transition:transform .2s}.artist-name:hover .artist-arrow{transform:translate(4px,-4px)}.text-link{align-items:center;gap:15px;min-height:44px;margin-top:13px;font-size:12px;display:inline-flex}.text-link:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.footer-thought{margin-left:auto;margin-right:50px}.back-top{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.back-top>svg{transform:rotate(180deg)}.skip-link{z-index:30;background:var(--ink);color:#fff;padding:15px;font-size:14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}@media (width>=1600px){h1{font-size:132px}.hero-heading{padding-top:54px}}@media (width<=1200px){.artist-name h3{font-size:48px}}@media (width<=1100px){.page-width{width:calc(100% - 72px)}h1{font-size:91px}.hero-heading{grid-template-columns:1fr 280px}.introduction p{font-size:14px}.engineering{padding-right:44px}.music{padding-left:44px}.practice h3{font-size:50px}.artist-name h3{font-size:38px}.score-axis{top:60%}}@media (width<=800px){.page-width{width:calc(100% - 48px)}.header{height:80px}.hero{height:calc(90svh - 80px)}.hero-heading{grid-template-columns:1fr 240px;padding-top:35px}h1{font-size:73px}.small-index{margin-bottom:18px}.intro-rule{margin-top:18px}.introduction p{font-size:12px}.score-axis{display:none}.hero-bottom{padding-bottom:24px}.engineering{padding-right:30px}.music{padding-left:30px}.practice h3{font-size:43px}.artist-name h3{font-size:30px}.artist-arrow{width:32px}}@media (width<=600px){.page-width{width:calc(100% - 40px)}.header{height:72px}.wordmark{gap:9px;font-size:15px}.brand-mark{width:14px;height:14px}.brand-mark:after{height:20px;left:6px}.header-nav{gap:0}.practice-link{display:none}.language-switch button{width:44px}.hero{height:calc(90svh - 72px);max-height:760px}.hero-heading{padding-top:29px;display:block}h1{font-size:64px;line-height:1.01}.introduction{align-items:start;gap:17px;margin-top:24px;padding:0;display:flex}.small-index{white-space:nowrap;margin:5px 0 0;font-size:9px}.introduction p{font-size:13px;line-height:1.7}.intro-rule{display:none}.score-composition{min-height:240px}.hero-bottom{flex-wrap:wrap;gap:20px;padding-bottom:27px}.connection{order:2;justify-content:space-between;width:100%;font-size:11px}.connection>svg{order:2}.score-controls{gap:8px;margin-inline:auto}.mode-switch button{padding-inline:14px}.practice{grid-template-columns:1fr;padding-block:30px 40px}.engineering{padding:0 0 37px}.music{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.practice h3{margin-top:28px;font-size:48px}.artist-name h3{font-size:40px}.practice-description{max-width:330px;margin-top:19px;font-size:14px}.engineering-note{margin-top:24px}.artist-arrow{width:32px;margin-top:28px}.footer{flex-wrap:wrap;min-height:83px;padding-block:16px}.footer-signature{font-size:9px}.footer-thought{display:none}}@media (width<=370px){h1{font-size:55px}.introduction{gap:12px}.introduction p{font-size:12px}.practice h3{font-size:42px}.artist-name{gap:12px}.artist-name h3{font-size:34px}.artist-arrow{width:28px}}@media (height<=760px) and (width>=801px){.header{height:78px}.hero{height:calc(90svh - 78px)}.hero-heading{padding-top:28px}h1{font-size:90px}.score-composition{min-height:140px}}@media (height<=740px) and (width<=600px){.header{height:64px}.hero{height:calc(90svh - 64px)}.hero-heading{padding-top:22px}h1{font-size:54px}.introduction{margin-top:16px}.introduction p{font-size:12px}.score-composition{min-height:100px}.hero-bottom{gap:12px;padding-block:8px 20px}}@media (height<=600px) and (width>=601px){.header{height:60px}.hero{height:calc(90svh - 60px)}.hero-heading{padding-top:16px}h1{font-size:50px}.small-index{display:none}.introduction p{font-size:12px}.intro-rule{margin-top:12px}.score-composition{min-height:80px}.hero-bottom{padding-block:8px 12px}.practice{padding-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pause-button{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-interference .hero-heading{padding-top:30px;display:block}.hero-interference h1{font-size:180px;font-weight:500;line-height:1.06}.hero-interference h1>span:first-child{margin-bottom:8px;font-size:28px;line-height:1.2}.hero-interference .introduction{align-items:center;gap:28px;margin-top:18px;padding:0;display:flex}.hero-interference .small-index{margin:0}.hero-interference .introduction p{font-size:13px;line-height:1.7}.hero-interference .introduction p br{display:none}.hero-interference .intro-rule{width:56px;margin:0 0 0 auto}.hero-interference .score-composition{min-height:100px}.hero-interference .score-axis{display:none}.hero-interference .hero-bottom{padding-top:8px}.interference-fallback{opacity:.65;background:repeating-linear-gradient(90deg, var(--accent-graphic) 0 1px, transparent 1px 15px);position:absolute;inset:12% 4%}.interference[data-ready=true] .interference-fallback{display:none}.surname{font:inherit;text-align:left;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline-block}.surname-letter,.surname-punctuation{display:inline-block;position:relative}.surname-glyph{display:inline-block}.surname-key{background:var(--accent-graphic);opacity:0;pointer-events:none;height:2px;position:absolute;bottom:.06em;left:20%;right:20%}@media (width>=1600px){.hero-interference h1{font-size:240px}.hero-interference .hero-heading{padding-top:40px}}@media (width<=1100px){.hero-interference h1{font-size:132px}.hero-interference .hero-heading{padding-top:30px}}@media (width<=800px){.hero-interference h1{font-size:100px}.hero-interference h1>span:first-child{font-size:25px}.hero-interference .introduction{gap:18px}.hero-interference .intro-rule{display:none}.hero-interference .introduction p{font-size:12px}}@media (width<=600px){.hero-interference h1{font-size:60px;line-height:1.12}.hero-interference h1>span:first-child{margin-bottom:14px;font-size:28px}.hero-interference .hero-heading{padding-top:30px}.hero-interference .introduction{gap:17px;margin-top:22px}.hero-interference .introduction p{font-size:13px}.hero-interference .introduction p br{display:initial}.hero-interference .hero-bottom{padding-top:8px}}@media (width<=370px){.hero-interference h1{font-size:54px}.hero-interference .introduction p{font-size:12px}.hero-interference .introduction{gap:12px}}@media (height<=740px) and (width<=600px){.hero-interference .hero-heading{padding-top:20px}.hero-interference h1>span:first-child{margin-bottom:8px;font-size:22px}.hero-interference .introduction{margin-top:12px}.hero-interference .introduction p{font-size:12px}}@media (height<=760px) and (width>=801px){.hero-interference h1{font-size:140px}.hero-interference .hero-heading{padding-top:22px}.hero-interference .introduction{margin-top:8px}}@media (height<=600px) and (width>=601px){.hero-interference h1{font-size:76px}.hero-interference h1>span:first-child{margin-bottom:3px;font-size:18px}.hero-interference .hero-heading{padding-top:12px}.hero-interference .introduction{margin-top:4px}.hero-interference .score-composition{min-height:40px}}