/* Three worlds, one studio. All decorative motion can be paused. */
.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:29px 23px}.portal-heading h1{font-size:17px;letter-spacing:-.025em;font-weight:400;color:#d1d6ce}.motion-toggle{display:inline-flex;gap:12px;align-items:center;border:1px solid #57615d;border-radius:30px;padding:7px 13px;background:transparent;color:#cbd3ca;font:11px/1.4 var(--sans);cursor:pointer;white-space:nowrap}.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#b5d8bf;color:#fff}.portal-stack{display:grid;gap:17px;padding-bottom:45px}.portal{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:308px;border:1px solid transparent;border-radius:6px;transition:border-color .2s,box-shadow .2s}.portal[href]:hover{border-color:currentColor;box-shadow:0 10px 28px #0002}.portal[href]:hover .portal-cta>span{transform:translate(3px,-3px)}.portal-copy{position:relative;z-index:2;padding:32px 40px;max-width:66%;pointer-events:none}.portal-label{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.17em;font-weight:600;margin-bottom:14px}.portal-label>span{font:10px Consolas,monospace;opacity:.7;padding-right:12px;border-right:1px solid currentColor}.portal h2,.portal h1{font-size:clamp(34px,4.4vw,53px);line-height:1.05;letter-spacing:-.045em;font-weight:550}.portal-description{font-size:13px;line-height:1.7;margin-top:14px}.portal-cta{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-block:6px;margin-top:12px;font-size:12px;font-weight:600}.portal-cta>span{font-size:20px;line-height:1;transition:transform .2s}.portal-caption{position:absolute;right:28px;bottom:17px;font:8px/1.4 Consolas,monospace;letter-spacing:.12em;z-index:1;opacity:.75}.portal-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.portal-school{background:#f3f4de;color:#2b5141}.portal-school .portal-description{color:#42664e}.portal-school h2,.portal-school h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.landscape{width:100%;height:100%;position:absolute;inset:0}.sun-rays{animation:sun-turn 90s linear infinite}.sun{animation:sun-breathe 9s ease-in-out infinite;transform-origin:875px 87px}.cloud-one{animation:cloud-drift 18s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 24s ease-in-out -7s infinite alternate-reverse}.letter-block{transform-box:fill-box;transform-origin:center;animation:block-bob 8s ease-in-out infinite}.block-b{animation-delay:-3s}.block-c{animation-delay:-5s}.portal-web{background:#0a1722;color:#d8f1f3;border-color:#28424c}.portal-web .portal-label{color:#86c9cf}.portal-web .portal-description{color:#b2ced4}.portal-web .price-line{color:#8fe4d8}.tech-grid{position:absolute;inset:0;background-image:linear-gradient(#70c1d10b 1px,transparent 1px),linear-gradient(90deg,#70c1d10b 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000);background-position:center}.portal-web:after{content:'';position:absolute;width:330px;height:330px;right:40px;top:20px;z-index:-1;background:radial-gradient(circle,#247f8e42,transparent 68%)}.tech-scene{position:absolute;right:8px;top:0;height:100%;width:50%;overflow:visible}.browser-window{animation:tech-float 10s ease-in-out infinite}.code-float{animation:tech-float 8s ease-in-out -3s infinite}.code-line{stroke-dasharray:200;animation:code-glow 8s ease-in-out infinite}.tech-orbit{animation:code-glow 6s ease-in-out -2s infinite}.portal-guitar{background:radial-gradient(ellipse at 80% 100%,#3c244e,#171422 65%);color:#f1e8fa;border-color:#493555}.portal-guitar .portal-label{color:#c6add9}.portal-guitar .portal-description{color:#d0bfdc}.fret-scene{position:absolute;right:-50px;top:9px;width:65%;height:calc(100% - 26px);mask-image:linear-gradient(90deg,transparent,#000 19%)}.fret-note{fill:#85e4cd;opacity:.25;animation:note-light 24s linear var(--note-delay) infinite}.fret-note text{fill:#152c28}.fret-note .note-halo{opacity:.11}.fret-note.root-note{fill:#f7c47b}.fret-note.root-note text{fill:#42270e}.portal-guitar .portal-copy{max-width:57%}.portal-guitar .portal-caption{color:#dac8e8}.category-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px}.category-head .back-link{font-size:12px;color:var(--muted)}.portal-intro{min-height:320px}.portal-intro .portal-copy{padding-block:43px}.category-tools{padding-block:38px 65px}.category-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.category-section-title h2{font-size:24px;font-weight:500;letter-spacing:-.03em}.category-section-title>span{color:var(--muted);font-size:11px}.category-tools .tool-directory{max-width:none;margin-top:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-tools .directory-card{display:flex;flex-direction:column;min-width:0;border-radius:5px;overflow:hidden}.category-tools .directory-card+.directory-card{margin:0}.category-tools .tool-art{min-height:160px;padding:24px;gap:16px}.category-tools .tool-art strong{font-size:47px}.category-tools .directory-copy{padding:25px;flex:1}.category-tools .directory-copy h2{font-size:25px}.category-tools .directory-copy>p:not(.eyebrow){font-size:13px}.category-tools .directory-copy .eyebrow{font-size:8px}.category-tools .tool-art svg{height:100px}.category-tools .tool-art pre{font-size:19px}.guitar-page .tool-directory{grid-template-columns:1fr 1fr}.guitar-page .creator-art{background:#2c3d3a}.guitar-page .translator-art{background:#382b49;color:#d9c1eb}.guitar-page .directory-card{background:#24202d;border-color:#594669}.guitar-page .directory-card:hover{border-color:#d9c1eb}.school-page{background:#f9f7ee;color:#2d4b3c;--muted:#526450;--line:#d6dcc9;--sage:#779e7f;color-scheme:light}.school-page .brand strong{color:#526450}.school-page .site-header nav a:hover,.school-page .site-header nav [aria-current]{color:#315c44}.school-page .motion-toggle{color:#405d48;border-color:#b5c5a8}.school-page .motion-toggle:hover{color:#263f2e}.school-page .directory-card{background:#fffdf5;border-color:#cbd6bc}.school-page .directory-card:hover{border-color:#66875c}.school-page .directory-copy h2>span{color:#55734d}.school-page .text-link{border-color:#819977}.school-page :focus-visible{outline-color:#315c44}.collection-directory{padding-block:55px}.collection-directory>.portal{margin-top:25px}.collection-directory>.lead{margin-bottom:35px}.portal-stack+.business-home-contact{margin-top:5px}
html[data-motion="paused"] .portal *,html[data-motion="paused"] .portal:after{animation-play-state:paused!important}
@media(max-width:600px){.portal-school .sun,.portal-school .sun-rays{translate:80px 95px}}
@keyframes sun-turn{to{rotate:360deg}}@keyframes sun-breathe{50%{scale:1.06}}@keyframes cloud-drift{to{translate:26px 0}}@keyframes block-bob{50%{translate:0 -7px}}@keyframes tech-float{50%{translate:0 -7px}}@keyframes code-glow{50%{opacity:.45}}@keyframes note-light{0%,6%{opacity:1;filter:drop-shadow(0 0 7px #76e5cb)}14%,100%{opacity:.25;filter:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="playing"]) .portal *,html:not([data-motion="playing"]) .portal:after{animation:none!important}html:not([data-motion="playing"]) .fret-note{opacity:.8}.portal{transition:none}}
@media(max-width:900px){.portal-copy{padding:30px;max-width:70%}.portal h2,.portal h1{font-size:43px}.portal-guitar .portal-copy{max-width:64%}.portal-description{font-size:12px}.portal-caption{font-size:7px;right:20px}.tech-scene{right:-50px;width:52%;opacity:.8}.category-tools .tool-directory{grid-template-columns:1fr}.category-tools .directory-card{display:grid;grid-template-columns:.75fr 1fr}.guitar-page .tool-directory{grid-template-columns:1fr}.category-tools .tool-art{height:100%;min-height:190px}.category-tools .tool-art svg{height:130px}}
@media(max-width:600px){.portal-heading{align-items:flex-start;padding-block:22px 18px;gap:14px}.portal-heading h1{font-size:13px;max-width:160px;line-height:1.5}.motion-toggle{font-size:10px;padding:7px 10px;gap:8px}.portal-stack{gap:14px;padding-bottom:30px}.portal{min-height:370px}.portal-copy,.portal-guitar .portal-copy{padding:26px 24px;max-width:100%}.portal-label{font-size:7px;letter-spacing:.13em;gap:10px;margin-bottom:14px}.portal-label>span{font-size:9px;padding-right:9px}.portal h2,.portal h1{font-size:37px}.portal-description{font-size:12px;max-width:290px;margin-top:12px}.portal-cta{margin-top:12px;font-size:11px;gap:25px}.portal-caption{font-size:6px;bottom:12px;right:15px}.portal-school .landscape{height:260px;top:auto;bottom:-20px;width:910px;left:calc(50% - 660px);opacity:.9}.portal-school .portal-copy{max-width:100%}.tech-scene{width:280px;height:170px;top:auto;bottom:-12px;right:-27px;opacity:.53}.tech-grid{background-size:28px 28px}.fret-scene{width:360px;height:170px;top:auto;bottom:-12px;right:-33px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 30%)}.portal-guitar{background:radial-gradient(ellipse at 90% 100%,#3c244e,#171422 70%)}.portal-intro{min-height:340px}.portal-intro .portal-copy{padding-block:28px}.category-head{padding-block:22px}.category-tools{padding-block:27px 45px}.category-section-title{align-items:flex-start;flex-direction:column;gap:7px}.category-section-title h2{font-size:23px}.category-tools .tool-directory{margin-top:20px;gap:18px}.category-tools .directory-card{display:flex}.category-tools .tool-art{min-height:135px;padding:23px;gap:10px}.category-tools .tool-art svg{height:95px}.category-tools .directory-copy{padding:25px}.collection-directory{padding-block:36px}.collection-directory>.portal{min-height:310px}.portal-web .price-line{font-size:.91em}.school-page .site-header nav{font-size:10px}.main-footer{flex-wrap:wrap}}