@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/ca8956476e4b15e1-s.2of77tvarlxv9.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:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/0ada71b763703d9d-s.0_hkuyklry9k2.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:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/2b7d3311b69a4dca-s.p.32vcy6_pq4pnh.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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6632a144c419935f-s.38msdipe8z81f.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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7b27d9904b50e540-s.30bhvdlsk8sra.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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d38f3bca7db33566-s.p.3se9ogqst-d6c.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:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_9abd7419-module__Uf0Rsq__className{font-family:Newsreader,Newsreader Fallback}.newsreader_9abd7419-module__Uf0Rsq__variable{--font-serif:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/544b4063139fb67e-s.2eljqcc7k5psn.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:Instrument Sans;font-style:italic;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/510598db810e1932-s.p.3v9_rcu9amhbf.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:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.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:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.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:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_c9aa7732-module__dfG4va__className{font-family:Instrument Sans,Instrument Sans Fallback}.instrument_sans_c9aa7732-module__dfG4va__variable{--font-sans:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d72774d76b1ea43b-s.p.15qa9yib1gx8h.woff2)format("woff2");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D126,U+1D129-1D1EA,U+1D200-1D245}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2874e5d7d5aa9ae0-s.2nk8e46kwsfbi.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:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(../media/032252a1d5659fdc-s.1f955wrm41yg_.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:Noto Music Fallback;src:local(Arial);ascent-override:130.64%;descent-override:37.43%;line-gap-override:0.0%;size-adjust:106.33%}.noto_music_4d1b34be-module__Z5WR-G__className{font-family:Noto Music,Noto Music Fallback;font-style:normal;font-weight:400}.noto_music_4d1b34be-module__Z5WR-G__variable{--font-music:"Noto Music", "Noto Music Fallback"}
:root{--bg:#0b0d12;--bg-rgb:11, 13, 18;--surface:#12151c;--menu:#151821;--key-off:#1a1d26;--ivory:#f7f3ea;--text:#f1ece1;--text-2:#cfcac0;--text-3:#a9a69f;--accent:#9db8e0;--eyebrow:#8f9bb0;--rule:#9db8e080;--line:#f1ece11f;--line-2:#f1ece129;--serif:var(--font-serif), var(--font-music), Georgia, serif;--sans:var(--font-sans), var(--font-music), -apple-system, "Helvetica Neue", sans-serif;--gutter:clamp(20px, 7.8vw, 112px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:var(--text);text-underline-offset:4px}a:hover{color:#fff}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}img{max-width:100%;height:auto}input::placeholder{color:var(--text-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:1440px;margin:0 auto}.wrap{margin-inline:var(--gutter)}.eyebrow{font-family:var(--serif);letter-spacing:.24em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:14px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.85;flex:none;width:32px;height:1px}.label{font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:500}.serif{font-family:var(--serif)}.muted{color:var(--text-3)}.section{border-top:1px solid var(--line);padding:88px 0 96px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn-light{background:var(--ivory);color:var(--bg)}.btn-light:hover{color:var(--bg);background:#fff}.btn-ghost{color:var(--text);background:0 0;border-color:#f1ece147}.btn-ghost:hover{border-color:#f1ece199}.btn-lg{height:62px;padding:0 26px}.btn-sm{border-radius:6px;height:40px;padding:0 14px;font-size:14px}.header{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:80px;display:flex;position:relative}.header-left{align-items:center;gap:40px;display:flex}.lockup{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.lockup .mark{color:var(--accent);flex-shrink:0}.mark{background:currentColor;display:inline-block;-webkit-mask:url(/brand/mark.png) 50%/contain no-repeat;mask:url(/brand/mark.png) 50%/contain no-repeat}.lockup span{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700}.nav{align-items:center;gap:2px;display:flex}.nav a,.nav button{cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;height:44px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav button[aria-expanded=true]{background:#f1ece11f}.header-right{align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.header-right>a:not(.btn){align-items:center;height:44px;padding:0 12px;text-decoration:none;display:flex}.header-right .btn{border-radius:4px;height:44px;margin-left:8px;padding:0 18px;font-size:15px}.menu{z-index:10;top:84px;left:var(--gutter);right:var(--gutter);background:var(--menu);border:1px solid #f1ece124;border-radius:10px;padding:28px 32px 30px;position:absolute;box-shadow:0 30px 60px -20px #000000b3}.menu-rep{grid-template-columns:2fr 1fr;column-gap:48px;display:grid}.menu-toggle{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-toggle[aria-expanded=true]{background:#f1ece11f}.menu-mobile{flex-direction:column;gap:10px;max-height:calc(100dvh - 100px);display:flex;overflow-y:auto}.menu-mobile .label{margin-top:10px}.menu-mobile-links{flex-wrap:wrap;gap:8px 24px;margin-top:14px;font-size:15px;font-weight:500;display:flex}.menu-mobile-links a{text-decoration:none}.menu-cats{grid-template-columns:1fr 1fr;column-gap:32px;margin-top:14px;display:grid}.menu-cats a{border-top:1px solid #f1ece114;justify-content:space-between;align-items:baseline;padding:11px 0;text-decoration:none;display:flex}.menu-cats .name{font-family:var(--serif);font-size:20px;font-weight:500}.menu-cats .count{color:var(--text-3);margin-left:10px;font-size:13px}.menu-cats .st{font-size:13px;font-weight:600}.menu-famous{margin-top:14px}.menu-famous a{border-top:1px solid #f1ece114;flex-direction:column;gap:1px;padding:10px 0;font-size:15px;text-decoration:none;display:flex}.menu-famous small{color:var(--text-3);font-size:13px}.menu-all{color:var(--accent);margin-top:16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.menu-sets{grid-template-columns:repeat(2,1fr);column-gap:32px;display:grid}.menu-sets>a,.menu-sets>div>a:first-child{flex-direction:column;gap:6px;text-decoration:none;display:flex}.menu-sets .prints{color:var(--accent);margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.menu-sets .t{font-family:var(--serif);font-size:24px;font-weight:500}.menu-sets .d{color:var(--text-2);font-size:14px;line-height:1.5}.menu-sets .p{font-family:var(--serif);margin-top:4px;font-size:22px}.menu-sets .last{border-left:1px solid #f1ece11a;padding-left:32px}.hero{min-height:860px;position:relative}.hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scrim-x{background:linear-gradient(90deg, rgba(var(--bg-rgb), .95) 0%, rgba(var(--bg-rgb), .86) 40%, rgba(var(--bg-rgb), .25) 72%, rgba(var(--bg-rgb), .08) 100%);position:absolute;inset:0}.scrim-y{background:linear-gradient(0deg, var(--bg), rgba(var(--bg-rgb), 0));height:180px;position:absolute;bottom:0;left:0;right:0}.hero-body{padding:112px var(--gutter) 96px;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--ivory);margin:22px 0 24px;font-size:clamp(46px,6.1vw,88px);font-weight:500;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.lede{color:#e2ddd3;max-width:560px;margin-bottom:40px;font-size:clamp(18px,1.5vw,21px);line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{z-index:4;width:min(540px,100%);position:relative}.search-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161922cc;border:1px solid #f1ece13d;border-radius:8px;align-items:center;gap:14px;height:62px;padding:0 18px;display:flex}.search-box:focus-within{border-color:#f1ece180}.search-box input{min-width:0;height:58px;font-family:var(--sans);color:var(--text);background:0 0;border:0;outline:none;flex-grow:1;font-size:17px}.results{background:var(--menu);border:1px solid var(--line-2);border-radius:8px;position:absolute;top:70px;left:0;right:0;overflow:hidden;box-shadow:0 24px 48px -16px #0009}.results a{border-bottom:1px solid #f1ece114;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 18px;text-decoration:none;display:flex}.results a:hover,.results a:focus-visible{background:#f1ece10d}.results .t{font-family:var(--serif);font-size:18px;display:block}.results small{color:var(--text-3);font-size:13px}.results .st{flex-shrink:0;font-size:13px;font-weight:600}.results p{color:var(--text-2);padding:16px 18px;font-size:15px}.chips{flex-wrap:wrap;gap:6px;max-width:640px;margin-top:14px;display:flex}.chips button{height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #f1ece11a;border-radius:999px;padding:0 12px;font-size:13px;font-weight:400;transition:color .12s,border-color .12s}.chips button:hover{color:var(--text);border-color:#f1ece14d}.value{grid-template-columns:repeat(4,1fr);gap:32px;padding:24px 0 88px;display:grid}.value div{border-top:1px solid var(--rule);flex-direction:column;gap:10px;padding-top:20px;display:flex}.value h2{font-family:var(--serif);color:var(--ivory);font-size:24px;font-weight:500;line-height:1.15}.value p{color:var(--text-2);font-size:15px;line-height:1.55}.row-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.row-head h2{font-family:var(--serif);color:var(--ivory);font-size:36px;font-weight:500}.row-head a{font-size:15px;font-weight:500}.row-head h2.label{font-family:var(--serif);letter-spacing:.2em;color:var(--text-3);font-size:12px;font-weight:500}.cat-grid{grid-template-columns:repeat(5,1fr);gap:28px 32px;display:grid}.cat-grid a{border-top:1px solid var(--line-2);flex-direction:column;gap:4px;padding:16px 0 0;text-decoration:none;display:flex}.cat-grid .name{font-family:var(--serif);color:var(--ivory);font-size:22px;font-weight:500}.cat-grid .meta{color:var(--text-3);justify-content:space-between;font-size:13px;display:flex}.cat-grid .st{font-size:12px;font-weight:600}.popular{grid-template-columns:repeat(4,1fr);gap:36px 32px;display:grid}.popular a{border-top:1px solid var(--line-2);flex-direction:column;gap:3px;min-width:0;padding:18px 0 0;text-decoration:none;display:flex}.popular .top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.popular .t{font-family:var(--serif);font-size:19px;font-weight:500}.popular .st{flex-shrink:0;font-size:13px;font-weight:600}.popular small{color:var(--text-3);font-size:13px}.incipit{align-items:center;height:72px;margin-top:12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.incipit img{max-width:none}.noct-band{background:#07090d;border-block:1px solid #f1ece10f;width:100vw;margin-inline:calc(50% - 50vw);padding-bottom:96px;position:relative}.noct-band+.about{border-top:0}.noct-band .wrap{margin-inline:max(var(--gutter), calc(50% - 720px + var(--gutter)))}.noct-hero{height:clamp(400px,42vw,760px);margin-bottom:8px;position:relative;overflow:hidden}.noct-hero>img{object-fit:cover;object-position:72% center;width:100%;height:100%;position:absolute;inset:0}.noct-hero:after{content:"";background:linear-gradient(90deg,#07090de6 0%,#07090d8c 34%,#07090d00 58%),linear-gradient(#07090d00 72%,#07090d 100%);position:absolute;inset:0}.noct-hero-body{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;height:100%;display:flex;position:relative}.noct-hero h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ivory);font-size:clamp(46px,5.2vw,76px);font-weight:500;line-height:1}.noct-sub{color:var(--text-2);font-size:18px}.noct-cta{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:10px;display:flex}.noct-cta .prints{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.noct{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:40px;display:grid}.noct-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.noct-list button{text-align:left;border:1px solid var(--line-2);background:var(--menu);cursor:pointer;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:12px 14px;transition:border-color .12s;display:flex}.noct-list button:hover{border-color:#f1ece159}.noct-list button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.noct-list .op{font-family:var(--serif);color:var(--ivory);font-size:19px}.noct-list small{color:var(--text-3);font-size:13px}.noct-preview{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;flex-direction:column;gap:14px;padding:24px;display:flex;position:sticky;top:24px}.noct-preview h3{font-family:var(--serif);color:var(--ivory);font-size:28px;font-weight:500;line-height:1.1}.noct-preview .meta{color:var(--text-3);margin-top:4px;font-size:14px}.noct-preview .sheet img{object-fit:cover;object-position:top;max-height:340px}.noct-preview .buy{border-bottom:0;padding:16px 0 0}.noct-preview .buy .price{font-size:28px}.noct-preview .buy .btn{height:48px}.method-head{grid-template-columns:6fr 5fr;align-items:end;gap:24px 72px;margin-bottom:56px;display:grid}.method-head h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ivory);margin-top:16px;font-size:clamp(38px,3.8vw,54px);font-weight:500;line-height:1.04}.method-head p{color:var(--text-2);font-size:18px;line-height:1.6}.phases{grid-template-columns:1fr 1fr;gap:48px 40px;display:grid}.phase{border-top:2px solid #f1ece199;flex-direction:column;gap:10px;padding-top:22px;display:flex}.phase.one{border-top-color:var(--accent)}.phase.one .eyebrow{color:var(--accent)}.phase .eyebrow:before{display:none}.phase .t{font-family:var(--serif);color:var(--ivory);font-size:28px;font-weight:500}.phase .d{color:var(--text-2);margin-bottom:16px;font-size:16px;line-height:1.55}.chords-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:36px;display:flex}.chords-head h2{font-family:var(--serif);color:var(--ivory);margin-top:14px;font-size:clamp(34px,3.2vw,46px);font-weight:500;line-height:1.05}.chords-head a{flex-shrink:0;font-size:15px;font-weight:500}.score-scroll{overflow-x:auto}.bars{border-left:1px solid #f1ece14d;margin-top:36px;display:flex}.bar{border-right:1px solid #f1ece14d;flex-direction:column;flex:1 1 0;gap:8px;min-width:120px;padding:0 10px;display:flex}.bar>span{color:var(--text-3);font-size:12px}.bar>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bar button{border:1px solid var(--line-2);background:var(--menu);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:64px;display:flex}.bar button:hover{border-color:#f1ece159}.bar button b{font-family:var(--serif);font-size:20px;font-weight:500}.bar button small{font-size:13px}.bar button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.keys-row{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:end;gap:28px 46px;margin-top:48px;display:grid}.cur{flex-direction:column;gap:6px;padding-bottom:6px;display:flex}.cur .sym{font-family:var(--serif);color:var(--ivory);font-size:48px;font-weight:500;line-height:1}.cur .rn{color:var(--accent);font-size:20px}.cur .notes{color:var(--text-2);margin-top:10px;font-size:16px}.cur .what{color:var(--text-3);font-size:14px}.keyboard{aspect-ratio:870/190;width:100%;max-width:540px;position:relative}.keys-row>*{min-width:0}.whites{height:100%;display:flex}.white{border:1px solid var(--bg);height:100%;color:var(--bg);background:#ede8de;border-radius:0 0 4px 4px;flex:1 1 0;justify-content:center;align-items:flex-end;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.black{border:1px solid var(--bg);background:var(--key-off);width:3.9%;height:62%;color:var(--text);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:10px;font-weight:600;display:flex;position:absolute;top:0;transform:translate(-50%)}.white.on,.black.on{background:var(--accent);color:var(--bg)}.about{border-top:1px solid var(--line);grid-template-columns:300px 1fr;align-items:baseline;gap:24px 48px;padding:72px 0 80px;display:grid}.about .who{flex-direction:column;gap:6px;display:flex}.about .who .serif{color:var(--ivory);font-size:24px;font-weight:500}.quote{font-family:var(--serif);font-size:clamp(21px,1.9vw,26px);font-style:italic;line-height:1.45}.pricing{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px 48px;padding:56px 0;display:grid}.pricing>*{flex-direction:column;gap:6px;text-decoration:none;display:flex}.pricing .k{color:var(--text-3);font-size:14px}.pricing .amount{font-family:var(--serif);color:var(--ivory);font-size:40px;font-weight:500}.amount .was{color:var(--text-3);font-size:.5em;font-weight:400;text-decoration:line-through}.pricing .d{color:var(--text-2);font-size:15px;line-height:1.5}.footer{border-top:1px solid var(--line);margin-top:0;padding:48px 0 40px}.footer-cols{grid-template-columns:2fr repeat(4,1fr);gap:32px;font-size:14px;display:grid}.footer-brand{flex-direction:column;gap:10px;display:flex}.footer-brand .lockup span{font-size:12px}.footer nav{flex-direction:column;gap:8px;display:flex}.footer nav a{text-decoration:none}.legal{color:var(--text-3);border-top:1px solid #f1ece114;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:20px;font-size:13px;display:flex}.page-head{padding:72px 0 40px}.page-head h1{font-family:var(--serif);letter-spacing:-.015em;color:var(--ivory);margin-top:14px;font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1.02}.page-head .sub{color:var(--text-2);max-width:640px;margin-top:14px;font-size:17px;line-height:1.5}.crumbs{color:var(--text-3);gap:8px;font-size:14px;display:flex}.crumbs a{color:var(--text-3);text-decoration:none}.crumbs a:hover{color:var(--text)}.piece{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;padding-bottom:96px;display:grid}.piece-main{flex-direction:column;gap:48px;display:flex}.piece-facts{color:var(--text-2);flex-wrap:wrap;gap:8px 24px;font-size:15px;display:flex}.one-liner{font-family:var(--serif);color:var(--text);font-size:clamp(22px,2vw,28px);font-style:italic;line-height:1.4}.buy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:22px 0;display:flex}.buy .price{font-family:var(--serif);color:var(--ivory);font-size:34px;font-weight:500}.buy .note{color:var(--text-3);flex-basis:100%;font-size:14px}.buy .note a{color:var(--text-2)}.form-strip{border-radius:6px;gap:2px;height:64px;display:flex;overflow:hidden}.form-strip div{background:var(--menu);flex-direction:column;justify-content:center;min-width:28px;padding:0 10px;display:flex;overflow:hidden}.form-strip div:nth-child(odd){background:#1b2030}.form-strip b{font-family:var(--serif);color:var(--ivory);white-space:nowrap;font-size:18px;font-weight:500}.form-strip small{color:var(--text-3);white-space:nowrap;font-size:12px}.form-legend{color:var(--text-3);flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;display:flex}.form-legend b{color:var(--text-2);font-weight:600}.opening{border-left:1px solid #f1ece14d;flex-wrap:wrap;display:flex}.opening>div{border-right:1px solid #f1ece14d;flex-direction:column;flex:auto;gap:8px;padding:4px 12px 8px;display:flex}.opening .bn{color:var(--text-3);font-size:12px}.opening .pairs{gap:14px;display:flex}.opening .pairs>span{white-space:nowrap;flex-direction:column;gap:4px;display:flex}.opening .ch{font-family:var(--serif);color:var(--ivory);font-size:21px}.opening .rn{color:var(--accent);font-size:15px}.sections{flex-direction:column;gap:22px;display:flex}.sections h3{font-family:var(--serif);color:var(--ivory);font-size:21px;font-weight:500}.sections p{color:var(--text-2);margin-top:6px;font-size:16px;line-height:1.6}.block-title{margin-bottom:16px}.preview{flex-direction:column;align-self:start;gap:12px;display:flex}.preview .page-thumb{flex-direction:column;gap:12px;display:flex}.preview .page-thumb+.page-thumb{margin-top:20px}.sheet{background:#fff;border-radius:4px;display:block;position:relative;overflow:hidden;box-shadow:0 1px #ffffff0d,0 40px 80px -30px #000c}.sheet.fade{aspect-ratio:1100/880}.sheet.fade:after{content:"";-webkit-backdrop-filter:blur(2.5px);background:linear-gradient(#fff0,#ffffffd9 60%,#fff);height:52%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.sheet img{width:100%;display:block}.preview figcaption{color:var(--text-3);font-size:13px}.byline{color:var(--text-3);font-size:14px}.page-head .byline{margin-top:10px}.prose.guide{max-width:760px}.prose.guide>p:first-child{color:var(--text);font-size:18px}.prose h3{font-family:var(--serif);color:var(--ivory);margin:24px 0 6px;font-size:19px;font-weight:500}.prose ol{padding-left:20px}.prose a{color:var(--text)}.prose table{border-collapse:collapse;width:100%;margin:16px 0 8px;font-size:15px}.prose th{text-align:left;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:8px 12px 8px 0;font-size:13px;font-weight:500}.prose td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px 10px 0}.prose td:first-child{color:var(--ivory)}.prose .pick{border:1px solid var(--line);background:var(--menu);border-radius:6px;margin:24px 0;padding:18px 20px}.prose .pick p+p{margin-top:8px}.guides-list{grid-template-columns:1fr;max-width:760px;margin-top:8px}.rank-list{max-width:760px;margin:40px 0 96px;padding:0;list-style:none}.rank-list li{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;padding:18px 0;display:grid}.rank-list .n{font-family:var(--serif);color:var(--text-3);font-size:20px}.rank-list .t{font-family:var(--serif);color:var(--ivory);font-size:20px}.rank-list .t a{color:inherit;text-decoration:none}.rank-list .t a:hover{text-decoration:underline}.rank-list .lvl{color:var(--text-2);white-space:nowrap;font-size:13px}.rank-list .hands{color:var(--text-2);grid-column:2/-1;gap:4px;font-size:15px;line-height:1.5;display:grid}.rank-list .hands b{color:var(--text);margin-right:6px;font-weight:500}.cat-section{border-top:1px solid var(--line);grid-template-columns:260px 1fr;gap:16px 48px;padding:40px 0;display:grid}.cat-section h2{font-family:var(--serif);color:var(--ivory);font-size:30px;font-weight:500}.cat-section .count{color:var(--text-3);margin-top:6px;font-size:14px}.list{grid-template-columns:repeat(2,1fr);column-gap:32px;display:grid}.list a,.list .row{border-top:1px solid #f1ece114;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;text-decoration:none;display:flex}.list .t{font-family:var(--serif);font-size:18px}.list small{color:var(--text-3);font-size:13px;display:block}.list .st{flex-shrink:0;font-size:13px;font-weight:600}.lib{flex-direction:column;gap:56px;padding-bottom:96px;display:flex}.notice{border:1px solid var(--rule);color:var(--text);background:#9db8e014;border-radius:8px;padding:16px 20px;font-size:15px}.lib-list{flex-direction:column;display:flex}.lib-item{border-top:1px solid var(--line);grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:16px 0;display:grid}.lib-item:last-child{border-bottom:1px solid var(--line)}.lib-item .thumb{aspect-ratio:8.5/11;background:#fff;border-radius:2px;width:72px;overflow:hidden}.lib-item .thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.lib-item .t{font-family:var(--serif);color:var(--ivory);font-size:21px;text-decoration:none}.lib-item small{color:var(--text-3);margin-top:2px;font-size:13px;display:block}.receipts{color:var(--text-2);font-size:14px}.receipts li{border-top:1px solid #f1ece114;flex-wrap:wrap;gap:4px 16px;padding:10px 0;display:flex}.receipts ul{margin:12px 0 0;padding:0;list-style:none}.offer{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:64px;padding-bottom:96px;display:grid}.offer-card{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;padding:28px;display:flex;position:sticky;top:24px}.offer-card .amount{font-family:var(--serif);color:var(--ivory);font-size:52px;font-weight:500;line-height:1}.offer-card p{color:var(--text-2);font-size:15px;line-height:1.5}.offer-card .btn{width:100%}.prose{max-width:720px;color:var(--text-2);padding-bottom:96px;font-size:16px;line-height:1.65}.prose h2{font-family:var(--serif);color:var(--ivory);margin:36px 0 10px;font-size:24px;font-weight:500}.prose p+p,.prose ul+p,.prose p+ul{margin-top:12px}.prose ul{padding-left:20px}.prose li+li{margin-top:6px}.auth{background:radial-gradient(60rem 30rem at 50% -10%, #9db8e01a, transparent 70%), var(--bg);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-bar{padding:22px var(--gutter)}.auth-main{padding:8px 20px clamp(40px,14vh,160px);display:flex}.auth-in{width:100%;max-width:25rem;margin:auto}.auth-alt{text-align:center;color:var(--text-3);margin:18px 0 0;font-size:14px}.auth-alt a{color:var(--text);font-weight:600;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.cl-otpCodeFieldInput[data-focus-within=true]:not([data-feedback=error]):not([data-feedback=success]),.cl-otpCodeFieldInput:focus-within:not([data-feedback=error]):not([data-feedback=success]){box-shadow:none!important;border-color:#f1ece124!important;outline:none!important}.cl-otpCodeFieldInputContainer input:focus{box-shadow:none!important;border:none!important}@media (max-width:1180px){.nav{display:none}.menu-toggle{display:flex}.value,.popular{grid-template-columns:repeat(2,1fr)}.cat-grid,.footer-cols{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.keys-row{grid-template-columns:minmax(0,1fr)}.piece{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px}}@media (max-width:860px){.section{padding:64px 0 72px}.hero{min-height:0}.hero-body{padding-top:64px}.scrim-x{background:linear-gradient(90deg, rgba(var(--bg-rgb), .94), rgba(var(--bg-rgb), .8))}.method-head,.phases,.about,.pricing,.piece,.offer,.cat-section,.noct{grid-template-columns:minmax(0,1fr)}.noct-preview{position:static}.noct-list{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none;display:flex;overflow-x:auto}.noct-list button{scroll-snap-align:start;flex:0 0 132px}.noct-hero:after{background:linear-gradient(90deg,#07090deb 0%,#07090d99 70%,#07090d4d 100%),linear-gradient(#07090d00 70%,#07090d 100%)}.preview,.offer-card{position:static}.preview{order:-1;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;display:grid}.preview>figcaption{grid-column:1/-1}.preview .page-thumb+.page-thumb{margin-top:0}.preview .sheet{aspect-ratio:1100/880}.preview .sheet img{object-fit:cover;object-position:top;height:100%}.list{grid-template-columns:1fr}.chords-head{flex-direction:column}}@media (max-width:560px){.header-right>a.signin-link,.header-right .btn{display:none}.lockup span{letter-spacing:.14em;font-size:12px}.lockup{gap:8px}.lockup .mark{width:31px!important;height:18px!important}.form-strip small{display:none}.white{padding-bottom:6px;font-size:10px}.black{font-size:0}.value,.popular,.cat-grid,.footer-cols{grid-template-columns:1fr}.search-box{height:54px}.hero-actions .btn-lg{width:100%}.lib-item{grid-template-columns:56px 1fr}.lib-item .thumb{width:56px}.lib-item .btn{grid-column:2;justify-self:start}.cur .sym{font-size:48px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}