/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.grid{display:grid}.table{display:table}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}.practiceRoom{color:#090f1f;background:#d88352;padding:105px 6vw}.practiceIntro{grid-template-columns:1.35fr 1fr;align-items:end;gap:70px;margin-bottom:50px;display:grid}.practiceIntro>div:first-child>p{letter-spacing:.22em;font:700 10px monospace}.practiceIntro h2{letter-spacing:-.05em;margin:15px 0 0;font:400 clamp(48px,6vw,82px)/.9 Georgia}.practiceIntro h2 em{color:#f0eadb}.practiceIntro>div:last-child span{color:#5bc3ce;letter-spacing:.12em;background:#090f1f;padding:10px 12px;font:700 9px monospace;display:inline-block}.practiceIntro>div:last-child p{font:16px/1.6 Georgia}.drillShelf{border:1px solid #8f482d;grid-template-columns:repeat(6,1fr);display:grid}.drillShelf button{text-align:left;color:#161a26;cursor:pointer;background:#c87548;border:0;border-right:1px solid #8f482d;flex-direction:column;min-height:215px;padding:20px;display:flex}.drillShelf button:last-child{border:0}.drillShelf button.active{color:#f0eadb;background:#090f1f;transform:translateY(-8px);box-shadow:0 8px #5bc3ce}.drillShelf i{margin-bottom:25px;font:34px Georgia}.drillShelf span{letter-spacing:.13em;color:#75321d;font:700 8px monospace}.drillShelf b{margin:7px 0;font:19px/1.1 Georgia}.drillShelf small{opacity:.75;margin-top:auto;font:11px/1.4 Georgia}.practiceDesk{color:#f0eadb;background:#090f1f;grid-template-columns:.75fr 1.25fr;min-height:390px;margin-top:35px;display:grid}.deskBrief{border-right:1px solid #293653;flex-direction:column;padding:35px;display:flex}.deskBrief>span,.targetTop span{color:#5bc3ce;letter-spacing:.15em;font:700 9px monospace}.deskBrief h3{margin:15px 0;font:34px Georgia}.deskBrief p{color:#aeb6c5;font:15px/1.6 Georgia}.deskBrief>div{border-top:1px solid #293653;padding-top:18px;font:13px/1.5 Georgia}.deskBrief>div b{color:#d88352;margin-bottom:7px;font:8px monospace;display:block}.deskBrief label{color:#7f899d;flex-direction:column;gap:6px;margin-top:auto;font:8px monospace;display:flex}.deskBrief label strong{color:#f0eadb;font:14px Georgia}.deskTarget{flex-direction:column;padding:35px;display:flex}.targetTop{justify-content:space-between;display:flex}.targetTop small{color:#7f899d;font:9px monospace}.deskTarget>strong{color:#d88352;margin:auto 0 22px;font:clamp(34px,5vw,64px)/1 Georgia}.cycle{color:#9aa5b7;font:12px/1.6 monospace}.deskActions{gap:8px;display:flex}.deskActions button{color:#f0eadb;cursor:pointer;background:#16213a;border:1px solid #42506a;padding:13px 16px;font:700 10px monospace}.deskActions button:last-child{color:#090f1f;background:#5bc3ce;border-color:#5bc3ce}.answer{color:#727e93;border-top:1px solid #293653;min-height:50px;margin-top:20px;padding-top:16px;font:12px/1.5 monospace}.answer.open{color:#f0eadb}.sevenDay{border-top:1px solid #8f482d;grid-template-columns:.8fr 1.2fr;gap:55px;margin-top:38px;padding-top:38px;display:grid}.weekHead>span{letter-spacing:.15em;font:700 9px monospace}.weekHead h3{margin:14px 0;font:36px/1.05 Georgia}.weekHead p{font:14px/1.5 Georgia}.weekHead>strong{border:1px solid #8f482d;margin-top:18px;padding:10px;font:10px monospace;display:inline-block}.days{gap:6px;display:grid}.days button{color:#161a26;text-align:left;cursor:pointer;background:#c87548;border:0;align-items:center;gap:15px;padding:13px;display:flex}.days button.done{color:#f0eadb;background:#090f1f}.days i{border:1px solid #8f482d;border-radius:50%;place-items:center;width:28px;height:28px;font:11px monospace;display:grid}.days button.done i{color:#5bc3ce;border-color:#5bc3ce}.days span{flex-direction:column;display:flex}.days b{font:11px monospace}.days small{opacity:.7;margin-top:4px;font:12px/1.4 Georgia}.learningRule{border:1px solid #8f482d;grid-template-columns:180px 1fr;margin-top:35px;padding:22px;display:grid}.learningRule b{font:9px monospace}.learningRule p{margin:0;font:14px/1.5 Georgia}@media (width<=1000px){.drillShelf{grid-template-columns:repeat(3,1fr)}.practiceIntro,.sevenDay{grid-template-columns:1fr}.drillShelf button:nth-child(3){border-right:0}.drillShelf button{border-bottom:1px solid #8f482d}.practiceDesk{grid-template-columns:1fr}.deskBrief{border-bottom:1px solid #293653;border-right:0}.deskBrief label{margin-top:25px}}@media (width<=560px){.practiceRoom{padding:70px 18px}.practiceIntro{gap:25px}.practiceIntro h2{font-size:48px}.drillShelf{grid-template-columns:1fr 1fr}.drillShelf button{min-height:190px}.drillShelf button:nth-child(odd){border-right:1px solid #8f482d}.drillShelf button:nth-child(2n){border-right:0}.practiceDesk{margin-top:28px}.deskBrief,.deskTarget{padding:24px}.deskActions{flex-direction:column}.learningRule{grid-template-columns:1fr;gap:12px}}.scaleGrid{color:#f3eddf;background:#11100e;border-top:12px solid #d6a926;border-bottom:12px solid #d6a926;padding:105px 4vw;position:relative;overflow:hidden}.scaleGrid:before,.scaleGrid:after{content:"";pointer-events:none;position:absolute;inset:0}.scaleGrid:before{mix-blend-mode:screen;opacity:.35;background:repeating-linear-gradient(113deg,#0000 0 61px,#fff1 62px,#0000 63px 109px),radial-gradient(circle at 15% 18%,#8b2d1d44 0 1px,#0000 2px) 0 0/13px 13px}.scaleGrid:after{clip-path:polygon(0 34%,3% 5%,7% 41%,12% 12%,18% 48%,23% 8%,31% 35%,38% 0,46% 47%,53% 11%,61% 39%,68% 6%,76% 43%,84% 9%,91% 38%,96% 4%,100% 29%,100% 100%,0 100%);background:#11100e;height:60px;inset:auto -3% -32px}.scaleGrid>*{z-index:1;position:relative}.gridTitle>p{color:#d6a926}.gridTitle>span{color:#b9b2a5}.gridConsole{background:#22211e;border:2px solid #777168;position:relative;box-shadow:14px 14px #060606,16px 16px #b33a27}.gridConsole:before{content:"GRID 03-A / SCALE CONVEYOR";color:#fff;letter-spacing:.15em;background:#b33a27;padding:5px 10px;font:800 8px Arial;position:absolute;top:-12px;right:22px;transform:rotate(1deg)}.gridControls{border-bottom:2px solid #777168;grid-template-columns:1fr 1.4fr auto;align-items:stretch;display:grid}.gridControls label{color:#d6a926;letter-spacing:.14em;padding:20px 24px;font:800 9px Arial}.gridControls select{color:#f3eddf;background:#111;border:0;border-bottom:1px solid #777168;width:100%;margin-top:8px;padding:8px;font:800 18px Arial;display:block}.intervalStrip{border-left:1px solid #777168;border-right:1px solid #777168;grid-template-columns:repeat(7,1fr);align-items:center;gap:6px;padding:0 20px;display:grid}.intervalStrip span{color:#111;clip-path:polygon(5% 0,100% 0,94% 100%,0 100%);background:#d6a926;place-items:center;height:37px;font:900 12px Arial;display:grid}.intervalStrip span.half{color:#fff;background:#b33a27}.ghostToggle{color:#a9a397;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#131310;border:0;padding:0 24px;font:800 9px Arial}.ghostToggle i{border:2px solid #777168;width:18px;height:18px;margin:0 auto 8px;display:block}.ghostToggle.active{color:#d6a926}.ghostToggle.active i{background:#d6a926;box-shadow:inset 0 0 0 4px #131310}.pitchDirection{letter-spacing:.15em;color:#aaa398;background:repeating-linear-gradient(135deg,#111 0 12px,#1d1b17 12px 24px);justify-content:space-between;align-items:center;height:38px;padding:0 24px;font:800 8px Arial;display:flex}.pitchDirection b{color:#d6a926}.gridMachine{grid-template-columns:1.45fr .75fr;min-height:530px;display:grid}.patternRows{border-right:2px solid #777168;flex-direction:column;padding:28px 26px;display:flex}.patternRows button{color:#f3eddf;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #4b4842;flex:1;grid-template-columns:34px 1fr 190px 82px;align-items:center;min-height:58px;display:grid;position:relative}.patternRows button:last-child{border-bottom:0}.patternRows button:hover,.patternRows button.active{background:#2d2a25}.patternRows button.active:before{content:"";background:#b33a27;width:7px;position:absolute;top:7px;bottom:7px;left:-26px}.patternRows button.ghostRow{opacity:.52;background:repeating-linear-gradient(135deg,#0000 0 9px,#fff1 9px 11px)}.patternRows button.ghostRow.active{opacity:1}.rowNumber{color:#777168;font:900 19px Arial}.rowLine{background:#716d64;grid-area:1/2;height:2px}.fragmentDots{z-index:2;grid-area:1/3;grid-template-columns:repeat(5,1fr);align-items:center;display:grid}.fragmentDots i{color:#111;background:#d6a926;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid;box-shadow:0 0 0 4px #22211e,0 0 0 5px #777168}.patternRows button.active .fragmentDots i{color:#fff;background:#b33a27;box-shadow:0 0 0 4px #2d2a25,0 0 16px #b33a2777}.fragmentDots b{font:900 9px Arial}.rowCode{letter-spacing:.08em;color:#aaa398;text-align:right;font:800 9px Arial}.patternRows button.active .rowCode{color:#d6a926}.degreeReadout{background:radial-gradient(circle at 80% 10%,#b33a2724,#0000 35%),#171613;flex-direction:column;padding:36px;display:flex}.degreeReadout>span{letter-spacing:.15em;color:#d6a926;font:800 8px Arial}.degreeReadout>strong{color:#b33a27;letter-spacing:-.09em;text-shadow:4px 4px #050505;margin:42px 0 20px;font:900 clamp(82px,10vw,145px)/.8 Arial}.degreeReadout h3{text-transform:uppercase;margin:0;font:900 24px Arial}.degreeReadout>p{color:#bdb6aa;font:16px/1.55 Georgia}.fragmentReadout{border-top:1px solid #5a5650;border-bottom:1px solid #5a5650;flex-direction:column;gap:8px;margin:18px 0;padding:18px 0;display:flex}.fragmentReadout small{color:#817b72;letter-spacing:.13em;font:800 8px Arial}.fragmentReadout b{color:#d6a926;word-spacing:4px;font:900 18px Arial}.fragmentReadout em{color:#aaa398;font:9px Arial}.degreeReadout>a{color:#111;text-align:center;letter-spacing:.1em;text-transform:uppercase;background:#d6a926;margin-top:auto;padding:15px;font:900 9px Arial;text-decoration:none}.degreeReadout>a:hover{color:#fff;background:#b33a27}.threeTwoSecret{background:#171613;border:2px solid #777168;margin-top:55px;box-shadow:12px 12px #060606,14px 14px #b33a27}.threeTwoSecret>header{border-bottom:2px solid #777168;grid-template-columns:.8fr 1.1fr 1.1fr;align-items:end;gap:30px;padding:30px;display:grid}.threeTwoSecret>header>span{letter-spacing:.15em;color:#d6a926;font:800 8px Arial}.threeTwoSecret h3{text-transform:uppercase;letter-spacing:-.04em;margin:0;font:900 36px/.9 Arial}.threeTwoSecret header p{color:#bdb6aa;margin:0;font:14px/1.55 Georgia}.threeTwoSecret header p b{color:#d6a926}.secretDiagram{background:repeating-linear-gradient(135deg,#201f1c 0 12px,#1c1b18 12px 24px);padding:28px 30px}.secretDiagramHead{letter-spacing:.12em;color:#8f8a81;grid-template-columns:1fr auto auto auto;align-items:center;gap:24px;margin:0 0 15px 38px;font:800 8px Arial;display:grid}.secretDiagramHead b{color:#d6a926}.secretDiagramHead i{color:#b33a27;font-style:normal}.secretNeck{background:#111;border:1px solid #777168;padding:10px}.secretString{grid-template-columns:36px 1fr 38px;align-items:center;min-height:58px;display:grid}.secretString>b{color:#d6a926;font:900 10px Arial}.secretString>strong{color:#88837b;text-align:right;font:900 9px Arial}.secretString>span{background:repeating-linear-gradient(90deg,#0000 0 calc(5.88% - 1px),#4e4b45 calc(5.88% - 1px) 5.88%);border-left:3px solid #aaa398;border-right:1px solid #777168;height:42px;position:relative}.secretString>span:after{content:"";background:#aaa398;height:2px;position:absolute;top:50%;left:0;right:0}.secretString i{color:#111;z-index:2;background:#d6a926;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #111}.secretString i.root{color:#fff;background:#b33a27;box-shadow:0 0 0 3px #111,0 0 14px #b33a2788}.secretString em{font:900 10px Arial}.secretString small{white-space:nowrap;color:#d9d4c9;font:800 7px Arial;position:absolute;top:37px}.secretString sup{color:#8f8a81;margin-left:2px}.secretRules{border-top:2px solid #777168;grid-template-columns:repeat(4,1fr);display:grid}.secretRules article{border-right:1px solid #777168;padding:22px}.secretRules article:last-child{border:0}.secretRules b{letter-spacing:.13em;color:#b33a27;font:800 8px Arial}.secretRules p{color:#bdb6aa;margin:10px 0 0;font:13px/1.5 Georgia}.gridLesson{border:2px solid #777168;grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.gridLesson article{background:#1c1b18;border-right:1px solid #777168;min-height:220px;padding:25px}.gridLesson article:last-child{border:0}.gridLesson article:nth-child(2n){background:#25231e}.gridLesson span{color:#b33a27;font:900 9px Arial}.gridLesson h3{text-transform:uppercase;margin:27px 0 13px;font:900 20px/.95 Arial}.gridLesson p{color:#bdb6aa;font:14px/1.55 Georgia}.gridLesson p b{color:#d6a926}.gridWarning{border-top:1px solid #777168;grid-template-columns:190px 1fr;gap:30px;margin-top:25px;padding:23px 0 10px;display:grid}.gridWarning b{color:#d6a926;letter-spacing:.12em;font:900 9px Arial}.gridWarning p{color:#bdb6aa;margin:0;font:14px/1.55 Georgia}@media (width<=900px){.gridControls{grid-template-columns:1fr 1.5fr}.ghostToggle{grid-column:1/-1;padding:14px}.ghostToggle i{margin:0 9px -5px 0;display:inline-block}.gridMachine{grid-template-columns:1fr}.patternRows{border-bottom:2px solid #777168;border-right:0}.degreeReadout{min-height:420px}.gridLesson{grid-template-columns:1fr 1fr}.gridLesson article:nth-child(2){border-right:0}.gridLesson article{border-bottom:1px solid #777168}.patternRows button{grid-template-columns:30px 1fr 180px 75px}}@media (width<=560px){.scaleGrid{padding:75px 18px}.gridControls{grid-template-columns:1fr}.intervalStrip{border:1px solid #777168;border-left:0;border-right:0;padding:15px}.pitchDirection b{display:none}.patternRows{padding:18px 12px}.patternRows button{grid-template-columns:24px 1fr 135px;min-height:64px}.rowCode{display:none}.fragmentDots i{width:28px;height:28px;box-shadow:0 0 0 3px #22211e,0 0 0 4px #777168}.patternRows button.active:before{left:-12px}.degreeReadout{padding:27px}.gridLesson{grid-template-columns:1fr}.gridLesson article{border-right:0}.gridWarning{grid-template-columns:1fr}.gridConsole{box-shadow:7px 7px #060606,9px 9px #b33a27}}@media (width<=900px){.threeTwoSecret>header{grid-template-columns:1fr}.secretRules{grid-template-columns:1fr 1fr}.secretRules article:nth-child(2){border-right:0}.secretRules article{border-bottom:1px solid #777168}.secretRules article:nth-last-child(-n+2){border-bottom:0}}@media (width<=560px){.threeTwoSecret{box-shadow:7px 7px #060606,9px 9px #b33a27}.threeTwoSecret>header,.secretDiagram{padding:22px 16px}.threeTwoSecret h3{font-size:29px}.secretDiagramHead{grid-template-columns:1fr auto;margin-left:34px}.secretDiagramHead i,.secretDiagramHead span:first-of-type{display:none}.secretString{grid-template-columns:30px 1fr 24px;min-height:54px}.secretString i{width:29px;height:29px}.secretRules{grid-template-columns:1fr}.secretRules article,.secretRules article:nth-child(2),.secretRules article:nth-last-child(-n+2){border-bottom:1px solid #777168;border-right:0}.secretRules article:last-child{border-bottom:0}}.breakthroughRoadmap{background:var(--of-canvas);color:var(--of-text);padding:110px 4vw}.roadmapHead{grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;display:grid}.roadmapHead>div:first-child>p{letter-spacing:.2em;color:var(--of-red);font:700 10px Arial}.roadmapHead h2{text-transform:uppercase;letter-spacing:-.065em;margin:18px 0 0;font:900 clamp(48px,6.2vw,84px)/.87 Arial}.roadmapHead h2 em{text-transform:none;color:var(--of-red);font:italic 400 .92em Georgia}.roadmapPromise{border-left:4px solid var(--of-yellow);padding-left:24px}.roadmapPromise b{letter-spacing:.13em;font:700 10px Arial}.roadmapPromise p{color:var(--of-muted);font:16px/1.6 Georgia}.roadmapPromise strong{background:var(--of-ink);color:var(--of-yellow);letter-spacing:.12em;padding:10px 13px;font:700 9px Arial;display:inline-block}.phaseRail{border:2px solid var(--of-text);grid-template-columns:repeat(6,1fr);margin-top:55px;display:grid}.phaseRail span{border-right:1px solid var(--of-text);letter-spacing:.12em;padding:14px 12px;font:700 9px Arial}.phaseRail span:last-child{border:0}.phaseRail b{color:var(--of-red);margin-right:8px}.moduleGrid{border:2px solid var(--of-text);grid-template-columns:repeat(4,1fr);margin-top:24px;display:grid}.moduleGrid button{background:var(--of-surface);min-height:178px;color:var(--of-text);border:0;border-right:1px solid var(--of-rule);border-bottom:1px solid var(--of-rule);text-align:left;cursor:pointer;flex-direction:column;padding:20px;display:flex}.moduleGrid button:nth-child(4n){border-right:0}.moduleGrid button:nth-last-child(-n+4){border-bottom:0}.moduleGrid button:hover{background:var(--of-surface-alt)}.moduleGrid button.active{background:var(--of-red);color:#fff;box-shadow:inset 0 -8px 0 var(--of-yellow)}.moduleGrid button.complete:not(.active){background:var(--of-ink);color:#fff}.moduleGrid button>span{letter-spacing:.13em;color:var(--of-red);font:700 8px Arial}.moduleGrid button.active>span,.moduleGrid button.complete>span{color:var(--of-yellow)}.moduleGrid button>b{text-transform:uppercase;margin:20px 0 8px;font:900 22px/1 Arial}.moduleGrid button>small{color:var(--of-muted);font:13px/1.35 Georgia}.moduleGrid button.active>small,.moduleGrid button.complete>small{color:#f4e9df}.moduleGrid button>i{align-self:flex-end;margin-top:auto;font:20px Arial}.lessonBench{background:var(--of-ink);color:#fff;border:2px solid var(--of-ink);box-shadow:10px 10px 0 var(--of-yellow);grid-template-columns:.72fr 1.28fr;margin-top:28px;display:grid}.lessonTitle{border-right:1px solid #4d4a44;flex-direction:column;padding:34px;display:flex}.lessonTitle>span{letter-spacing:.14em;color:var(--of-yellow);font:700 9px Arial}.lessonTitle h3{text-transform:uppercase;letter-spacing:-.05em;margin:24px 0 10px;font:900 clamp(36px,4vw,58px)/.9 Arial}.lessonTitle p{color:#c9c3b7;font:italic 18px Georgia}.lessonTitle button{background:var(--of-red);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;align-self:flex-start;margin-top:auto;padding:14px 17px;font:700 9px Arial}.lessonSteps{grid-template-columns:1fr 1fr;display:grid}.lessonSteps article{border-bottom:1px solid #4d4a44;border-right:1px solid #4d4a44;min-height:190px;padding:27px}.lessonSteps article:nth-child(2n){border-right:0}.lessonSteps article:nth-last-child(-n+2){border-bottom:0}.lessonSteps article.pass{background:var(--of-yellow);color:var(--of-ink)}.lessonSteps b{letter-spacing:.13em;color:var(--of-red);font:700 9px Arial}.lessonSteps .pass b{color:#872418}.lessonSteps p{color:#d0cabf;font:15px/1.6 Georgia}.lessonSteps .pass p{color:#38342d}.routineBuilder{border:2px solid var(--of-text);background:var(--of-surface);grid-template-columns:1.1fr auto 1.25fr;align-items:center;gap:32px;margin-top:55px;padding:30px;display:grid}.routineBuilder>div:first-child>span{letter-spacing:.14em;color:var(--of-red);font:700 9px Arial}.routineBuilder h3{text-transform:uppercase;margin:10px 0;font:900 30px/1 Arial}.routineBuilder p{color:var(--of-muted);margin-bottom:0;font:14px/1.5 Georgia}.timeTabs{display:flex}.timeTabs button{border:1px solid var(--of-rule);width:62px;height:62px;color:var(--of-text);background:0 0;font:900 20px Arial}.timeTabs button.active{background:var(--of-red);color:#fff;border-color:var(--of-red)}.timeTabs small{font:700 7px Arial;display:block}.routineBuilder ol{grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.routineBuilder li{border-bottom:1px solid var(--of-rule);gap:12px;padding:11px;font:13px Georgia;display:flex}.routineBuilder li b{color:var(--of-red);min-width:38px;font:700 9px Arial}@media (width<=1000px){.roadmapHead,.lessonBench{grid-template-columns:1fr}.phaseRail{grid-template-columns:repeat(3,1fr)}.phaseRail span:nth-child(3){border-right:0}.moduleGrid{grid-template-columns:repeat(3,1fr)}.moduleGrid button:nth-child(4n){border-right:1px solid var(--of-rule)}.moduleGrid button:nth-child(3n){border-right:0}.moduleGrid button:nth-last-child(-n+4){border-bottom:1px solid var(--of-rule)}.moduleGrid button:nth-last-child(-n+3){border-bottom:0}.lessonTitle{border-bottom:1px solid #4d4a44;border-right:0}.lessonTitle button{margin-top:25px}.routineBuilder{grid-template-columns:1fr}.timeTabs button{width:70px}}@media (width<=600px){.breakthroughRoadmap{padding:70px 18px}.roadmapHead{gap:30px}.roadmapHead h2{font-size:47px}.phaseRail{grid-template-columns:1fr 1fr}.phaseRail span:nth-child(3){border-right:1px solid var(--of-text)}.phaseRail span:nth-child(2n){border-right:0}.moduleGrid{grid-template-columns:1fr 1fr}.moduleGrid button:nth-child(3n){border-right:1px solid var(--of-rule)}.moduleGrid button:nth-child(2n){border-right:0}.moduleGrid button:nth-last-child(-n+3){border-bottom:1px solid var(--of-rule)}.moduleGrid button:nth-last-child(-n+2){border-bottom:0}.moduleGrid button{min-height:165px}.moduleGrid button>b{font-size:18px}.lessonSteps{grid-template-columns:1fr}.lessonSteps article,.lessonSteps article:nth-child(2n){border-bottom:1px solid #4d4a44;border-right:0}.lessonSteps article:nth-last-child(-n+2){border-bottom:1px solid #4d4a44}.lessonSteps article:last-child{border-bottom:0}.routineBuilder ol{grid-template-columns:1fr}}.songLab{color:#f5f1e8;--sl-red:#cb402f;--sl-gold:#d9a91e;--sl-paper:#ede6d7;--sl-ink:#111310;--sl-line:#52574f;background:#1a1f1b;padding:110px 4vw}.songLabHead{grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;display:grid}.songLabHead>div:first-child>p,.panelIntro span{letter-spacing:.18em;color:var(--sl-gold);font:800 9px Arial}.songLabHead h2{text-transform:uppercase;letter-spacing:-.06em;margin:18px 0 0;font:900 clamp(48px,6.2vw,84px)/.87 Arial}.songLabHead h2 em{text-transform:none;color:var(--sl-red);font:italic 400 .92em Georgia}.songLabHead>div:last-child{border-left:4px solid var(--sl-gold);padding-left:24px}.songLabHead>div:last-child b{letter-spacing:.13em;font:800 9px Arial}.songLabHead>div:last-child p{color:#bfc5ba;margin-bottom:0;font:16px/1.55 Georgia}.songTabs{border:2px solid #f5f1e8;grid-template-columns:repeat(8,1fr);margin-top:58px;display:grid;overflow:auto}.songTabs button{color:#f5f1e8;border:0;border-right:1px solid var(--sl-line);letter-spacing:.1em;cursor:pointer;background:0 0;min-height:54px;padding:12px 8px;font:800 8px/1.2 Arial}.songTabs button:last-child{border:0}.songTabs button:hover{background:#2b302b}.songTabs button.active{background:var(--sl-gold);color:var(--sl-ink)}.songPanel{background:var(--sl-paper);min-height:610px;color:var(--sl-ink);border:2px solid #f5f1e8;border-top:0;padding:28px}.panelIntro{border-bottom:1px solid #9a9b93;justify-content:space-between;align-items:center;gap:50px;padding:0 0 22px;display:flex}.panelIntro span{color:var(--sl-red)}.panelIntro p{color:#585b55;max-width:680px;margin:0;font:14px/1.5 Georgia}.keyChoice>div{align-items:center;gap:32px;display:flex}.keyChoice label{letter-spacing:.14em;align-items:center;gap:10px;font:800 9px Arial;display:flex}.keyChoice select{background:var(--sl-ink);color:#fff;border:0;padding:13px 28px 13px 14px;font:800 16px Arial}.songFilters{flex-wrap:wrap;gap:8px;margin:22px 0 0;display:flex}.songFilters button{border:1px solid var(--sl-ink);color:var(--sl-ink);letter-spacing:.12em;cursor:pointer;background:0 0;padding:9px 14px;font:800 8px Arial}.songFilters button:hover{background:#d7cebd}.songFilters button.active{background:var(--sl-red);border-color:var(--sl-red);color:#fff}.songCardGrid{border-top:1px solid #a9a99f;border-left:1px solid #a9a99f;grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.songCard{border-bottom:1px solid #a9a99f;border-right:1px solid #a9a99f;flex-direction:column;min-height:390px;padding:22px;display:flex}.songCard:nth-child(4n+2),.songCard:nth-child(4n+3){background:#e1d8c6}.songCard>div:first-child{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.songCard>div:first-child span,.progressionGrid>article>span,.recipeGrid>article>span,.drillDeck>article>span,.downloadGrid>a>span{letter-spacing:.12em;color:var(--sl-red);font:800 8px Arial}.songCard>div:first-child b{background:var(--sl-ink);color:var(--sl-gold);place-items:center;min-width:42px;height:42px;padding:0 7px;font:900 14px Arial;display:grid}.songCard h3,.progressionGrid h3,.recipeGrid h3,.drillDeck h3,.downloadGrid h3{text-transform:uppercase;letter-spacing:-.03em;margin:23px 0 12px;font:900 22px/1 Arial}.songMeta{flex-wrap:wrap;justify-content:flex-start!important;gap:6px!important;display:flex!important}.songMeta span{border:1px solid #8b8c84;padding:5px 7px;color:#565952!important;font-size:7px!important}.songLoop{color:var(--sl-red);margin:16px 0;font:700 14px/1.4 monospace}.songCard dl{margin:auto 0 0}.songCard dl>div{border-top:1px solid #b0afa6;padding:9px 0}.songCard dt{letter-spacing:.12em;color:#74766f;font:800 7px Arial}.songCard dd{margin:4px 0 0;font:12px/1.4 Georgia}.progressionGrid{border-top:1px solid #a9a99f;border-left:1px solid #a9a99f;grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.progressionGrid article{border-bottom:1px solid #a9a99f;border-right:1px solid #a9a99f;flex-direction:column;min-height:270px;padding:22px;display:flex}.progressionGrid article:nth-child(3),.progressionGrid article:nth-child(6){background:var(--sl-gold)}.progressionGrid article:nth-child(4){background:var(--sl-ink);color:#fff}.progressionGrid article:nth-child(4)>span{color:var(--sl-gold)}.progressionGrid strong{color:var(--sl-red);margin-top:auto;font:900 20px Arial}.progressionGrid b{margin-top:9px;font:700 15px monospace}.progressionGrid p{color:#5c5d58;margin-bottom:0;font:13px/1.45 Georgia}.progressionGrid article:nth-child(4) p{color:#c6c8c1}.tabLegend{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tabLegend>*{letter-spacing:.08em;border:1px solid #8f8d84;padding:8px 11px;font:800 8px Arial}.tabLegend b{background:var(--sl-red);border-color:var(--sl-red);color:#fff}.soloTabGrid{gap:18px;margin-top:20px;display:grid}.soloTabGrid>article{border:2px solid var(--sl-ink);background:#e3dbc9;padding:24px}.soloTabGrid>article:nth-child(2n){background:#d9aa22}.soloTabHead{justify-content:space-between;align-items:center;gap:20px;display:flex}.soloTabHead>span{letter-spacing:.12em;color:var(--sl-red);font:800 8px Arial}.soloTabHead>b{background:var(--sl-ink);min-width:44px;height:44px;color:var(--sl-gold);place-items:center;font:900 15px Arial;display:grid}.soloTabGrid h3{text-transform:uppercase;letter-spacing:-.04em;margin:15px 0;font:900 clamp(26px,3vw,42px)/.95 Arial}.soloFacts{flex-wrap:wrap;gap:6px;display:flex}.soloFacts span{letter-spacing:.09em;border:1px solid #7f7d74;padding:6px 8px;font:800 7px Arial}.soloTabGrid>article>p{grid-template-columns:120px 1fr;gap:14px;font:14px/1.45 Georgia;display:grid}.soloTabGrid>article>p b{letter-spacing:.1em;color:var(--sl-red);font:800 8px Arial}.tabScroll{color:#f3eddf;border-left:7px solid var(--sl-red);background:#111310;margin-top:16px;padding:20px;overflow:auto}.tabScroll pre{letter-spacing:.02em;min-width:720px;margin:0;font:700 13px/1.65 Courier New,monospace}.soloTabGrid dl{border-top:1px solid #8f8d84;grid-template-columns:1fr 1fr;margin:18px 0 0;display:grid}.soloTabGrid dl>div{border-right:1px solid #8f8d84;padding:14px}.soloTabGrid dl>div:last-child{border:0}.soloTabGrid dt{letter-spacing:.12em;color:var(--sl-red);font:800 7px Arial}.soloTabGrid dd{margin:7px 0 0;font:13px/1.45 Georgia}.recipeGrid,.drillDeck{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.recipeGrid article,.drillDeck article{border:2px solid var(--sl-ink);flex-direction:column;min-height:250px;padding:22px;display:flex}.recipeGrid article:nth-child(2),.recipeGrid article:nth-child(7),.drillDeck article:nth-child(5){background:var(--sl-ink);color:#fff}.recipeGrid article:nth-child(3),.recipeGrid article:nth-child(6),.drillDeck article:nth-child(3){background:var(--sl-gold)}.recipeGrid article p,.drillDeck article p{color:#565952;font:14px/1.55 Georgia}.recipeGrid article:nth-child(2) p,.recipeGrid article:nth-child(7) p,.drillDeck article:nth-child(5) p{color:#c7cac2}.recipeGrid article b,.drillDeck article b{letter-spacing:.1em;color:var(--sl-red);margin-top:auto;font:800 8px/1.4 Arial}.recipeGrid article:nth-child(2) b,.recipeGrid article:nth-child(7) b,.drillDeck article:nth-child(5) b{color:var(--sl-gold)}.drillDeck{grid-template-columns:repeat(3,1fr)}.drillDeck article{min-height:240px}.drillDeck article h3{font-size:25px}.downloadGrid{border:2px solid var(--sl-ink);grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.downloadGrid a{border-right:1px solid var(--sl-ink);flex-direction:column;min-height:350px;padding:25px;text-decoration:none;transition:all .15s;display:flex}.downloadGrid a:last-child{border:0}.downloadGrid a:nth-child(2){background:var(--sl-gold)}.downloadGrid a:nth-child(3){background:var(--sl-ink);color:#fff}.downloadGrid a:nth-child(3)>span{color:var(--sl-gold)}.downloadGrid a:hover{box-shadow:7px 7px 0 var(--sl-red);position:relative;transform:translate(-4px,-4px)}.downloadGrid h3{margin-top:50px;font-size:30px}.downloadGrid p{color:#5c5d58;font:14px/1.55 Georgia}.downloadGrid a:nth-child(3) p{color:#c6c8c1}.downloadGrid a>b{letter-spacing:.12em;color:var(--sl-red);margin-top:auto;font:900 9px Arial}.downloadGrid a:nth-child(3)>b{color:var(--sl-gold)}@media (width<=1100px){.songCardGrid,.progressionGrid,.recipeGrid,.downloadGrid{grid-template-columns:repeat(2,1fr)}.downloadGrid a:nth-child(2){border-right:0}.downloadGrid a{border-bottom:1px solid var(--sl-ink)}.downloadGrid a:nth-last-child(-n+2){border-bottom:0}}@media (width<=800px){.songLabHead{grid-template-columns:1fr;gap:30px}.songTabs{grid-template-columns:repeat(8,minmax(120px,1fr))}.panelIntro,.keyChoice>div{flex-direction:column;align-items:flex-start;gap:10px}.drillDeck{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.songLab{padding:70px 18px}.songLabHead h2{font-size:47px}.songPanel{padding:15px}.songCardGrid,.progressionGrid,.recipeGrid,.drillDeck,.downloadGrid{grid-template-columns:1fr}.soloTabGrid>article{padding:17px}.soloTabGrid>article>p,.soloTabGrid dl{grid-template-columns:1fr}.soloTabGrid dl>div{border-bottom:1px solid #8f8d84;border-right:0}.soloTabGrid dl>div:last-child{border-bottom:0}.tabScroll{padding:14px}.downloadGrid a{border-right:0;border-bottom:1px solid var(--sl-ink)!important}.downloadGrid a:last-child{border-bottom:0!important}.downloadGrid h3{margin-top:35px}.downloadGrid a{min-height:280px}}.knowledgeVault{color:#f5f1e8;--kv-ink:#101110;--kv-paper:#e6dfd1;--kv-yellow:#d3a423;--kv-red:#b83c27;--kv-line:#5d3028;background:#b83c27;padding:110px 4vw;position:relative}.knowledgeVault:before{content:"";pointer-events:none;background:repeating-linear-gradient(111deg,#0000 0 79px,#fff1 80px,#0000 82px),linear-gradient(174deg,#0000 0 79%,#0002 79.2%,#0000 80%);position:absolute;inset:0}.knowledgeVault>*{z-index:1;position:relative}.vaultHead{grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;display:grid}.vaultHead>div:first-child>p{letter-spacing:.18em;color:var(--kv-yellow);font:800 9px Arial}.vaultHead h2{text-transform:uppercase;letter-spacing:-.065em;margin:18px 0 0;font:900 clamp(48px,6.2vw,84px)/.87 Arial}.vaultHead h2 em{text-transform:none;color:var(--kv-yellow);font:italic 400 .92em Georgia}.vaultHead>div:last-child{border-left:4px solid var(--kv-yellow);padding-left:24px}.vaultHead>div:last-child b{letter-spacing:.13em;font:800 9px Arial}.vaultHead>div:last-child p{color:#ffe4dc;margin-bottom:0;font:16px/1.58 Georgia}.goalPaths{border:2px solid var(--kv-ink);box-shadow:9px 9px 0 var(--kv-yellow);grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.goalPaths article{background:#8d2c20;border-right:1px solid #d86a58;padding:18px}.goalPaths article:last-child{border:0}.goalPaths article>b{text-transform:uppercase;font:900 18px Arial}.goalPaths article>div{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.goalPaths span{letter-spacing:.06em;font:800 8px Arial}.goalPaths i{color:var(--kv-yellow);margin-right:6px;font-style:normal}.vaultShell{border:3px solid var(--kv-ink);box-shadow:14px 14px 0 var(--kv-ink);grid-template-columns:310px 1fr;min-height:760px;margin-top:45px;display:grid}.vaultShell>aside{color:#fff;border-right:3px solid var(--kv-ink);background:#171817}.vaultShell>aside label{letter-spacing:.14em;color:var(--kv-yellow);border-bottom:1px solid #4a4c47;padding:22px;font:800 8px Arial;display:block}.vaultShell input{color:#fff;background:#292b28;border:1px solid #5f625b;width:100%;margin-top:10px;padding:13px;font:14px Georgia}.vaultShell input::placeholder{color:#9ea097}.vaultShell nav{display:grid}.vaultShell nav button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3b3d39;grid-template-columns:36px 1fr auto;align-items:center;padding:15px 17px;display:grid}.vaultShell nav button:hover{background:#282a27}.vaultShell nav button.active{background:var(--kv-yellow);color:var(--kv-ink)}.vaultShell nav button>span{color:var(--kv-red);font:900 9px Arial}.vaultShell nav button>b{text-transform:uppercase;font:900 13px Arial}.vaultShell nav button>small{color:#a9aaa4;font:8px Arial}.vaultShell nav button.active>small{color:#4c4637}.vaultContent{background:var(--kv-paper);color:var(--kv-ink);padding:32px}.vaultContentHead{border-bottom:2px solid #8d8b81;padding-bottom:25px}.vaultContentHead>span{letter-spacing:.14em;color:var(--kv-red);font:800 8px Arial}.vaultContentHead h3{text-transform:uppercase;letter-spacing:-.045em;margin:13px 0;font:900 clamp(28px,3.2vw,46px)/.95 Arial}.vaultContentHead p{color:#595850;max-width:800px;margin:0;font:15px/1.55 Georgia}.vaultLessons{border:2px solid var(--kv-ink);margin-top:22px}.vaultLessons>article{border-bottom:1px solid #96958c}.vaultLessons>article:last-child{border-bottom:0}.vaultLessons>article>button{width:100%;color:var(--kv-ink);text-align:left;cursor:pointer;background:#d7d0c3;border:0;grid-template-columns:72px 1fr 35px;align-items:center;gap:12px;padding:18px;display:grid}.vaultLessons>article:nth-child(2n)>button{background:#e9e3d8}.vaultLessons>article.open>button{background:var(--kv-yellow)}.vaultLessons>article>button>span{letter-spacing:.08em;color:var(--kv-red);text-transform:uppercase;font:800 8px Arial}.vaultLessons>article>button>div{flex-direction:column;gap:5px;display:flex}.vaultLessons>article>button b{text-transform:uppercase;font:900 19px Arial}.vaultLessons>article>button small{color:#55554f;font:13px/1.35 Georgia}.vaultLessons>article>button>i{text-align:center;font:900 26px Arial}.lessonDrawer{background:var(--kv-ink);color:#fff;grid-template-columns:repeat(3,1fr);display:grid}.lessonDrawer section{border-right:1px solid #4b4c47;padding:24px}.lessonDrawer section:last-child{background:#25241f;border:0}.lessonDrawer b{letter-spacing:.14em;color:var(--kv-yellow);font:800 8px Arial}.lessonDrawer section:nth-child(2) b{color:#ef6d55}.lessonDrawer p{color:#d1cec4;margin:12px 0 0;font:14px/1.58 Georgia}.emptyVault{text-align:center;padding:60px}.emptyVault b{font:900 30px Arial}.emptyVault p{color:#5d5b54;font:15px Georgia}.formulaBench{border:3px solid var(--kv-ink);color:#fff;background:#151615;grid-template-columns:.55fr 1.45fr;gap:35px;margin-top:60px;padding:30px;display:grid}.formulaBench>div:first-child span{letter-spacing:.14em;color:var(--kv-yellow);font:800 8px Arial}.formulaBench h3{text-transform:uppercase;margin:14px 0;font:900 32px/.95 Arial}.formulaBench>div:last-child{grid-template-columns:1fr 1fr;display:grid}.formulaBench article{border-bottom:1px solid #4b4c47;border-left:1px solid #4b4c47;padding:14px 18px}.formulaBench article:nth-last-child(-n+2){border-bottom:0}.formulaBench article b{color:#ef6d55;letter-spacing:.12em;font:800 8px Arial}.formulaBench article p{color:#d4d0c7;margin:7px 0 0;font:12px/1.55 monospace}@media (width<=1000px){.vaultHead,.formulaBench{grid-template-columns:1fr}.goalPaths{grid-template-columns:1fr 1fr}.goalPaths article:nth-child(2){border-right:0}.goalPaths article{border-bottom:1px solid #d86a58}.goalPaths article:nth-last-child(-n+2){border-bottom:0}.vaultShell{grid-template-columns:250px 1fr}.lessonDrawer{grid-template-columns:1fr}.lessonDrawer section{border-bottom:1px solid #4b4c47;border-right:0}.lessonDrawer section:last-child{border-bottom:0}.formulaBench>div:last-child{grid-template-columns:1fr 1fr}}@media (width<=720px){.vaultShell{grid-template-columns:1fr}.vaultShell>aside{border-right:0;border-bottom:3px solid var(--kv-ink)}.vaultShell nav{grid-template-columns:1fr 1fr}.vaultShell nav button:nth-last-child(-n+2){border-bottom:0}}@media (width<=560px){.knowledgeVault{padding:70px 18px}.vaultHead{gap:30px}.vaultHead h2{font-size:47px}.goalPaths{box-shadow:6px 6px 0 var(--kv-yellow);grid-template-columns:1fr}.goalPaths article,.goalPaths article:nth-child(2),.goalPaths article:nth-last-child(-n+2){border-bottom:1px solid #d86a58;border-right:0}.goalPaths article:last-child{border-bottom:0}.vaultShell{box-shadow:7px 7px 0 var(--kv-ink)}.vaultShell nav{grid-template-columns:1fr 1fr}.vaultShell nav button{grid-template-columns:25px 1fr;padding:13px 10px}.vaultShell nav button>small{display:none}.vaultContent{padding:18px}.vaultLessons>article>button{grid-template-columns:52px 1fr 25px;padding:15px 12px}.vaultLessons>article>button b{font-size:16px}.formulaBench>div:last-child{grid-template-columns:1fr}.formulaBench article,.formulaBench article:nth-last-child(-n+2){border-bottom:1px solid #4b4c47}.formulaBench article:last-child{border-bottom:0}}.exampleDiagram{--ed-accent:#d3a423;--ed-line:#777168;--ed-fill:#ffffff0d;margin:16px 0 0}.exampleDiagram figcaption{letter-spacing:.14em;color:var(--ed-accent);margin-bottom:8px;font:800 7px Arial}.exampleDiagram>div{align-items:stretch;display:flex;overflow:hidden}.exampleDiagram span{border:1px solid var(--ed-line);background:var(--ed-fill);border-right:0;flex:1;align-items:center;gap:7px;min-width:0;padding:9px 18px 9px 9px;display:flex;position:relative}.exampleDiagram span:last-child{border-right:1px solid var(--ed-line)}.exampleDiagram span:not(:last-child):after{content:"";border-top:2px solid var(--ed-accent);border-right:2px solid var(--ed-accent);width:7px;height:7px;position:absolute;top:50%;right:3px;transform:translateY(-50%)rotate(45deg)}.exampleDiagram i{background:var(--ed-accent);color:#111;flex:0 0 20px;place-items:center;height:20px;font:900 8px Arial;display:grid}.exampleDiagram b{text-transform:uppercase;letter-spacing:.02em!important;color:inherit!important;font:800 8px/1.25 Arial!important}.patternDiagram span{text-align:center;flex-direction:column;justify-content:center;padding-right:12px}.patternDiagram i{color:var(--ed-accent);background:0 0;height:auto}.lessonDrawer .exampleDiagram,.lessonSteps .exampleDiagram{--ed-line:#5b5c56;--ed-fill:#ffffff08}.route .exampleDiagram,.songPanel .exampleDiagram{--ed-line:#aaa69b;--ed-fill:#00000008;--ed-accent:#b83c27}.route .exampleDiagram b,.songPanel .exampleDiagram b{color:#262721!important}.lessonSteps .pass .exampleDiagram{--ed-line:#7c651c;--ed-fill:#0000000a;--ed-accent:#872418}.roles .exampleDiagram{--ed-line:#40506e;--ed-fill:#ffffff08;--ed-accent:var(--blue)}@media (width<=640px){.exampleDiagram>div{grid-template-columns:1fr 1fr;display:grid}.exampleDiagram span,.exampleDiagram span:last-child{border:1px solid var(--ed-line)}.exampleDiagram span:not(:last-child):after{display:none}}:root{--night:#090f1f;--navy:#101a31;--cream:#f0eadb;--paper:#ded7c5;--copper:#d88352;--blue:#5bc3ce;--mist:#9aa5b7;--line:#293653}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--night);color:var(--cream);margin:0;font-family:Arial,sans-serif}a{color:inherit}.overline,.sectionTitle>p{letter-spacing:.22em;color:var(--copper);font:700 10px/1.3 monospace}header{border-bottom:1px solid var(--line);z-index:50;align-items:center;gap:40px;height:78px;padding:0 4vw;display:flex;position:sticky;top:0}.mark{letter-spacing:.08em;align-items:center;gap:12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.mark i{border:1px solid var(--copper);width:38px;height:38px;color:var(--copper);border-radius:50%;place-items:center;font:italic 13px Georgia;display:grid}.mark span{flex-direction:column;display:flex}.mark small{color:var(--mist);letter-spacing:.15em;margin-top:4px;font:8px monospace}header nav{gap:30px;margin-left:auto;display:flex}header nav a{color:var(--mist);font:11px monospace;text-decoration:none}.begin{border:1px solid var(--copper);color:var(--copper);padding:12px 15px;font:700 10px monospace;text-decoration:none}.hero{background:radial-gradient(circle at 74% 46%,#1c2b4f 0,transparent 36%),linear-gradient(135deg,var(--night),#0c1730);min-height:690px;padding:110px 8vw 80px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #50618455;border-radius:50%;width:55vw;height:55vw;position:absolute;top:5%;right:-5%;transform:rotate(-13deg);box-shadow:0 0 0 45px #1a294344,0 0 0 90px #1a294322}.contour{z-index:1;border:1px solid #d8835244;border-radius:46% 54% 61% 39%;position:absolute}.contour.one{width:620px;height:300px;top:180px;right:-80px;transform:rotate(19deg)}.contour.two{width:520px;height:250px;right:-20px;transform:rotate(31deg)}.hero>:not(.contour){z-index:2;position:relative}.hero h1{letter-spacing:-.06em;margin:24px 0;font:400 clamp(60px,8.5vw,118px)/.82 Georgia}.hero h1 em{color:var(--blue)}.intro{color:#c3c9d3;max-width:650px;font:19px/1.6 Georgia}.heroBtns{gap:14px;margin-top:35px;display:flex}.heroBtns a{border:1px solid var(--copper);padding:15px 20px;font:700 11px monospace;text-decoration:none}.heroBtns a:first-child{background:var(--copper);color:var(--night)}.coordinates{text-transform:uppercase;letter-spacing:.15em;color:var(--mist);gap:50px;margin-top:95px;font:10px monospace;display:flex}.coordinates span:before{content:"✦";color:var(--blue);margin-right:10px}.atlas,.route,.play,.drill,.sources{padding:95px 6vw}.sectionTitle{grid-template-columns:130px 1fr 360px;align-items:end;margin-bottom:55px;display:grid}.sectionTitle h2{letter-spacing:-.04em;margin:0;font:400 clamp(42px,5.5vw,76px)/.94 Georgia}.instrumentBar{background:var(--cream);color:var(--night);grid-template-columns:1.2fr 2fr auto;align-items:stretch;display:grid}.instrumentBar label,.instrumentBar>div{border-right:1px solid #c9c0ad;padding:18px 24px}.instrumentBar label{color:#686a6d;font:700 9px monospace}.instrumentBar select{background:0 0;border:0;width:100%;margin-top:7px;font:700 17px Georgia;display:block}.instrumentBar>div{flex-direction:column;display:flex}.instrumentBar small{color:#777;font:9px monospace}.instrumentBar b{word-spacing:9px;margin-top:7px}.instrumentBar button{background:var(--copper);border:0;padding:0 25px;font-weight:800}.viewTabs{border-bottom:1px solid var(--line);margin-top:28px;display:flex}.viewTabs button{color:var(--mist);background:0 0;border:0;padding:14px 22px;font:700 10px monospace}.viewTabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.noteRail{gap:5px;margin:18px 0;display:flex}.noteRail button,.noteRail select{background:var(--navy);color:var(--mist);border:1px solid var(--line);min-width:45px;height:38px;padding:0 12px}.noteRail button.active{color:var(--night);background:var(--blue)}.noteRail select{margin-left:auto}.neckScroll{padding-bottom:15px;overflow:auto}.fretNums,.string{grid-template-columns:42px repeat(16,minmax(54px,1fr));min-width:980px;display:grid}.fretNums span{text-align:center;color:#65718a;padding:9px;font:9px monospace}.string>b{color:var(--copper);place-items:center;font-family:Georgia;display:grid}.string button{background:#121c32;border:0;border-right:2px solid #76809a;height:46px;position:relative}.string button>i{background:#96a1b7;height:1px;position:absolute;top:49%;left:0;right:0}.string button span{z-index:2;width:27px;height:27px;color:var(--night);border-radius:50%;place-items:center;margin:auto;font:700 10px Arial;display:grid;position:relative}.string button.shown span{background:var(--cream)}.string button.focus span{background:var(--blue);box-shadow:0 0 20px #5bc3ce}.string button em{background:#59657e;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.legend{border-top:1px solid var(--line);grid-template-columns:150px 1fr 1.5fr;align-items:start;gap:30px;margin-top:10px;padding:23px 0;display:grid}.legend p,.legend strong{color:var(--mist);margin:0;font:13px/1.5 Georgia}.legend strong{color:#d7cbb9}.route{background:var(--cream);color:var(--night)}.sectionTitle.pale>span{color:#62666d}.routeGrid{border:1px solid #bdb5a4;grid-template-columns:repeat(2,1fr);display:grid}.routeGrid article{border-bottom:1px solid #bdb5a4;border-right:1px solid #bdb5a4;flex-direction:column;min-height:0;padding:28px;display:flex}.routeGrid article:nth-child(2n){border-right:0}.routeGrid article:nth-last-child(-n+2){border-bottom:0}.stepTop{justify-content:space-between;font:10px monospace;display:flex}.stepTop span{color:var(--copper);font-weight:700}.routeGlyph{color:#263552;margin:28px 0 20px;font:42px Georgia}.routeGrid h3{margin:0 0 12px;font:29px Georgia}.routeGrid>article>p{color:#5d6065;font:15px/1.6 Georgia}.routeTimeline{color:#f0eadb;background:#090f1f;border-left:6px solid #d3a423;margin:16px 0 0;padding:18px}.routeTimeline b{color:#d3a423;letter-spacing:.1em;font:9px monospace}.routeTimeline p{color:#d8d1c5;margin:8px 0 0;font:13px/1.55 Georgia}.routeGrid dl{border:1px solid #bdb5a4;grid-template-columns:1fr 1fr;margin:18px 0 0;display:grid}.routeGrid dl>div{border-bottom:1px solid #bdb5a4;border-right:1px solid #bdb5a4;padding:16px}.routeGrid dl>div:nth-child(2n){border-right:0}.routeGrid dl>div:nth-last-child(-n+2){border-bottom:0}.routeGrid dt{letter-spacing:.1em;color:#ad5d35;font:800 8px monospace}.routeGrid dd{color:#4f5052;margin:7px 0 0;font:12.5px/1.5 Georgia}.routeGrid .passGate{background:#d3a423}.routeGrid .passGate dt{color:#111}.routeGrid .passGate dd{color:#25231e;font-weight:700}.memoryStrip{background:var(--night);color:var(--cream);grid-template-columns:1.5fr 1fr 1fr 1.5fr;align-items:center;gap:20px;margin-top:28px;padding:25px;display:grid}.memoryStrip>b{color:var(--copper);font:10px monospace}.memoryStrip div{flex-direction:column;display:flex}.memoryStrip strong{font:30px Georgia}.memoryStrip strong span{color:var(--blue);padding:0 8px}.memoryStrip small{color:var(--mist)}.memoryStrip p{color:var(--mist);font:13px/1.5 Georgia}.play{background:#0c1427}.playGrid{grid-template-columns:1.5fr 1fr;gap:28px;display:grid}.keyPanel,.roles article{border:1px solid var(--line);background:#101b32;padding:28px}.keyPanel label{color:var(--copper);font:9px monospace}.keyPanel select{color:var(--cream);background:0 0;border:0;margin-left:20px;font:20px Georgia}.keyPanel h3{font:32px Georgia}.chordRow{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.chordRow button{color:var(--cream);background:#182541;border:1px solid #30405e;flex-direction:column;padding:14px 4px;display:flex}.chordRow button.primaryChord{border-color:var(--blue);background:#173444}.chordRow span{color:var(--blue);font:9px monospace}.chordRow b{margin-top:6px;font-size:19px}.keyPanel>small{color:var(--mist);margin-top:18px;font-family:Georgia;display:block}.roles{gap:12px;display:grid}.roles article b{color:var(--copper);font:9px monospace}.roles h3{margin:10px 0;font:22px Georgia}.roles p{color:var(--mist);font:14px/1.5 Georgia}.survival{border:1px solid var(--line);grid-template-columns:1.5fr repeat(5,1fr);margin-top:30px;display:grid}.survival>*{border-right:1px solid var(--line);padding:19px}.survival>span{color:var(--copper);font:9px monospace}.survival div{font:12px Georgia}.survival b{color:var(--blue);margin-right:8px}.drill{background:var(--paper);color:var(--night);grid-template-columns:.7fr 1.3fr;align-items:center;gap:80px;display:grid}.drill h2{margin:16px 0;font:56px/.95 Georgia}.drill>div:first-child>p:last-child{color:#5e6269;font:16px/1.6 Georgia}.quiz{background:var(--night);color:var(--cream);box-shadow:10px 10px 0 var(--copper);padding:30px}.quizHead{color:var(--mist);justify-content:space-between;font:9px monospace;display:flex}.target{align-items:center;height:95px;display:flex}.target i{color:var(--copper);font:30px Georgia}.target span{background:#8f98aa;flex:1;height:1px;margin:0 20px;position:relative}.target span:after{content:"";background:var(--blue);border-radius:50%;width:27px;height:27px;position:absolute;top:-13px;left:62%}.target strong{font:30px Georgia}.quiz>p{font-family:Georgia}.answers{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.answers button{color:var(--cream);background:#17233c;border:1px solid #33405b;height:40px}.feedback{min-height:30px;color:var(--copper);padding-top:14px;font:12px monospace}.sources{color:#34373c;background:#d1c8b5;grid-template-columns:150px 1.5fr 1fr;gap:30px;display:grid}.sources>b{color:#9b512f;font:10px monospace}.sources p{margin:0;font:14px/1.5 Georgia}.sources div{flex-direction:column;gap:9px;display:flex}.sources a{font:11px monospace}footer{border-top:1px solid var(--line);align-items:center;padding:35px 6vw;display:flex}footer p{color:var(--mist);margin:auto;font:11px monospace}footer>a{color:var(--copper);font:10px monospace}@media (width<=850px){header nav{display:none}.begin{margin-left:auto}.sectionTitle{grid-template-columns:1fr}.sectionTitle>p{margin-bottom:12px}.sectionTitle>span{max-width:550px;margin-top:20px}.routeGrid{grid-template-columns:1fr}.routeGrid article,.routeGrid article:nth-child(2n),.routeGrid article:nth-last-child(-n+2){border-bottom:1px solid #bdb5a4;border-right:0}.routeGrid article:last-child{border-bottom:0}.memoryStrip{grid-template-columns:1fr 1fr}.playGrid,.drill{grid-template-columns:1fr}.survival{grid-template-columns:1fr 1fr 1fr}.survival>span{grid-column:1/-1}.instrumentBar{grid-template-columns:1fr}.instrumentBar>*{border-bottom:1px solid #c9c0ad}.sources{grid-template-columns:1fr}.sources div{margin-top:8px}}@media (width<=540px){html{scroll-padding-top:82px}header{padding:0 18px}.begin{display:none}.hero{min-height:620px;padding:75px 20px}.hero h1{font-size:54px}.heroBtns{flex-direction:column;align-items:flex-start}.coordinates{flex-direction:column;gap:14px;margin-top:60px}.atlas,.route,.play,.drill,.sources{padding:70px 18px}.sectionTitle h2{font-size:44px}.routeGrid dl{grid-template-columns:1fr}.routeGrid dl>div,.routeGrid dl>div:nth-child(2n),.routeGrid dl>div:nth-last-child(-n+2){border-bottom:1px solid #bdb5a4;border-right:0}.routeGrid dl>div:last-child{border-bottom:0}.memoryStrip{grid-template-columns:1fr}.chordRow{grid-template-columns:repeat(4,1fr)}.survival{grid-template-columns:1fr 1fr}.answers{grid-template-columns:repeat(4,1fr)}footer{flex-direction:column;gap:25px}footer p{margin:0}}.contour.two{top:210px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}:root{--of-ink:#10100f;--of-bone:#f2ecde;--of-paper:#fffaf0;--of-red:#e13b2d;--of-yellow:#efb83c;--of-metal:#b9b7b0;--of-wood:#8c5839;--of-canvas:var(--of-bone);--of-surface:var(--of-paper);--of-surface-alt:#eee3d2;--of-text:var(--of-ink);--of-muted:#57534c;--of-rule:#b5ad9f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--of-canvas:#111315;--of-surface:#1b1e21;--of-surface-alt:#25292d;--of-text:#f2ecde;--of-muted:#c7c0b3;--of-rule:#4b5055;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--of-canvas);color:var(--of-text);font-family:Arial,Helvetica,sans-serif}header{background:var(--of-ink);height:72px;color:var(--of-paper);border:0;padding:0 3vw;position:sticky;top:0}.mark{letter-spacing:.12em;font-size:14px}.mark i{border:2px solid var(--of-red);color:var(--of-red);border-radius:0;font:700 12px Arial;transform:rotate(-4deg)}header nav a{color:#d6d2c9;text-transform:uppercase;letter-spacing:.12em;font:700 9px Arial}header nav a:hover{color:var(--of-yellow)}.begin{background:var(--of-red);color:#fff!important;border:0!important;padding:13px 16px!important}.themeToggle{color:#f5f0e7;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #5b5953;align-items:center;gap:7px;padding:10px 12px;font:700 9px Arial;display:flex}.themeToggle b{font:inherit}.themeToggle span{color:var(--of-yellow);font-size:15px;line-height:1}.themeToggle:hover{border-color:var(--of-yellow)}.themeToggle:focus-visible{outline:3px solid var(--of-yellow);outline-offset:3px}.hero{background:var(--of-surface);min-height:720px;color:var(--of-text);grid-template-columns:54% 46%;padding:0;display:grid;position:relative;overflow:hidden}.hero:after{display:none}.heroImage{object-fit:cover;filter:saturate(.82)contrast(1.08);grid-area:1/2;width:100%;height:720px}.heroCopy{z-index:2;background:linear-gradient(90deg,var(--of-surface) 88%,transparent);flex-direction:column;grid-area:1/1;justify-content:center;padding:78px 5vw 120px;display:flex;position:relative}.hero .overline{color:var(--of-red);letter-spacing:.23em;font:700 10px Arial}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:820px;margin:24px 0;font:900 clamp(58px,7.3vw,108px)/.82 Arial}.hero h1 em{color:var(--of-red);text-transform:none;letter-spacing:-.05em;font:italic 400 .88em Georgia}.hero .intro{color:var(--of-muted);max-width:630px;font:18px/1.55 Georgia}.heroBtns a{text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--of-text);color:var(--of-text);padding:16px 20px;font:700 10px Arial}.heroBtns a:first-child{background:var(--of-red);border-color:var(--of-red);color:#fff}.heroStamp{background:var(--of-yellow);z-index:3;width:148px;height:148px;box-shadow:0 0 0 7px var(--of-ink);border-radius:50%;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:98px;right:40%;transform:rotate(8deg)}.heroStamp b{font:900 42px Arial}.heroStamp span{letter-spacing:.06em;font:700 9px/1.45 Arial}.coordinates{border-top:2px solid var(--of-text);color:var(--of-text);letter-spacing:.16em;margin:0;padding-top:16px;font:700 9px Arial;position:absolute;bottom:35px;left:5vw;right:5vw}.contour{display:none!important}.atlas{background:var(--of-canvas);color:var(--of-text);padding:100px 4vw}.sectionTitle{grid-template-columns:110px 1fr 340px;margin-bottom:50px}.sectionTitle>p{color:var(--of-red);letter-spacing:.18em;font:700 10px Arial}.sectionTitle h2{text-transform:uppercase;letter-spacing:-.06em;font:900 clamp(46px,5.7vw,76px)/.9 Arial}.sectionTitle>span{color:var(--of-muted);font:16px/1.55 Georgia}.instrumentBar{background:var(--of-ink);color:#fff;box-shadow:8px 8px 0 var(--of-red)}.instrumentBar label,.instrumentBar>div{border-color:#494844}.instrumentBar label{color:var(--of-yellow)}.instrumentBar select{color:#fff;font:700 16px Arial}.instrumentBar button{background:var(--of-yellow);color:var(--of-ink)}.viewTabs{border-color:var(--of-rule)}.viewTabs button{color:var(--of-muted);letter-spacing:.1em;font:700 9px Arial}.viewTabs button.active{color:var(--of-red);border-color:var(--of-red)}.noteRail button,.noteRail select{background:var(--of-surface);border:1px solid var(--of-rule);color:var(--of-text);font-weight:700}.noteRail button.active{background:var(--of-red);color:#fff;border-color:var(--of-red)}.fretNums span{color:var(--of-muted)}.string>b{color:var(--of-red);font:700 14px Arial}.string button{background:linear-gradient(90deg,#71472f,#9b6746);border-right:3px solid #d5c8af}.string button>i{background:#eee4cf;box-shadow:0 1px 1px #332118}.string button span{font:700 10px Arial}.string button.shown span{background:var(--of-paper);box-shadow:0 2px #332117}.string button.focus span{background:var(--of-red);color:#fff;box-shadow:0 0 0 3px var(--of-yellow)}.string button em{background:#ded1b9}.legend{border-color:var(--of-rule)}.legend b{color:var(--of-red);font:700 9px Arial}.legend p,.legend strong{color:var(--of-muted)}.route{background:var(--of-surface);color:var(--of-text);padding:100px 4vw}.routeGrid{border:2px solid var(--of-text);box-shadow:10px 10px 0 var(--of-yellow)}.routeGrid article{border-color:var(--of-text)}.routeGrid article:nth-child(2){background:var(--of-surface-alt)}.routeGrid article:nth-child(3){background:var(--of-yellow);color:var(--of-ink)}.routeGrid article:nth-child(4){background:var(--of-red);color:#fff}.routeGlyph{color:var(--of-red)}.routeGrid article:nth-child(4) .routeGlyph{color:var(--of-yellow)}.stepTop span{color:var(--of-red)}.routeGrid article:nth-child(4) .stepTop span{color:var(--of-yellow)}.routeGrid p{color:var(--of-muted)}.routeGrid article:nth-child(3) p{color:#57534d}.routeGrid article:nth-child(4) p{color:#ffece5}.routeGrid article>div:last-child{border-color:var(--of-rule)}.memoryStrip{background:var(--of-ink);color:#fff}.memoryStrip strong span{color:var(--of-red)}.ampBreak{background:var(--of-ink);color:#fff;grid-template-columns:1.35fr 1fr;min-height:330px;margin:0;display:grid}.ampBreak img{object-fit:cover;width:100%;height:380px}.ampBreak figcaption{flex-direction:column;justify-content:center;padding:55px;display:flex}.ampBreak figcaption b{color:var(--of-yellow);font:900 clamp(30px,4vw,56px)/.95 Arial}.ampBreak figcaption span{color:#c9c3b7;margin-top:20px;font:17px/1.6 Georgia}.practiceRoom{background:var(--of-ink);color:var(--of-paper);padding:110px 4vw}.practiceIntro{grid-template-columns:1fr 1fr;gap:35px}.practiceIntro>div:first-child{grid-column:1}.practiceIntro>div:first-child>p{color:var(--of-red)}.practiceIntro h2{text-transform:uppercase;letter-spacing:-.06em;font:900 clamp(48px,6vw,82px)/.87 Arial}.practiceIntro h2 em{color:var(--of-yellow);text-transform:none;font:italic 400 .95em Georgia}.practiceImage{object-fit:cover;border:8px solid var(--of-paper);grid-area:1/2/span 2;width:100%;height:355px;transform:rotate(1.5deg)}.practiceIntro>div:last-child{grid-column:1}.practiceIntro>div:last-child span{background:var(--of-red);color:#fff}.practiceIntro>div:last-child p{color:#c7c2b8}.drillShelf{border:2px solid var(--of-paper)}.drillShelf button{color:var(--of-ink);border-color:var(--of-ink);background:#d8d0c2}.drillShelf button:nth-child(2n){background:var(--of-paper)}.drillShelf button.active{background:var(--of-red);color:#fff;box-shadow:0 8px 0 var(--of-yellow)}.drillShelf button span,.drillShelf button.active span{color:var(--of-ink)}.drillShelf button.active span{color:var(--of-yellow)}.practiceDesk{color:#fff;border:2px solid var(--of-paper);background:#292824}.deskBrief{border-color:#5c5951}.deskBrief>span,.targetTop span{color:var(--of-yellow)}.deskBrief p{color:#cbc5ba}.deskBrief>div b{color:var(--of-red)}.deskTarget>strong{color:var(--of-red);text-transform:uppercase;font-family:Arial;font-weight:900}.deskActions button{background:0 0;border-color:#77736a}.deskActions button:last-child{background:var(--of-yellow);border-color:var(--of-yellow);color:var(--of-ink)}.answer,.sevenDay{border-color:#5c5951}.days button{color:#fff;background:#34322d}.days button.done{background:var(--of-red)}.days i{border-color:#77736a}.days button.done i{border-color:var(--of-yellow);color:var(--of-yellow)}.learningRule{border-color:#625f58}.learningRule b{color:var(--of-yellow)}.play{background:var(--of-red);color:#fff;padding:100px 4vw}.play .sectionTitle>p{color:var(--of-yellow)}.play .sectionTitle>span{color:#ffe6de}.playGrid{grid-template-columns:1.25fr .75fr}.keyPanel,.roles article{background:var(--of-paper);color:var(--of-ink);border:2px solid var(--of-ink);box-shadow:8px 8px 0 var(--of-ink)}.keyPanel label,.roles article b{color:var(--of-red)}.keyPanel select{color:var(--of-ink)}.chordRow button{color:var(--of-ink);background:#e7dfd0;border-color:#9d9485}.chordRow button.primaryChord{background:var(--of-yellow);border-color:var(--of-ink)}.chordRow span{color:var(--of-red)}.keyPanel>small,.roles p{color:#5f5a51}.survival{background:var(--of-ink);border-color:var(--of-ink)}.survival>*{border-color:#47443e}.survival>span{color:var(--of-yellow)}.survival b{color:var(--of-red)}.drill{background:var(--of-yellow);color:var(--of-ink);padding:100px 6vw}.drill h2{text-transform:uppercase;letter-spacing:-.06em;font:900 64px/.85 Arial}.drill .overline{color:var(--of-red)}.quiz{background:var(--of-ink);box-shadow:12px 12px 0 var(--of-red)}.quizHead{color:#aaa49a}.target i{color:var(--of-yellow)}.target span:after{background:var(--of-red)}.answers button{background:#2e2d29;border-color:#5a5751}.answers button:hover{background:var(--of-red);color:#fff}.feedback{color:var(--of-yellow)}.sources{background:var(--of-surface-alt);color:var(--of-text);grid-template-columns:150px 1.3fr 1fr}.sources>b{color:var(--of-red)}.sources a{-webkit-text-decoration-color:var(--of-red);text-decoration-color:var(--of-red);text-underline-offset:3px}footer{background:var(--of-ink);color:#fff}html[data-theme=dark] .sectionTitle.pale>span{color:var(--of-muted)}html[data-theme=dark] .routeGrid article:first-child{background:var(--of-surface)}@media (width<=900px){.hero{grid-template-columns:1fr}.heroImage{grid-area:1/1;height:340px}.heroCopy{background:var(--of-paper);grid-area:2/1;padding:55px 5vw 110px}.heroStamp{width:120px;height:120px;top:265px;bottom:auto;right:8vw}.heroStamp b{font-size:32px}.coordinates{bottom:25px}.ampBreak{grid-template-columns:1fr}.ampBreak img{height:290px}.practiceIntro{grid-template-columns:1fr}.practiceImage{grid-area:2/1;height:300px}.practiceIntro>div:last-child{grid-column:1}.sectionTitle,.playGrid{grid-template-columns:1fr}}@media (width<=560px){header{height:64px}.themeToggle{margin-left:auto;padding:9px}.themeToggle b{display:none}.themeToggle span{font-size:14px}.hero h1{font-size:52px}.heroImage{height:270px}.heroCopy{padding:45px 18px 120px}.heroStamp{width:100px;height:100px;top:220px;right:22px}.heroStamp b{font-size:27px}.heroStamp span{font-size:7px}.coordinates{flex-direction:row;gap:10px;left:18px;right:18px}.atlas,.route,.play,.drill,.practiceRoom{padding:70px 18px}.sectionTitle h2{font-size:44px}.routeGrid{box-shadow:6px 6px 0 var(--of-yellow)}.ampBreak figcaption{padding:35px 22px}.practiceImage{height:230px}.drillShelf button{min-height:175px}.quiz{box-shadow:7px 7px 0 var(--of-red)}}:root{--of-ink:#0a0a09;--of-bone:#d9d1c1;--of-paper:#e6dfd1;--of-red:#b83c27;--of-yellow:#d3a423;--of-metal:#77746d;--of-wood:#604331;--of-canvas:#bdb8ad;--of-surface:#d9d4ca;--of-surface-alt:#c6c1b6;--of-text:#121211;--of-muted:#4e4b45;--of-rule:#77736b}html[data-theme=dark]{--of-canvas:#0b0c0d;--of-surface:#151719;--of-surface-alt:#202326;--of-text:#e1dacd;--of-muted:#aaa397;--of-rule:#4e514f}html{background:#080909}body{background-color:var(--of-canvas);background-image:repeating-linear-gradient(88deg,#0000 0 63px,#0000000b 64px,#0000 66px 117px),repeating-linear-gradient(177deg,#0000 0 97px,#fff1 98px,#0000 100px);overflow-x:hidden}button,a,select{border-radius:0!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--of-yellow);outline-offset:4px}header{z-index:20;background:linear-gradient(90deg,#090a0a,#1a1b19 45%,#090a0a);border-bottom:7px solid #0000;border-image:repeating-linear-gradient(135deg,#d3a423 0 15px,#111 15px 30px) 7;height:76px;box-shadow:0 7px 18px #0008}header:before{content:"";pointer-events:none;background:repeating-linear-gradient(93deg,#0000 0 71px,#fff1 72px,#0000 74px);position:absolute;inset:0}.mark i{border:2px solid var(--of-yellow);color:var(--of-yellow);background:#161616;position:relative;transform:rotate(-5deg);box-shadow:4px 4px #000}.mark i:after{content:"";border:1px dashed #777;position:absolute;inset:3px}.mark span{color:#eee7da;text-shadow:2px 2px #000}.mark small{color:#918b82}.begin{transform:rotate(1deg);box-shadow:4px 4px #000;background:var(--of-yellow)!important;color:#111!important}.themeToggle{background:#131413;border-color:#6a6862;box-shadow:3px 3px #000}header nav{gap:22px}header nav a{position:relative}header nav a:after{content:"";background:var(--of-red);height:2px;transition:right .18s;position:absolute;bottom:-7px;left:0;right:100%}header nav a:hover:after{right:0}.hero{background:var(--of-surface);border-bottom:14px solid #111}.hero:before{content:"";z-index:4;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(105deg,#0000 0 89px,#1112 90px,#0000 92px),linear-gradient(177deg,#0000 0 81%,#0003 81.2%,#0000 82%);display:block;position:absolute;inset:0}.heroImage{filter:grayscale(.68)sepia(.25)contrast(1.32)brightness(.73);clip-path:polygon(6% 0,100% 0,100% 100%,2% 100%,5% 91%,1% 84%,6% 76%,2% 67%,7% 58%,1% 48%,6% 39%,2% 28%,7% 19%,1% 9%)}.heroCopy{background:linear-gradient(91deg,var(--of-surface) 0 91%,transparent);z-index:5}.heroCopy:before{content:"FREE KNOWLEDGE // OPEN CIRCUIT";border:1px solid var(--of-rule);letter-spacing:.14em;color:var(--of-muted);padding:6px 9px;font:800 8px Arial;position:absolute;top:28px;left:5vw;transform:rotate(-1deg)}.hero h1{text-shadow:4px 4px #0002}.hero h1 em{color:var(--of-red);text-shadow:none}.hero .overline:before{content:"[ ";color:var(--of-text)}.hero .overline:after{content:" ]";color:var(--of-text)}.heroStamp{clip-path:polygon(50% 0,62% 12%,80% 5%,87% 22%,100% 28%,92% 47%,100% 64%,83% 73%,79% 94%,59% 88%,45% 100%,32% 85%,12% 91%,10% 70%,0 58%,9% 41%,2% 24%,22% 17%,31% 0);background:var(--of-yellow);box-shadow:none;border-radius:0}.heroStamp:after{content:"";border:2px dashed #111;border-radius:50%;position:absolute;inset:12px}.coordinates{background:repeating-linear-gradient(135deg,#111 0 14px,var(--of-yellow) 14px 28px);color:#f4eee3;border:0;padding:11px 14px;box-shadow:5px 5px #000}.coordinates span{background:#111;padding:4px 7px}.coordinates span:before{content:"×";color:var(--of-red)}.atlas,.route,.play,.drill,.practiceRoom,.sources{position:relative}.atlas:before,.route:before,.practiceRoom:before,.play:before,.drill:before{content:"";opacity:.12;clip-path:polygon(0 0,100% 0,100% 33%,96% 83%,91% 29%,85% 71%,79% 24%,72% 77%,66% 31%,58% 88%,51% 22%,44% 69%,37% 34%,29% 81%,20% 23%,12% 73%,5% 35%,0 87%);background:currentColor;height:22px;position:absolute;top:-1px;left:-1%;right:-1%}.sectionTitle h2{text-shadow:3px 3px #0002;font-family:Arial Black,Arial,sans-serif}.sectionTitle>p{align-items:center;gap:10px;display:flex}.sectionTitle>p:before{content:"";background:repeating-linear-gradient(135deg,var(--of-yellow) 0 5px,#111 5px 10px);width:34px;height:8px}.instrumentBar{box-shadow:10px 10px 0 var(--of-red),13px 13px 0 #000;background:linear-gradient(#252625,#111);position:relative}.instrumentBar:before{content:"BOLT-ON CONTROL PLATE";color:var(--of-muted);letter-spacing:.16em;font:800 7px Arial;position:absolute;top:-18px;left:12px}.instrumentBar button{background:repeating-linear-gradient(135deg,var(--of-yellow) 0 12px,#c4951d 12px 24px)}.viewTabs button.active{background:#0001}.noteRail button,.noteRail select{box-shadow:2px 2px #0003}.neckScroll{background:#181713;border:7px solid #1b1a18;box-shadow:0 0 0 1px #716c63}.fretNums{background:#111}.string button{background:linear-gradient(90deg,#493020,#80543a 48%,#3b281d);border-color:#a7a093}.string button:nth-child(4n){filter:brightness(.86)}.legend{border-bottom:1px solid var(--of-rule)}.routeGrid{box-shadow:12px 12px 0 var(--of-yellow),16px 16px 0 #000;border:3px solid #151515;transform:rotate(-.18deg)}.routeGrid article{position:relative;overflow:hidden}.routeGrid article:before{content:"";background:#0002;width:100px;height:10px;position:absolute;top:14px;right:-30px;transform:rotate(37deg)}.routeGrid article:nth-child(2){transform:translateY(7px)rotate(.3deg)}.routeGrid article:nth-child(4){transform:translateY(-5px)rotate(-.25deg)}.routeGlyph{text-shadow:3px 3px #0002;font-family:Arial Black,Arial,sans-serif}.memoryStrip{box-shadow:7px 7px 0 var(--of-red);background:repeating-linear-gradient(91deg,#111 0 80px,#181816 81px 160px);border:2px solid #4e4b44}.ampBreak{border-top:10px solid #0b0b0b;border-bottom:10px solid #0b0b0b}.ampBreak img{filter:grayscale(.8)sepia(.35)contrast(1.4);clip-path:polygon(0 0,100% 0,96% 11%,100% 24%,97% 38%,100% 52%,95% 67%,100% 80%,96% 100%,0 100%)}.ampBreak figcaption{background:radial-gradient(circle at 90% 20%,#b83c2738,#0000 28%),repeating-linear-gradient(105deg,#101111 0 55px,#151615 56px 110px)}.ampBreak figcaption b{text-shadow:4px 4px #000}.practiceRoom{background:#0c0d0d repeating-linear-gradient(118deg,#0000 0 78px,#fff1 79px,#0000 80px)}.practiceImage{filter:grayscale(.7)sepia(.25)contrast(1.25);clip-path:polygon(0 1%,94% 0,100% 8%,98% 92%,91% 100%,4% 97%,0 88%);border:10px solid #cfc7b8;transform:rotate(1.4deg);box-shadow:14px 14px #000}.drillShelf{border:3px solid #756f66;box-shadow:10px 10px #000}.drillShelf button{background-image:repeating-linear-gradient(108deg,#0000 0 49px,#0001 50px,#0000 52px)}.drillShelf button.active{box-shadow:0 10px 0 var(--of-yellow),6px 10px 0 #000;transform:translateY(-10px)rotate(-.7deg)}.practiceDesk{background:linear-gradient(145deg,#252522,#111);border:3px solid #706b63;box-shadow:12px 12px #000}.days button{border-left:6px solid #54514b}.days button:nth-child(odd){transform:translate(5px)}.learningRule{background:#181817;border:2px dashed #625f58}.play{background-color:#8e2e20;background-image:linear-gradient(13deg,#0000 0 48%,#0002 49%,#0000 50%),repeating-linear-gradient(92deg,#0000 0 73px,#fff1 74px,#0000 76px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.keyPanel,.roles article{border:3px solid #111;transform:rotate(-.2deg);box-shadow:10px 10px #111}.roles article:nth-child(2){transform:translate(5px,-4px)rotate(.4deg)}.chordRow button{clip-path:polygon(0 4%,94% 0,100% 92%,5% 100%)}.survival{border:3px solid #111;box-shadow:8px 8px #000}.survival div:nth-child(2n){background:#fff1}.drill{background:var(--of-yellow);background-image:repeating-linear-gradient(135deg,#0000 0 34px,#0000000d 35px,#0000 37px);border-top:10px solid #111}.quiz{box-shadow:14px 14px 0 var(--of-red),18px 18px 0 #000;clip-path:polygon(0 0,98% 1%,100% 97%,2% 100%);border:3px solid #5d5951}.answers button{box-shadow:2px 2px #000}.sources{background-image:repeating-linear-gradient(93deg,#0000 0 89px,#0001 90px,#0000 91px);border-top:8px solid #111}footer{border-top:7px solid #0000;border-image:repeating-linear-gradient(135deg,var(--of-yellow) 0 14px,#111 14px 28px) 7;background:repeating-linear-gradient(97deg,#0b0b0b 0 95px,#121311 96px 190px)}html[data-theme=dark] .heroCopy{background:linear-gradient(91deg,var(--of-surface) 0 91%,transparent)}html[data-theme=dark] .heroImage{filter:grayscale(.72)sepia(.22)contrast(1.32)brightness(.56)}html[data-theme=dark] .routeGrid article:nth-child(3){color:#111}html[data-theme=dark] .routeGrid article:nth-child(3) p{color:#403d38}html[data-theme=dark] .hero .overline:before,html[data-theme=dark] .hero .overline:after{color:var(--of-text)}@media (width<=1100px){header nav{display:none}.begin{margin-left:auto}.hero{grid-template-columns:58% 42%}.heroStamp{right:34%}}@media (width<=900px){.hero{grid-template-columns:1fr}.heroImage{clip-path:polygon(0 0,100% 0,100% 94%,90% 100%,78% 95%,65% 100%,51% 94%,38% 100%,24% 95%,10% 100%,0 94%);grid-area:1/1}.heroCopy{background:var(--of-surface)!important}.heroStamp{right:8vw}.routeGrid,.routeGrid article:nth-child(2),.routeGrid article:nth-child(4){transform:none}}@media (width<=560px){header{height:68px}.heroCopy:before{left:18px}.coordinates{background:#111;overflow:auto}.coordinates span{white-space:nowrap}.sectionTitle>p:before{width:22px}.atlas,.route,.play,.drill,.practiceRoom,.sources{padding-left:18px;padding-right:18px}.routeGrid{box-shadow:7px 7px 0 var(--of-yellow),10px 10px 0 #000}.instrumentBar{box-shadow:6px 6px 0 var(--of-red),9px 9px 0 #000}.practiceDesk{box-shadow:7px 7px #000}.quiz{box-shadow:8px 8px 0 var(--of-red),11px 11px 0 #000}}body{overflow-x:clip}main{overflow:visible}html[data-theme=dark] .routeGrid>article>p{color:#c8c1b5}html[data-theme=dark] .routeGrid dl,html[data-theme=dark] .routeGrid dl>div{border-color:#5a5d5a}html[data-theme=dark] .routeGrid dd{color:#d8d1c5}html[data-theme=dark] .routeGrid article:nth-child(4) dt{color:var(--of-yellow)}html[data-theme=dark] .routeGrid article:nth-child(4) dd{color:#fff0ea}html[data-theme=dark] .routeGrid article:nth-child(4) .passGate dt,html[data-theme=dark] .routeGrid article:nth-child(4) .passGate dd{color:#201e1a}.scaleGrid .gridTitle>span{color:#b9b2a5}.scaleGrid .degreeReadout>strong{letter-spacing:-.04em;font-family:Georgia,serif;font-style:italic}.siteHeader{z-index:100;align-items:center;gap:24px;height:76px;padding:0 3vw;display:flex;position:sticky;top:0}.siteHeader nav{gap:24px;margin-left:auto;display:flex}.siteHeader .begin{white-space:nowrap}.menuToggle{color:#fff;background:#111;border:1px solid #5b5953;width:42px;height:42px;padding:10px;display:none}.menuToggle span{background:#d3a423;height:2px;margin:4px 0;display:block}.pageLead{background:var(--of-surface);color:var(--of-text);border-bottom:9px solid #0000;border-image:repeating-linear-gradient(135deg,#d3a423 0 14px,#111 14px 28px) 9;padding:72px 4vw 46px}.pageLead>a{letter-spacing:.12em;color:var(--of-red);text-transform:uppercase;font:800 9px Arial}.pageLead p{letter-spacing:.18em;color:var(--of-red);margin:28px 0 12px;font:800 9px Arial}.pageLead h1{text-transform:uppercase;letter-spacing:-.065em;max-width:980px;margin:0;font:900 clamp(48px,7vw,92px)/.86 Arial}.pageLead h1 em{color:var(--of-red);text-transform:none;font:italic 400 .9em Georgia}.pageLead>span{max-width:740px;color:var(--of-muted);margin-top:25px;font:18px/1.6 Georgia;display:block}.pageControl{background:var(--of-yellow);color:#111;align-items:center;gap:20px;padding:24px 4vw;display:flex}.pageControl label{letter-spacing:.12em;font:800 9px Arial}.pageControl select{color:#fff;background:#111;border:0;margin-left:10px;padding:10px 34px 10px 12px;font-weight:800}.pageControl a{letter-spacing:.1em;margin-left:auto;font:800 9px Arial}.pageStack{background:var(--of-canvas)}footer nav{gap:18px;display:flex}footer nav a{letter-spacing:.1em;text-transform:uppercase;color:#d3a423;font:800 9px Arial}@media (width<=1080px){.siteHeader nav{gap:14px}.siteHeader nav a{font-size:8px}.siteHeader .begin{display:none}}@media (width<=780px){.siteHeader{flex-wrap:wrap;height:auto;min-height:64px;padding:10px 18px}.siteHeader .mark{margin-right:auto}.siteHeader .mark small{display:none}.siteHeader .menuToggle{order:2;display:block}.siteHeader .themeToggle{order:3;margin:0}.siteHeader nav{border-top:1px solid #46433d;order:4;grid-template-columns:1fr 1fr;width:100%;margin:0;padding:8px 0 13px;display:none}.siteHeader.menuOpen nav{display:grid}.siteHeader nav a{padding:10px 8px;font-size:9px}.pageLead{padding:55px 18px 38px}.pageControl{flex-direction:column;align-items:flex-start;padding:18px}.pageControl a{margin-left:0}footer nav{margin-top:4px}}.pathChooser,.teachingStandard,.learningSystem{padding:105px 4vw}.pathChooser{background:var(--of-canvas);color:var(--of-text)}.pathIntro{grid-template-columns:160px 1fr 360px;align-items:end;gap:28px;display:grid}.pathIntro>p,.standardCopy>p,.learningSystem>div:first-child>p{letter-spacing:.18em;color:var(--of-red);font:800 9px Arial}.pathIntro h2,.standardCopy h2,.learningSystem h2{text-transform:uppercase;letter-spacing:-.06em;margin:0;font:900 clamp(45px,6vw,78px)/.88 Arial}.pathIntro>span{color:var(--of-muted);font:16px/1.55 Georgia}.pathCards{border:3px solid var(--of-text);box-shadow:12px 12px 0 var(--of-yellow);grid-template-columns:repeat(3,1fr);margin-top:52px;display:grid}.pathCards a{min-height:340px;color:var(--of-text);background:var(--of-surface);border-right:2px solid var(--of-text);flex-direction:column;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pathCards a:last-child{border:0}.pathCards a:nth-child(2){background:var(--of-yellow);color:#111}.pathCards a:nth-child(3){background:var(--of-red);color:#fff}.pathCards a:before{content:"";background:#0002;width:100px;height:10px;position:absolute;top:28px;right:-24px;transform:rotate(37deg)}.pathCards span{letter-spacing:.14em;color:var(--of-red);font:800 8px Arial}.pathCards a:nth-child(2) span{color:#6e281d}.pathCards a:nth-child(3) span{color:var(--of-yellow)}.pathCards h3{text-transform:uppercase;margin:60px 0 15px;font:900 34px/.95 Arial}.pathCards p{color:var(--of-muted);font:15px/1.55 Georgia}.pathCards a:nth-child(2) p{color:#4a4437}.pathCards a:nth-child(3) p{color:#ffe5dd}.pathCards b{letter-spacing:.1em;margin-top:auto;font:800 9px Arial}.teachingStandard{color:#f2ecde;background:#101110;border-top:12px solid #d3a423;border-bottom:12px solid #d3a423;grid-template-columns:.72fr 1.28fr;gap:50px;display:grid}.standardCopy h2 em{color:var(--of-yellow);text-transform:none;font:italic 400 .92em Georgia}.standardCopy>p:last-of-type{color:#c8c1b5;font:16px/1.62 Georgia}.standardCopy ul{border-top:1px solid #4a4b47;margin:35px 0 0;padding:0;list-style:none}.standardCopy li{border-bottom:1px solid #4a4b47;grid-template-columns:90px 1fr;gap:15px;padding:15px 0;display:grid}.standardCopy li b{color:var(--of-yellow);letter-spacing:.12em;font:800 8px Arial}.standardCopy li span{color:#d1cbc0;font:13px/1.45 Georgia}.standardVisual{align-self:center;min-width:0}.visualCaption{border:1px dashed #5f5d57;grid-template-columns:140px 1fr;gap:18px;margin-top:22px;padding:18px;display:grid}.visualCaption b{color:var(--of-yellow);letter-spacing:.12em;font:800 8px Arial}.visualCaption p{color:#bbb5aa;margin:0;font:13px/1.5 Georgia}.learningSystem{background:var(--of-surface);color:var(--of-text)}.learningSystem>div:first-child{grid-template-columns:160px 1fr;align-items:end;display:grid}.systemGrid{border:3px solid var(--of-text);grid-template-columns:repeat(5,1fr);margin-top:50px;display:grid}.systemGrid a{min-height:290px;color:inherit;border-right:1px solid var(--of-rule);background:var(--of-surface-alt);flex-direction:column;padding:23px;text-decoration:none;display:flex}.systemGrid a:last-child{border:0}.systemGrid a:nth-child(2),.systemGrid a:nth-child(4){background:var(--of-surface)}.systemGrid span{color:var(--of-red);font:900 28px Arial}.systemGrid h3{text-transform:uppercase;margin:45px 0 12px;font:900 20px/.95 Arial}.systemGrid p{color:var(--of-muted);font:13px/1.5 Georgia}.systemGrid b{color:var(--of-red);letter-spacing:.1em;margin-top:auto;font:800 8px Arial}.freePromise{background:var(--of-red);color:#fff;grid-template-columns:170px 1fr auto;align-items:center;gap:30px;padding:85px 6vw;display:grid}.freePromise>span{color:var(--of-yellow);letter-spacing:.15em;font:800 9px Arial}.freePromise h2{text-transform:uppercase;margin:0;font:900 clamp(30px,4vw,54px)/.95 Arial}.freePromise a{background:var(--of-yellow);color:#111;letter-spacing:.1em;padding:17px;font:800 9px Arial;text-decoration:none;box-shadow:5px 5px #111}@media (width<=1050px){.pathIntro{grid-template-columns:1fr 1fr}.pathIntro>p{grid-column:1/-1}.pathCards{grid-template-columns:1fr}.pathCards a{border-right:0;border-bottom:2px solid var(--of-text);min-height:250px}.teachingStandard{grid-template-columns:1fr}.systemGrid{grid-template-columns:1fr 1fr}.systemGrid a{border-bottom:1px solid var(--of-rule)}.freePromise{grid-template-columns:1fr}.freePromise a{justify-self:start}}@media (width<=600px){.pathChooser,.teachingStandard,.learningSystem{padding:70px 18px}.pathIntro{grid-template-columns:1fr}.pathIntro>p{grid-column:auto}.pathCards{box-shadow:7px 7px 0 var(--of-yellow)}.pathCards h3{margin-top:35px}.learningSystem>div:first-child,.systemGrid{grid-template-columns:1fr}.systemGrid a{border-right:0;min-height:230px}.freePromise{padding:65px 18px}.visualCaption{grid-template-columns:1fr}}.lessonNeck{color:#f2ecde;background:#151512;border:3px solid #6d6961;min-width:0;margin:0;box-shadow:9px 9px #050505}.lessonNeck figcaption,.chordDiagram figcaption,.rhythmDiagram figcaption,.lessonTab figcaption{color:#d3a423;letter-spacing:.14em;background:#0b0c0b;padding:12px 15px;font:800 8px Arial}.lessonNeckScroll{min-width:0;padding:13px;overflow:auto}.lessonFretNumbers,.lessonString{grid-template-columns:48px repeat(var(--lesson-frets),minmax(42px,1fr));min-width:max-content;display:grid}.lessonFretNumbers i,.lessonFretNumbers span{text-align:center;color:#8f8a80;padding:7px 2px;font:800 7px Arial}.lessonString>b{color:#d3a423;place-items:center;font:900 12px Arial;display:grid}.lessonString>span{background:linear-gradient(90deg,#493020,#80543a 48%,#3b281d);border-right:2px solid #9c9588;min-width:42px;height:47px;position:relative}.lessonString>span>i{background:#d8d0c0;height:2px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px 1px #111}.lessonString>span>em{z-index:2;color:#111;background:#d3a423;border-radius:50%;place-items:center;width:29px;height:29px;font:900 9px Arial;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #151512}.lessonString>span.root>em{color:#fff;background:#b83c27}.lessonString>span.ghost>em{color:#fff;background:#65625b}.lessonString em small{color:#f3eddf;white-space:nowrap;font:800 6px Arial;position:absolute;top:31px}.lessonPage{background:var(--of-canvas);color:var(--of-text)}.lessonHero{background:var(--of-surface);border-bottom:12px solid #111;grid-template-columns:1.2fr .8fr;display:grid}.lessonHero>div{padding:75px 5vw}.lessonHero>div>a{letter-spacing:.11em;color:var(--of-red);text-transform:uppercase;font:800 9px Arial}.lessonHero>div>p{letter-spacing:.18em;color:var(--of-red);margin:45px 0 16px;font:800 9px Arial}.lessonHero h1{text-transform:uppercase;letter-spacing:-.07em;margin:0;font:900 clamp(54px,8vw,108px)/.82 Arial}.lessonHero>div>span{max-width:720px;color:var(--of-muted);margin-top:28px;font:19px/1.58 Georgia;display:block}.lessonHero aside{color:#fff;background:#101110;flex-direction:column;justify-content:center;padding:55px 4vw;display:flex}.lessonHero aside>b{color:#d3a423;letter-spacing:.15em;font:800 9px Arial}.lessonHero dl{border:1px solid #56534c;grid-template-columns:1fr 1fr;margin:25px 0;display:grid}.lessonHero dl>div{border-bottom:1px solid #56534c;border-right:1px solid #56534c;padding:15px}.lessonHero dl>div:nth-child(2){border-right:0}.lessonHero dl>div:last-child{border-bottom:0;grid-column:1/-1}.lessonHero dt{color:#b83c27;letter-spacing:.12em;font:800 7px Arial}.lessonHero dd{margin:6px 0 0;font:13px Georgia}.lessonHero aside h2{text-transform:uppercase;font:900 18px Arial}.lessonHero aside ul{color:#d0cbc0;padding-left:18px;font:14px/1.5 Georgia}.lessonStepsDetailed>article{border-bottom:3px solid var(--of-text);background:var(--of-canvas);grid-template-columns:170px 1fr;gap:38px;padding:95px 5vw;display:grid}.lessonStepsDetailed>article:nth-child(2n){background:var(--of-surface)}.stepNumber{flex-direction:column;display:flex}.stepNumber span{color:var(--of-red);font:900 76px/.8 Arial}.stepNumber b{letter-spacing:.14em;margin-top:20px;font:800 8px/1.4 Arial}.stepTeaching{min-width:0}.stepTeaching>h2{text-transform:uppercase;letter-spacing:-.055em;margin:0;font:900 clamp(38px,5vw,68px)/.9 Arial}.stepIntro{max-width:820px;color:var(--of-muted);margin:20px 0 35px;font:17px/1.6 Georgia}.instructionGrid{border:3px solid var(--of-text);background:var(--of-surface);grid-template-columns:1fr 1fr;margin-top:35px;display:grid}.instructionGrid>section{padding:28px}.instructionGrid>section:first-child{border-right:2px solid var(--of-text)}.instructionGrid>section>b,.instructionGrid>section>div>b{letter-spacing:.14em;color:var(--of-red);font:800 8px Arial}.instructionGrid ol{margin:18px 0 0;padding-left:22px;font:15px/1.6 Georgia}.instructionGrid li{padding:6px}.instructionGrid>section>div{border-bottom:1px solid var(--of-rule);margin-bottom:17px;padding:0 0 17px}.instructionGrid>section>div:last-child{border:0;margin:0}.instructionGrid p{color:var(--of-muted);margin:8px 0 0;font:14px/1.55 Georgia}.instructionGrid .stepGate{background:var(--of-yellow);color:#111;margin:-1px;padding:17px!important}.instructionGrid .stepGate b,.instructionGrid .stepGate p{color:#111}.lessonFinish{color:#fff;text-align:center;background:#b83c27;padding:90px 6vw}.lessonFinish>span{letter-spacing:.16em;color:#d3a423;font:800 9px Arial}.lessonFinish h2{text-transform:uppercase;letter-spacing:-.06em;margin:18px 0;font:900 clamp(42px,6vw,76px)/.88 Arial}.lessonFinish p{color:#ffe4dc;max-width:690px;margin:0 auto 30px;font:17px/1.6 Georgia}.lessonFinish a{color:#111;letter-spacing:.1em;background:#d3a423;padding:16px;font:800 9px Arial;text-decoration:none;display:inline-block;box-shadow:5px 5px #111}.chordPair{grid-template-columns:1fr 1fr;gap:25px;display:grid}.chordDiagram{color:#fff;background:#1a1b18;border:3px solid #111;margin:0;padding-bottom:18px;box-shadow:8px 8px #b83c27}.chordStringLabels{grid-template-columns:repeat(6,1fr);margin:18px 18px 5px;padding-left:35px;display:grid}.chordStringLabels span{text-align:center;color:#d3a423;font:900 9px Arial}.chordGrid{margin:0 18px}.chordRowVisual{grid-template-columns:35px repeat(6,1fr);min-height:66px;display:grid}.chordRowVisual>b{color:#d3a423;place-items:center;font:900 10px Arial;display:grid}.chordRowVisual>span{border-top:2px solid #847f75;border-right:2px solid #847f75;position:relative}.chordRowVisual>span:first-of-type{border-left:2px solid #847f75}.chordRowVisual:last-child>span{border-bottom:2px solid #847f75}.chordRowVisual i{color:#111;z-index:2;background:#d3a423;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chordRowVisual i.root{color:#fff;background:#b83c27}.chordRowVisual strong{font:900 11px Arial}.chordRowVisual small{color:#e7e0d4;white-space:nowrap;font:800 7px Arial;position:absolute;top:40px}.rhythmDiagram{color:#fff;background:#151512;border:3px solid #111;margin:0;box-shadow:8px 8px #b83c27}.rhythmDiagram>div{grid-template-columns:repeat(8,1fr);display:grid}.rhythmDiagram span{border-right:1px solid #625e56;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;display:flex}.rhythmDiagram span:last-child{border:0}.rhythmDiagram b{color:#d3a423;font:900 12px Arial}.rhythmDiagram i{font:900 26px Arial}.rhythmDiagram small{color:#aaa399;letter-spacing:.08em;font:800 7px Arial}.rhythmDiagram .accent{background:#b83c27}.rhythmDiagram .accent b,.rhythmDiagram .accent small{color:#fff}.lessonTab{color:#f3eddf;background:#111310;border-left:10px solid #b83c27;margin:0;box-shadow:8px 8px #d3a423}.lessonTab pre{min-width:0;margin:0;padding:26px;font:700 14px/1.7 Courier New,monospace;overflow:auto}.toneTable{border-collapse:collapse;background:var(--of-surface);border:3px solid var(--of-text);width:100%}.toneTable th,.toneTable td{border:1px solid var(--of-rule);text-align:left;padding:15px}.toneTable th{color:#d3a423;letter-spacing:.12em;background:#111;font:800 8px Arial}.toneTable td{font:14px Georgia}.toneTable td:first-child{color:var(--of-red);font:900 15px Arial}@media (width<=900px){.lessonHero,.lessonStepsDetailed>article{grid-template-columns:1fr}.stepNumber{flex-direction:row;align-items:center;gap:20px}.stepNumber b{margin:0}.instructionGrid{grid-template-columns:1fr}.instructionGrid>section:first-child{border-right:0;border-bottom:2px solid var(--of-text)}.chordPair{grid-template-columns:1fr}}@media (width<=600px){.lessonHero>div,.lessonHero aside{padding:48px 18px}.lessonStepsDetailed>article{padding:65px 18px}.lessonHero h1{font-size:54px}.lessonHero dl{grid-template-columns:1fr}.lessonHero dl>div,.lessonHero dl>div:nth-child(2){border-right:0}.lessonHero dl>div:last-child{grid-column:auto}.stepNumber span{font-size:54px}.instructionGrid>section{padding:21px}.rhythmDiagram>div{grid-template-columns:repeat(4,1fr)}.rhythmDiagram span:nth-child(4){border-right:0}.rhythmDiagram span:nth-child(-n+4){border-bottom:1px solid #625e56}.lessonTab pre{padding:18px;font-size:11px}.toneTable{display:block;overflow:auto}}.pageControl button{color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#b83c27;border:2px solid #111;padding:11px 15px;font:800 9px Arial}.curriculumTracks{background:var(--of-canvas);color:var(--of-text);gap:55px;padding:95px 4vw;display:grid}.curriculumTracks>article{border:3px solid var(--of-text);box-shadow:10px 10px 0 var(--of-yellow);grid-template-columns:330px 1fr;display:grid}.trackHead{background:var(--of-red);color:#fff;padding:32px}.trackHead>span{letter-spacing:.14em;color:var(--of-yellow);font:800 8px Arial}.trackHead h2{text-transform:uppercase;margin:35px 0 16px;font:900 38px/.9 Arial}.trackHead p{color:#ffe5dd;font:15px/1.55 Georgia}.trackLessons{background:var(--of-surface)}.trackLessons a{color:inherit;border-bottom:1px solid var(--of-rule);grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:24px;text-decoration:none;display:grid}.trackLessons a:last-child{border:0}.trackLessons a:hover{background:var(--of-yellow);color:#111}.trackLessons>a>span{color:var(--of-red);font:900 28px Arial}.trackLessons h3{text-transform:uppercase;margin:0 0 7px;font:900 21px Arial}.trackLessons p{color:var(--of-muted);margin:0;font:13px/1.45 Georgia}.trackLessons a:hover p{color:#4c463a}.trackLessons>a>b{letter-spacing:.1em;color:var(--of-red);font:800 8px Arial}.curriculumTools{color:#fff;background:#111;grid-template-columns:1fr 1fr;align-items:end;gap:55px;padding:75px 5vw;display:grid}.curriculumTools span{letter-spacing:.14em;color:var(--of-yellow);font:800 8px Arial}.curriculumTools h2{text-transform:uppercase;margin:15px 0 0;font:900 clamp(32px,4vw,54px)/.93 Arial}.curriculumTools nav{border:1px solid #5b5851;grid-template-columns:1fr 1fr;display:grid}.curriculumTools nav a{color:#fff;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #5b5851;border-right:1px solid #5b5851;padding:18px;font:800 9px Arial;text-decoration:none}.curriculumTools nav a:nth-child(2n){border-right:0}.curriculumTools nav a:nth-last-child(-n+2){border-bottom:0}.curriculumTools nav a:hover{background:var(--of-yellow);color:#111}.fretboardToolPage .atlas{padding-top:60px}.toolQuiz{background:var(--of-yellow);color:#111;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding:95px 6vw;display:grid}.toolQuiz>div:first-child>p{letter-spacing:.16em;color:var(--of-red);font:800 9px Arial}.toolQuiz h2{text-transform:uppercase;margin:16px 0;font:900 clamp(44px,6vw,70px)/.88 Arial}.toolQuiz>div:first-child>span{font:16px/1.55 Georgia}.toolQuiz .quiz{color:#fff;background:#111}.toolQuiz .quiz>p{font-family:Georgia}.toolQuiz .target strong{color:#fff}@media (width<=780px){.curriculumTracks{padding:65px 18px}.curriculumTracks>article{box-shadow:7px 7px 0 var(--of-yellow);grid-template-columns:1fr}.trackLessons a{grid-template-columns:44px 1fr}.trackLessons>a>b{grid-column:2}.curriculumTools{grid-template-columns:1fr;padding:60px 18px}.toolQuiz{grid-template-columns:1fr;gap:35px;padding:70px 18px}}:root{--spray-red:#d63222;--spray-yellow:#e2b126;--spray-black:#090909;--spray-bone:#eee7da}.homeHero:after{content:"";z-index:4;pointer-events:none;opacity:.52;background:radial-gradient(circle at 88% 17%,#d63222 0 2px,#0000 3px),radial-gradient(circle at 91% 22%,#d63222 0 1px,#0000 2px),radial-gradient(circle at 84% 24%,#d63222 0 3px,#0000 4px),radial-gradient(circle at 93% 29%,#d63222 0 2px,#0000 3px),radial-gradient(at 87% 22%,#0000 0 48px,#d6322238 50px 56px,#0000 59px),radial-gradient(circle at 47% 12%,#111 0 1px,#0000 2px),radial-gradient(circle at 45% 15%,#111 0 2px,#0000 3px);display:block;position:absolute;inset:0}.spraySlogan{z-index:7;width:min(39vw,520px);color:var(--spray-bone);text-align:center;letter-spacing:.035em;text-transform:uppercase;text-shadow:-2px 1px #111,2px -1px #111,0 0 3px;filter:drop-shadow(0 0 1px);pointer-events:none;mix-blend-mode:screen;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:900;line-height:.76;position:absolute;top:86px;right:2.5vw;transform:rotate(-8deg)}.spraySlogan:before{content:"";z-index:-1;filter:blur(.45px);background:radial-gradient(#d6322288 0 36%,#d6322255 38% 45%,#0000 68%),radial-gradient(circle at 3% 44%,#d63222 0 2px,#0000 3px),radial-gradient(circle at 12% 8%,#d63222 0 3px,#0000 4px),radial-gradient(circle at 92% 83%,#d63222 0 2px,#0000 3px),radial-gradient(circle at 83% 4%,#d63222 0 1px,#0000 2px);position:absolute;inset:-42px -25px;transform:skew(-8deg)}.spraySlogan span{letter-spacing:.18em;margin-left:.25em;font-size:clamp(21px,3vw,44px);display:block}.spraySlogan b{-webkit-text-stroke:1px #f5eee1;font-size:clamp(54px,7.8vw,126px);font-weight:900;display:block}.spraySlogan b:after{content:"";background:linear-gradient(var(--spray-red) 0 65%,transparent);width:7px;height:39px;box-shadow:43px -5px 0 -2px var(--spray-red),121px 4px 0 -2px var(--spray-red),229px -9px 0 -2px var(--spray-red),318px 3px 0 -2px var(--spray-red);opacity:.82;border-radius:0 0 50% 50%;position:absolute;top:96%;left:19%}.spraySection{isolation:isolate;position:relative;overflow:hidden}.spraySection:after{content:attr(data-spray);z-index:-1;color:var(--spray-red);letter-spacing:.03em;text-transform:uppercase;opacity:.18;filter:blur(.25px);text-shadow:2px 0,-2px 1px,0 0 5px;pointer-events:none;font:900 clamp(34px,5.5vw,82px)/.8 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;position:absolute;top:22px;right:2.5vw;transform:rotate(-5deg)}.spraySection:before{content:"";z-index:-1;pointer-events:none;width:32vw;min-width:280px;height:170px;color:var(--spray-red);opacity:.08;background:radial-gradient(circle at 82% 31%,currentColor 0 2px,#0000 3px),radial-gradient(circle at 71% 45%,currentColor 0 1px,#0000 2px),radial-gradient(circle at 91% 63%,currentColor 0 3px,#0000 4px),radial-gradient(at 80% 45%,currentColor 0 18%,#0000 58%);position:absolute;top:0;right:0}.teachingStandard.spraySection:after{color:var(--spray-yellow);opacity:.23}.teachingStandard.spraySection:before{color:var(--spray-yellow);opacity:.09}.freePromise.spraySection:after{color:#111;opacity:.24;z-index:0}.freePromise.spraySection>*{z-index:1;position:relative}.pageLead,.lessonHero{isolation:isolate;position:relative;overflow:hidden}.pageLead:after{content:"FREE KNOWLEDGE";z-index:-1;color:var(--spray-red);letter-spacing:.045em;opacity:.16;text-shadow:1px 0,-2px 1px,0 0 5px;font:900 clamp(34px,5.2vw,78px)/.8 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;position:absolute;top:28px;right:3vw;transform:rotate(-6deg)}.pageLead:before{content:"";z-index:-1;background:radial-gradient(circle at 65% 28%,#d63222 0 2px,#0000 3px),radial-gradient(circle at 78% 55%,#d63222 0 1px,#0000 2px),radial-gradient(circle at 92% 40%,#d63222 0 3px,#0000 4px),radial-gradient(at 78% 38%,#d632221b 0 25%,#0000 66%);width:44vw;height:180px;position:absolute;top:0;right:1vw}.lessonHero:after{content:"PLAY // PROVE";z-index:3;color:var(--spray-red);letter-spacing:.05em;opacity:.22;pointer-events:none;font:900 clamp(27px,4vw,62px)/.85 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;position:absolute;top:20px;right:3vw;transform:rotate(-5deg)}.lessonHero aside{z-index:4;position:relative}.mark i:before{content:"";background:radial-gradient(circle at 13% 23%,var(--spray-yellow) 0 1px,transparent 2px),radial-gradient(circle at 88% 17%,var(--spray-yellow) 0 2px,transparent 3px),radial-gradient(circle at 91% 84%,var(--spray-yellow) 0 1px,transparent 2px),radial-gradient(circle at 32% 92%,var(--spray-yellow) 0 2px,transparent 3px);opacity:.75;pointer-events:none;position:absolute;inset:-12px}.heroBtns a:first-child,.lessonFinish a,.begin{position:relative}.heroBtns a:first-child:after,.lessonFinish a:after,.begin:after{content:"";z-index:-1;opacity:.55;pointer-events:none;background:radial-gradient(circle at 4% 32%,currentColor 0 1px,#0000 2px),radial-gradient(circle at 98% 72%,currentColor 0 2px,#0000 3px),radial-gradient(circle at 42% 102%,currentColor 0 1px,#0000 2px);position:absolute;inset:-7px}footer{position:relative;overflow:hidden}footer:after{content:"FREEFRETBOARD.COM";color:var(--spray-red);letter-spacing:.04em;opacity:.2;pointer-events:none;font:900 clamp(30px,5vw,70px)/1 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;position:absolute;bottom:-8px;right:3vw;transform:rotate(-4deg)}@media (width<=900px){.spraySlogan{width:58vw;top:66px;right:4vw}.spraySlogan b{font-size:clamp(48px,12vw,100px)}.spraySlogan b:after{display:none}.spraySection:after{top:18px}.lessonHero:after{right:18px}}@media (width<=600px){.spraySlogan{width:82vw;top:38px;right:-2vw;transform:rotate(-7deg)}.spraySlogan span{font-size:19px}.spraySlogan b{font-size:54px}.homeHero:after{opacity:.35}.spraySection:after{font-size:42px;top:13px;right:-8px}.pageLead:after{font-size:39px;top:18px;right:-14px}.lessonHero:after{font-size:29px;top:11px}.freePromise.spraySection:after{top:10px}.spraySection:before{width:80vw;height:120px}footer:after{font-size:34px;right:-10px}}@media (prefers-reduced-motion:reduce){.spraySlogan,.spraySection:after,.pageLead:after,.lessonHero:after{filter:none}}