/* DRUMOJO / Venue-to-studio visual language. High-contrast surfaces, editorial rhythm and legible touch controls. */
:root{--k36-ink:#17282c;--k36-night:#101b21;--k36-paper:#f5f2e9;--k36-moss:#d6edb4;--k36-copper:#b45431;--k36-line:#c8d0ca}
html{scroll-behavior:smooth}body{overflow-wrap:break-word}*{text-wrap:pretty}h1,h2,h3{overflow-wrap:break-word}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #75cdf1!important}
.site-header .site-nav{gap:clamp(8px,1.5vw,19px)}.site-header .site-nav a{font-size:clamp(12px,.9vw,14px)!important;opacity:1!important;color:#f1f6f0!important}.site-header .site-nav a:hover{color:var(--k5-signal)!important}.site-header .site-nav{min-width:0}.site-footer a{font-size:13px;line-height:1.6;color:#f0f4eb}
.k36-banner{background:var(--k36-moss);color:#16251b;padding:10px clamp(20px,5vw,90px);display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:13px;font-weight:800}.k36-banner a{color:#192e26;text-decoration:underline;text-underline-offset:3px}
.k36-showcase{background:var(--k36-night);color:#fff;padding:clamp(65px,8vw,126px) clamp(18px,5vw,90px)}.k36-showcase>header{max-width:1300px;margin:0 auto 3rem;display:flex;justify-content:space-between;gap:2rem;align-items:end}.k36-showcase .k36-label{color:#d6edb4;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.k36-showcase h2{font-size:clamp(39px,6vw,83px);line-height:1.01;letter-spacing:-.06em;max-width:790px;margin:1rem 0}.k36-showcase p{color:#d4e2df;max-width:400px;line-height:1.75;font-size:17px}.k36-program{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1460px;margin:auto}.k36-program a{display:flex;flex-direction:column;border:1px solid #486061;border-radius:14px;min-height:410px;overflow:hidden;background:#192a2d;color:#f8fcf5!important;text-decoration:none;transition:transform .22s,border-color .22s}.k36-program a:hover{border-color:#d6edb4;transform:translateY(-4px)}.k36-program img{width:100%;height:205px;object-fit:cover}.k36-program .k36-card-copy{padding:22px;display:flex;flex-direction:column;gap:.7rem;flex:1}.k36-card-copy small{color:#d6edb4;letter-spacing:.12em;font-size:11px;font-weight:800}.k36-card-copy strong{color:#fff;font-size:clamp(23px,2.4vw,34px);letter-spacing:-.045em}.k36-card-copy span{color:#d7e2dd;font-size:14px;line-height:1.6}.k36-card-copy b{margin-top:auto;border-top:1px solid #526668;padding-top:1.3rem;color:#e3f5c7;font-size:13px}
.k36-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#d6edb4!important;color:#13251b!important;text-decoration:none;border:1px solid #d6edb4;border-radius:8px;font-weight:850;line-height:1.25}.k36-cta:hover{background:#edffcf!important}.k36-cta-outline{background:transparent!important;color:#f0f6f1!important;border-color:#7b9b93}.k36-cta-outline:hover{background:#ffffff12!important}.k36-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:1.8rem 0}
.k36-editorial{min-height:calc(90vh - 76px);background:linear-gradient(90deg,#0c171cf7 0%,#0c171cda 48%,#0c171c52 100%),var(--hero-image) center/cover;color:white;padding:clamp(55px,7vw,124px) clamp(20px,6vw,100px);display:flex;align-items:center}.k36-editorial>div{max-width:900px}.k36-eyebrow{color:#d6edb4!important;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.k36-editorial h1{font-size:clamp(54px,8vw,135px);line-height:.91;letter-spacing:-.085em;color:white;margin:1.6rem 0}.k36-editorial h1 em{font-style:normal;color:#d6edb4}.k36-editorial p{font-size:clamp(18px,1.8vw,23px);line-height:1.6;color:#f1f5eb;max-width:670px}.k36-chapters{background:var(--k36-paper);color:var(--k36-ink);padding:clamp(45px,6vw,110px) clamp(18px,5vw,90px)}.k36-chapters h2{font-size:clamp(34px,4.7vw,70px);line-height:1.04;letter-spacing:-.065em;margin:0 0 2rem;color:#14282e}.k36-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.k36-chapter-grid article{background:#fff;border:1px solid #ccd4ce;padding:clamp(24px,2.7vw,46px);border-radius:12px;min-height:250px}.k36-chapter-grid small{font-size:12px;color:#37635e;font-weight:800;letter-spacing:.1em}.k36-chapter-grid h3{font-size:clamp(23px,2.2vw,34px);line-height:1.14;letter-spacing:-.045em;margin:1.5rem 0 .8rem;color:#162d30}.k36-chapter-grid p{font-size:15px;line-height:1.7;color:#485e5c}.k36-chapter-grid a{color:#194d47;text-decoration:underline;font-weight:750}
.k36-plans{max-width:1220px;margin:auto}.k36-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:2rem 0}.k36-tier{background:#fff;color:#14272b;border:1px solid #c4d3cf;border-radius:16px;padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;min-height:460px}.k36-tier.featured{background:#13252a;color:#fff;border-color:#2c5149}.k36-tier small{font-size:11px;letter-spacing:.14em;font-weight:850;color:#35655d}.k36-tier.featured small{color:#d6edb4}.k36-tier h2{font-size:clamp(26px,3vw,42px);line-height:1.12;letter-spacing:-.05em;margin:1.5rem 0 1rem;color:inherit}.k36-tier .price{font-size:clamp(43px,4vw,70px);font-weight:850;letter-spacing:-.07em;color:inherit}.k36-tier .price span{font-size:16px;letter-spacing:0;font-weight:650}.k36-tier p{font-size:15px;line-height:1.7;color:#45605b}.k36-tier.featured p{color:#d1e0d9}.k36-tier .k36-cta{margin-top:auto;text-align:center}.k36-tier:not(.featured) .k36-cta{background:#153a38!important;color:#fff!important;border-color:#153a38}.k36-price-clarity{color:#425955;line-height:1.7;font-size:15px;max-width:840px}.k36-menu-link{display:inline-flex;margin-top:1rem;color:#174c48;text-decoration:underline;font-weight:800}
body:has(.k36-chapters) .site-header{position:relative}.k5-home .k36-program *{font-family:inherit}.k36-access-note{background:#e6eddd;color:#182c27;border:1px solid #b7c7ab;border-radius:10px;padding:15px 20px;line-height:1.6}
@media(max-width:1160px){.site-header .site-nav{gap:10px}.site-header .site-nav a{font-size:12px!important}.site-header{padding:0 18px!important}.k36-program{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.k36-chapter-grid,.k36-price-grid{grid-template-columns:1fr}.k36-showcase>header{display:block}.k36-program img{height:165px}.k36-program a{min-height:350px}.k36-editorial{min-height:650px}.k36-editorial h1{font-size:clamp(48px,11vw,88px)}}
@media(max-width:520px){.k36-program{grid-template-columns:1fr}.k36-banner{display:block;line-height:1.6}.k36-program a{min-height:auto}.k36-program img{height:170px}.k36-editorial{padding:75px 22px;min-height:570px}.k36-editorial h1{font-size:clamp(46px,13vw,67px)}.k36-cta-row>a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.k36-program a{transition:none}.k36-program a:hover{transform:none}}

.k36-contact{max-width:850px;margin:auto;background:#fff;padding:clamp(25px,4vw,60px);border:1px solid #c5d0c9;border-radius:15px}.k36-contact form{display:grid;gap:1rem}.k36-contact label{display:grid;gap:.4rem;font-size:14px;font-weight:750;color:#1c3c37}.k36-contact input,.k36-contact textarea,.k36-contact select{display:block;width:100%;border:1px solid #7d968d;border-radius:8px;background:#fff;color:#1b302d;padding:13px 16px;font:inherit;min-height:48px}.k36-contact textarea{min-height:140px;resize:vertical}.k36-contact button{justify-self:start;cursor:pointer}.k36-contact p{color:#38544c;line-height:1.7}#k36-contact-status{min-height:2rem;color:#19483c;font-size:15px}.k36-bot-field{position:absolute;left:-200vw;height:1px;width:1px;overflow:hidden}

/* The musician's cut: rich typographic promotional feature, no accessible public app controls. */
.k36-creative-feature{background:#122128;color:#f4f4e9;padding:clamp(30px,5vw,85px) clamp(18px,5vw,90px)}.k36-creative-header,.k36-creative-foot{max-width:1480px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid #657875;padding-bottom:20px}.k36-creative-header>span,.k36-creative-foot>span{font:800 11px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:#dbedb2}.k36-creative-header p{max-width:350px;color:#f1f4e9;font-size:16px;line-height:1.5}.k36-creative-body{max-width:1480px;margin:25px auto;display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.k36-creative-body article{border-radius:16px;overflow:hidden}.k36-creative-studio{background:#e4e2d5;display:grid;grid-template-columns:.9fr 1.1fr;color:#152c2e;min-height:590px}.k36-creative-photo{overflow:hidden}.k36-creative-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.k36-creative-copy{padding:clamp(32px,4vw,70px);display:flex;flex-direction:column}.k36-creative-body article span{font-size:11px;letter-spacing:.15em;font-weight:850;color:#3d655c}.k36-creative-studio h2{font-size:clamp(42px,5.2vw,80px);line-height:.95;letter-spacing:-.08em;color:#173538;margin:3rem 0 1.5rem}.k36-creative-studio h2 em{font-style:normal;color:#ad4b30}.k36-creative-body p{font-size:16px;line-height:1.75}.k36-creative-body article a{font-size:15px;font-weight:850;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none;padding-top:16px;border-top:1px solid #7f9992;margin-top:auto}.k36-creative-studio a{color:#1b4940}.k36-creative-body article a:hover{text-decoration:underline}.k36-creative-academy{background:linear-gradient(#15282ac0,#122027dd),url('/editorial-road-cases.webp') center/cover;color:#f5f6ee;padding:clamp(32px,4vw,70px);display:flex;flex-direction:column;min-height:590px}.k36-creative-academy span{color:#d6edb4!important}.k36-creative-academy h2{font-size:clamp(43px,5vw,79px);color:#fff;line-height:.97;letter-spacing:-.07em;margin:3rem 0 1rem}.k36-creative-academy p{color:#ecf2ed}.k36-creative-academy img{height:118px;width:100%;object-fit:cover;border-radius:8px;margin:16px 0 22px;opacity:.92}.k36-creative-academy a{color:#d9f2ae}.k36-creative-foot{border-bottom:0;border-top:1px solid #657875;padding:25px 0 0}.k36-creative-foot a{font-size:13px;color:#e0f2b8;font-weight:850}
@media(max-width:1000px){.k36-creative-body{grid-template-columns:1fr}.k36-creative-academy{min-height:400px}.k36-creative-studio{min-height:440px}}
@media(max-width:540px){.k36-creative-header,.k36-creative-foot{display:block}.k36-creative-studio{display:block}.k36-creative-photo img{height:245px}.k36-creative-copy{padding:25px}.k36-creative-studio h2{margin:1.5rem 0}.k36-creative-academy{padding:30px}}
/* Color corrections across dark-mode teaching and public workspaces */
.dark-mode .eyebrow{color:#edb996!important}.dark-mode .reading-meta{color:#d4e8ba!important}.dark-mode .textbutton{color:#d9f2c7!important}