:root{--green:#F4F0E8;--dark:#F4F0E8;--cream:#101614;--paper:#18211d;--muted:#8A968F;--line:#26302B;--pale:#1D2723;--gold:#C08B3E;--ink:#101614;--brass:#C08B3E;--bone:#F4F0E8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--dark);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #C08B3E;outline-offset:4px}.skip{position:absolute;top:-70px;left:16px;background:var(--bone);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:12px}.masthead{min-height:88px;border-bottom:1px solid var(--line);padding:17px 38px;display:flex;gap:26px;align-items:center}.brand{font-family:Georgia,serif;font-size:25px;text-decoration:none;line-height:1.4}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}.preview{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #35403A;border-radius:30px;padding:4px 11px}#account{display:flex;align-items:center;gap:17px;margin-left:auto}#account-email{font-size:12px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--green);font-size:12px;padding:8px}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin:0 0 17px;color:var(--muted)}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14;letter-spacing:-.025em}.welcome{width:min(1140px,calc(100% - 70px));margin:80px auto;display:grid;grid-template-columns:1.1fr .85fr;gap:100px;align-items:center}.welcome h1{font-size:clamp(42px,5vw,64px);margin-bottom:28px}.welcome h1 em{color:#C08B3E}.lede{color:var(--muted);font-size:18px;max-width:470px}.routine-inline{display:flex;flex-wrap:wrap;gap:14px;font:22px Georgia,serif;border-top:1px solid var(--line);padding-top:23px;margin-top:35px}.source-note{font-size:12px;color:var(--muted);margin-top:17px;max-width:430px}.signup-panel{padding:35px;background:var(--paper);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 50px #00000000}.signup-panel h2{font-size:33px;margin-bottom:17px}.signup-panel>p:not(.eyebrow){color:var(--muted);font-size:14px}label[for=email]{display:block;font-size:12px;font-weight:700;margin:24px 0 8px}input[type=email]{display:block;width:100%;border:1px solid #35403A;border-radius:4px;padding:13px;background:#0B100E;color:var(--bone)}.checkbox-label{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.5;margin:18px 0}.checkbox-label input{width:17px;height:17px;flex-shrink:0;margin:2px 0;accent-color:var(--green)}.checkbox-label small{color:var(--muted)}.primary,.secondary{border-radius:4px;padding:12px 19px;font-size:12px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:44px}.primary{background:var(--green);color:var(--cream);border:1px solid var(--green)}.primary:hover{background:#F4F0E8}.secondary{background:transparent;color:var(--green);border:1px solid #35403A}.primary.is-complete{background:var(--pale);color:var(--green);border-color:#35403A}#signup-button{width:100%}.fine-print{font-size:11px!important;margin:18px 0 0}.available{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.availability-dot{width:6px;height:6px;flex-shrink:0;background:#8A968F;border-radius:50%}.loading{padding:70px;text-align:center;color:var(--muted)}.course-shell{display:grid;grid-template-columns:285px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 88px)}.sidebar{padding:38px 26px;background:#1D2723;border-right:1px solid var(--line)}.sidebar h2{font-size:29px;margin-bottom:11px}.instructor{font-size:12px;color:var(--muted);margin-bottom:35px}.progress-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px}.progress-heading strong{font-weight:400}progress{display:block;width:100%;height:5px;border:0;appearance:none;background:#26302B;border-radius:3px;margin:10px 0 30px;overflow:hidden}progress::-webkit-progress-bar{background:#26302B}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.lesson-nav{width:100%;border:1px solid transparent;border-radius:5px;text-align:left;background:transparent;display:flex;gap:11px;padding:14px 10px;margin:0 0 8px;color:var(--green);align-items:center}.lesson-nav[aria-current=true]{background:var(--paper);border-color:#35403A;box-shadow:0 3px 10px #00000000}.lesson-nav:hover{background:#222C27}.lesson-nav-list{max-height:60vh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scroll-padding-block:10px;padding:4px 6px;margin:0 -6px}.lesson-group-title{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:18px 4px 8px;line-height:1.4}.lesson-group-title:first-child{margin-top:0}.lesson-number{font:19px Georgia,serif;color:#8A968F;min-width:30px;flex-shrink:0;text-align:left;font-variant-numeric:tabular-nums}.lesson-nav strong{font-size:12px;line-height:1.4;display:block}.lesson-nav small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.lesson-check{margin-left:auto;font-size:15px}.sidebar-note{font-size:11px;color:var(--muted);line-height:1.6;margin:23px 10px}.sidebar-routine{border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.sidebar-routine p:last-child{font:25px/1.4 Georgia,serif}.lesson-main{padding:36px 45px 45px;min-width:0}.lesson-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.lesson-top .eyebrow{margin-bottom:11px}.save-status{font-size:10px;color:var(--muted)}.lesson-main h1{font-size:39px;margin-bottom:13px}.lesson-summary{max-width:760px;font-size:14px;color:var(--muted);margin-bottom:25px}.lesson-layout{display:grid;grid-template-columns:auto minmax(320px,1fr);gap:45px;align-items:start;margin-top:4px}.player-column{justify-self:center;min-width:0}.notes-column{min-width:0}.player-wrap{background:#0B100E;border-radius:5px;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:22px}.player-wrap video,#player{display:block;aspect-ratio:9/16;object-fit:contain;max-height:72vh;width:auto;max-width:100%;height:auto;background:#0B100E;border-radius:3px}.lesson-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 32px}.completion-message{font-size:12px;color:var(--muted);margin:0;flex-basis:100%}.completion-message:empty{display:none}.below-player{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:26px}.notes h2{font-size:25px;margin-bottom:14px}.notes .eyebrow{margin-bottom:11px}.notes ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.notes li{margin-bottom:9px}.resources a{display:flex;justify-content:space-between;gap:10px;font-size:12px;text-decoration:none;border-bottom:1px solid var(--line);padding:9px 0}.resources a:hover{text-decoration:underline}.resources p:last-child{font-size:10px;color:var(--muted);margin-top:12px}.lesson-routine{margin-top:30px;padding:20px;background:var(--pale);display:grid;grid-template-columns:repeat(4,1fr);gap:17px;border-radius:4px;font-size:10px;color:var(--muted)}.lesson-routine strong{display:block;font:19px Georgia,serif;color:var(--green);margin-bottom:5px}.error{font-size:12px;color:#E8907F;padding:10px 0;margin:5px 0 0}
@media(min-width:1450px){.lesson-main{padding-right:65px;padding-left:65px}}@media(max-width:1000px){.welcome{gap:45px}.course-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:30px 17px}.lesson-main{padding:30px 25px}.below-player{gap:25px}.masthead{padding:16px 24px}#account-email{max-width:150px}}@media(max-width:730px){.masthead{padding:15px 18px;gap:12px;flex-wrap:wrap}.brand{font-size:22px}.brand span{font-size:8px}.preview{font-size:8px;margin-left:auto}#account{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px;gap:10px}#account-email{max-width:75%}.welcome{width:calc(100% - 36px);margin:40px auto;display:block}.welcome h1{font-size:44px}.lede{font-size:16px}.welcome-copy{margin-bottom:30px}.routine-inline{margin-top:23px}.signup-panel{padding:25px}.course-shell{display:block}.sidebar{padding:23px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar h2{font-size:24px;margin:0 0 6px}.sidebar h2 br{display:none}.sidebar>.eyebrow,.sidebar-routine,.instructor{display:none}.progress-heading{margin-top:14px}progress{margin-bottom:18px}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lesson-nav{height:100%;margin:0;padding:11px 8px}.lesson-nav strong{font-size:11px}.lesson-number{font-size:16px}.sidebar-note{margin:12px 0 0;font-size:10px}.lesson-main{padding:25px 18px}.lesson-main h1{font-size:31px}.lesson-summary{font-size:13px}.lesson-actions{margin:17px 0 25px}.primary,.secondary{font-size:11px;padding:11px 14px;gap:12px}.below-player{grid-template-columns:1fr;gap:24px}.lesson-routine{grid-template-columns:repeat(2,1fr)}.resources{max-width:420px}.save-status{font-size:9px}.loading{padding:45px 20px}.player-wrap video,#player{max-height:65vh}}@media(max-width:900px){.lesson-layout{grid-template-columns:1fr}.player-column{justify-self:stretch}}
.welcome{align-items:start;gap:45px 80px}.welcome-copy{grid-column:1;grid-row:1}.signup-panel{grid-column:2;grid-row:1 / span 2;align-self:start}.preview-section{grid-column:1;grid-row:2;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-heading .eyebrow{margin-bottom:8px}.preview-heading h2{font-size:26px;margin:0}.carousel-arrows{display:flex;gap:7px}.round-button{height:33px;width:33px;border:1px solid #35403A;border-radius:50%;background:transparent;color:var(--green);font-size:18px}.round-button:hover{background:var(--pale)}.preview-intro{font-size:12px;color:var(--muted);margin:13px 0 17px}.preview-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;scrollbar-width:thin;scrollbar-color:#35403A transparent}.preview-track:focus-visible{outline:3px solid #C08B3E;outline-offset:4px}.preview-card{flex:0 0 100%;scroll-snap-align:start;min-width:0}.preview-card video{display:block;width:auto;max-width:100%;height:480px;max-height:70vh;background:#0B100E;border-radius:5px;object-fit:cover;aspect-ratio:9/16;margin:0 auto}.preview-card h3{font:20px Georgia,serif;margin:12px 0 6px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:7px}.preview-bottom p{font-size:10px;color:var(--muted);margin:0}.carousel-dots{display:flex;gap:5px}.carousel-dots button{width:23px;height:28px;background:none;border:0;position:relative;padding:0}.carousel-dots button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#35403A;left:9px;top:11px}.carousel-dots button[aria-pressed=true]:after{background:var(--green);width:8px;height:8px;left:8px;top:10px}@media(max-width:1000px){.welcome{gap:35px}.preview-card video{height:420px}}@media(max-width:730px){.preview-section{margin:30px 0}.preview-card video{height:440px}.preview-heading h2{font-size:25px}.welcome-copy{margin-bottom:25px}.preview-intro{max-width:330px}}
.coaching-nav{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:17px 10px;margin-top:20px;color:var(--green);font-size:12px;font-weight:700;text-align:left}.coaching-nav[aria-current=true]{background:#222C27;border-radius:4px}.lesson-coaching-link{margin-top:26px;border:0;background:none;color:var(--green);font-size:12px;text-align:left;padding:0;text-decoration:underline;text-underline-offset:4px}.back-link{border:0;background:none;padding:0;color:var(--muted);font-size:12px;margin-bottom:27px;text-decoration:underline;text-underline-offset:4px}.coaching-view h1{font-size:43px}.checkout-status{background:var(--pale);padding:12px 15px;border-radius:4px;font-size:12px;color:var(--muted);margin-bottom:25px}.coaching-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.coaching-card{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:23px 20px;display:flex;flex-direction:column}.coaching-card h2{font-size:24px;margin-bottom:14px}.coaching-card .price{font-size:27px;font-family:Georgia,serif;margin-bottom:3px}.coaching-card .unit{font-size:10px;color:var(--muted);margin-bottom:20px}.coaching-card .description{font-size:12px;color:var(--muted);flex:1}.coaching-card .primary{width:100%;font-size:11px;padding:11px 9px;margin-top:13px}.coaching-card .primary:disabled,.checkout-button:disabled{cursor:not-allowed;opacity:1;background:#222C27;border-color:#35403A;color:#8A968F}.tip-panel{border-top:1px solid var(--line);margin-top:40px;padding-top:35px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.tip-panel h2{font-size:30px}.tip-panel p{font-size:13px;color:var(--muted)}.tip-panel .tip-optional{font-size:11px;font-weight:700}.tip-panel fieldset{border:0;padding:0;margin:0 0 17px}.tip-panel legend,.tip-panel label{font-size:11px;font-weight:700;margin-bottom:10px}.tip-panel label{display:block}.tip-presets{display:flex;gap:10px}.tip-presets button{flex:1;border:1px solid #35403A;padding:9px;background:var(--paper);color:var(--green);border-radius:4px;font-size:15px}.tip-presets button[aria-pressed=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.amount-input{display:flex;border:1px solid #35403A;border-radius:2px;align-items:center;background:#0B100E;padding:0 13px;gap:10px}.amount-input input{border:0;background:none;min-width:0;width:100%;padding:10px 0;color:var(--green)}#tip-help{font-size:10px;margin:8px 0 14px}.tip-panel .primary{width:100%}.bootcamp-note{margin-top:35px;padding:25px;background:#1D2723;border-radius:5px}.bootcamp-note h2{font-size:28px}.bootcamp-note p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:660px}.bootcamp-note .secondary{min-height:40px;font-size:11px}.public-coaching{grid-column:1/-1;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1.1fr .85fr;gap:80px}.public-coaching h2{font-size:31px}.public-prices p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:11px;font-size:12px}.public-prices strong{font-weight:400}.public-prices span{font-size:11px;color:var(--muted)}.public-prices small{font-size:10px;line-height:1.6;color:var(--muted)}@media(max-width:1100px){.coaching-offers{grid-template-columns:1fr}.coaching-card{display:grid;grid-template-columns:1.4fr .7fr;gap:0 20px}.coaching-card h2{grid-column:1;grid-row:1}.coaching-card .price{grid-column:2;grid-row:1;text-align:right}.coaching-card .unit{grid-column:2;grid-row:2;text-align:right}.coaching-card .description{grid-column:1;grid-row:2;margin:0}.coaching-card .primary{grid-column:1/-1}.tip-panel{gap:25px}}@media(max-width:730px){.coaching-nav{margin-top:13px;padding:13px 6px 0}.public-coaching{display:block;margin-top:35px}.public-prices{margin-top:23px}.public-coaching h2{font-size:29px}.tip-panel{grid-template-columns:1fr;gap:16px}.coaching-view h1{font-size:34px}.coaching-card{padding:20px 17px}.coaching-card h2{font-size:22px}.bootcamp-note{padding:22px}.coaching-offers{gap:12px}.tip-panel h2{font-size:28px}}
/* Course story, curriculum, and practical guidance */
html{scroll-behavior:smooth;scroll-padding-top:24px}.landing-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:25px 0 0;font-size:12px}.landing-nav a{text-decoration:none;border-bottom:1px solid #35403A;padding-bottom:3px}.detail-section{grid-column:1/-1;border-top:1px solid var(--line);padding-top:55px;scroll-margin-top:30px}.section-heading{max-width:720px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,3.4vw,43px);margin-bottom:18px}.section-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-card{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.detail-card h3,.lesson-preview h3{font:25px/1.2 Georgia,serif;margin:12px 0 15px}.detail-card p,.lesson-preview p,.lesson-preview li{font-size:14px;color:var(--muted)}.detail-card p:last-child{margin-bottom:0}.detail-number{display:block;color:var(--gold);font:22px Georgia,serif;margin-bottom:20px}.routine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:34px;background:var(--green);color:var(--cream);border-radius:6px}.routine-grid h3{font:30px Georgia,serif;margin:0 0 14px}.routine-grid p{font-size:14px;color:#8A968F;margin:0}.routine-grid .detail-number{color:#D9B877}.curriculum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.lesson-preview{padding:30px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.lesson-preview ul{padding-left:18px;margin:20px 0}.lesson-preview li{margin:9px 0}.lesson-preview .eyebrow{font-size:11px}.detail-section>.fine-print{max-width:700px;color:var(--muted)}.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-size:16px;font-weight:600;cursor:pointer;padding:3px 0;line-height:1.5}.faq-list details p{color:var(--muted);font-size:14px;max-width:720px;margin:15px 0 3px}.faq-list summary:focus-visible{outline:3px solid #C08B3E;outline-offset:5px}.closing-cta{grid-column:1/-1;padding:40px;background:var(--pale);border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-cta h2{font-size:34px;margin:0 0 12px}.closing-cta p{color:var(--muted);margin-bottom:0;max-width:630px}.closing-cta a.primary{white-space:nowrap;text-decoration:none}.public-prices .offer-detail{display:block;border:0;font-size:13px;line-height:1.7;color:var(--muted);margin:-2px 0 24px}.detail-section a.primary{text-decoration:none}.detail-section .section-note{margin-top:23px;max-width:750px;color:var(--muted);font-size:14px}@media(max-width:900px){.detail-grid{gap:15px}.detail-card{padding:21px}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}@media(max-width:730px){.detail-section{margin-top:42px;padding-top:35px}.detail-grid,.curriculum-grid{grid-template-columns:1fr}.detail-grid{gap:14px}.detail-card,.lesson-preview{padding:24px}.section-heading>p:not(.eyebrow){font-size:15px}.routine-grid{padding:25px;gap:25px}.routine-grid h3{font-size:26px}.routine-grid p{font-size:13px}.closing-cta{display:block;padding:27px;margin-top:40px}.closing-cta h2{font-size:29px}.closing-cta a.primary{margin-top:25px}.faq-list summary{font-size:15px}.landing-nav{font-size:12px;gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.routine-grid>.detail-card{background:none;border:0;padding:0;color:var(--cream)}.lesson-preview>img{display:block;width:auto;max-width:180px;aspect-ratio:9/16;object-fit:cover;background:var(--dark);border-radius:4px;margin:0 auto 24px}.public-prices .source-note{display:block;border:0;font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px;padding:0;max-width:none}.public-coaching>.detail-card{grid-column:1/-1;background:var(--pale)}.closing-cta{display:block;border:0}.closing-cta .primary{margin-top:24px}.closing-cta .eyebrow{margin-bottom:15px}.closing-cta h2{max-width:650px}.public-coaching .section-heading{margin-bottom:0}

.guide-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.guide-list a{display:block}

/* Preview clips: all three side by side. The track only behaves as a swipe carousel on narrow
   screens, so the arrows and dots exist only there. */
.preview-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none}
.preview-card{flex:none;min-width:0;display:flex;flex-direction:column}
.preview-card video{width:100%;height:auto;max-height:none;object-fit:cover}
.preview-card h3{font-size:16px;margin:11px 0 0;line-height:1.35}
.carousel-arrows,.carousel-dots{display:none}
.preview-bottom{justify-content:flex-start;margin-top:11px}
@media(max-width:730px){
 .preview-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px}
 .preview-card{flex:0 0 100%;scroll-snap-align:start;display:block}
 .preview-card video{width:auto;max-width:100%;height:440px;margin:0 auto}
 .preview-card h3{font-size:20px;margin:12px 0 6px}
 .carousel-arrows,.carousel-dots{display:flex}
 .preview-bottom{justify-content:space-between;margin-top:7px}
}

/* ============================================================
   Ink / bone / brass theme layer. Flat surfaces, one accent used
   as a rule, hierarchy from the serif. Nothing animates on load.
   ============================================================ */
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}
h1,h2,h3,.brand,.wm{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-weight:400}
h1,h2{letter-spacing:-.015em;line-height:1.04}
.eyebrow{font-family:Inter,sans-serif;font-weight:500;font-size:11px;letter-spacing:.2em;color:var(--brass)}

/* Primary action is the one brass moment per view. */
.primary{background:var(--brass);color:#171310;border:1px solid var(--brass);font-weight:600}
.primary:hover{background:#d09a48;border-color:#d09a48}
.secondary{border:1px solid #35403A;color:var(--bone);background:transparent}
.secondary:hover{background:#1D2723}

/* Masthead */
.masthead{position:sticky;top:0;z-index:20;background:rgba(16,22,20,.92);backdrop-filter:none;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:36px;height:31px;flex:none;overflow:visible}
.brand-text{font-size:23px;line-height:1.1}
.brand-text>span{display:block;font:500 8px/1.4 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.preview{border-color:#35403A;color:var(--muted)}

/* The landing view is a stack of full-width bands, not a two-column grid. */
.welcome{display:block;width:auto;margin:0}
.detail-section{width:min(1140px,calc(100% - 70px));margin:0 auto;padding-top:74px}
.detail-section+.detail-section{margin-top:74px}
.section-heading h2{font-size:clamp(31px,3.6vw,46px)}

/* Hero ------------------------------------------------------- */
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);padding:0 0 40px}
.hero-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.hero-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,#101614 0%,rgba(16,22,20,.93) 46%,rgba(16,22,20,.55) 100%),
            linear-gradient(0deg,#101614 0%,rgba(16,22,20,.2) 40%)}
.hero-inner{width:min(1140px,calc(100% - 70px));margin:0 auto;padding:86px 0 54px;display:grid;grid-template-columns:1.08fr .82fr;gap:80px;align-items:center}
.hero-copy h1{font-size:clamp(44px,5.6vw,72px);margin:0 0 22px}
.hero-copy h1 em{font-style:italic;color:var(--brass)}
.hero-copy .lede{color:#C7CFCA;font-size:17px;max-width:44ch}
.routine-inline{border-top:1px solid #2f3a34;font-family:'Instrument Serif',Georgia,serif;font-size:21px;color:var(--bone)}
.hero-facts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);
 width:min(1140px,calc(100% - 70px));margin:0 auto;padding:0}
.hero-facts li{background:rgba(16,22,20,.72);padding:20px 22px}
.hero-facts strong{display:block;font:400 27px/1 'Instrument Serif',Georgia,serif;color:var(--bone);margin-bottom:7px}
.hero-facts span{font:500 10.5px/1.4 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}

/* Signup panel sits on the plate, so it needs its own solid ground. */
.signup-panel{background:#151d1a;border:1px solid #2f3a34;border-radius:3px;box-shadow:none;padding:32px}
.signup-panel h2{font-size:30px}
input[type=email],input[type=text],input[type=password],input[type=number],textarea,select{background:#0B100E;color:var(--bone);border:1px solid #35403A;border-radius:2px}
input::placeholder,textarea::placeholder{color:#6b766f}
.fine-print,.frame-note,.char-note{font-size:11.5px;color:var(--muted)}
.available{border-top:1px solid #2f3a34}
.availability-dot{background:var(--brass)}
.error{color:#E8907F}
.success{color:#9ec7a4;font-size:13px}

/* Trailer ---------------------------------------------------- */
.trailer-grid{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:center}
.trailer-grid h2{font-size:clamp(29px,3.2vw,40px);margin-bottom:18px}
.trailer-grid p{color:var(--muted);max-width:48ch}
.trailer-frame video{display:block;width:100%;max-width:330px;aspect-ratio:9/16;object-fit:cover;background:#0B100E;border:1px solid #2f3a34;border-radius:3px;margin-left:auto}
.trailer-frame .frame-note{max-width:330px;margin:11px 0 0 auto;text-align:right}
.landing-nav{gap:10px 22px;margin-top:28px}
.landing-nav a{border-bottom-color:#3b463f;color:var(--bone);font-size:12.5px}
.landing-nav a:hover{border-bottom-color:var(--brass)}

/* Video plate bands ----------------------------------------- */
.plate-band{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.band-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(16,22,20,.86)}
.band-inner{width:min(1140px,calc(100% - 70px));margin:0 auto;padding:74px 0}
.routine-grid{background:transparent;color:var(--bone);border:1px solid #3b463f;border-radius:3px;padding:32px}
.routine-grid h3{font-size:27px}
.routine-grid p{color:#C7CFCA}
.routine-grid .detail-number{color:var(--brass)}

/* Curriculum ------------------------------------------------- */
.curriculum-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.curriculum-list li{display:grid;grid-template-columns:66px 1fr auto;gap:24px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}
.curriculum-list img{display:block;width:66px;aspect-ratio:9/16;object-fit:cover;background:#0B100E;border-radius:2px}
.curriculum-list .n{font:400 13px/1 'Instrument Serif',serif;color:var(--brass);letter-spacing:.08em}
.curriculum-list h3{font-size:20px;margin:0 0 5px}
.curriculum-list p{font-size:13px;color:var(--muted);margin:0;max-width:70ch}
.curriculum-list .dur{font:500 11px/1 Inter,sans-serif;letter-spacing:.1em;color:var(--muted);white-space:nowrap}

/* Kevin ------------------------------------------------------ */
.kevin-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.kevin-grid img{display:block;width:300px;height:300px;object-fit:cover;border-radius:2px;filter:saturate(.9)}
.kevin-grid h2{font-size:clamp(32px,3.4vw,44px);margin-bottom:20px}
.kevin-grid p{color:var(--muted);max-width:62ch;font-size:15px}

/* Ask Kevin -------------------------------------------------- */
.ask-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ask-grid h2{font-size:clamp(30px,3.2vw,42px);margin-bottom:18px}
.ask-grid>div>p{color:var(--muted)}
.ask-form{background:#151d1a;border:1px solid #2f3a34;border-radius:3px;padding:30px}
.ask-form label{display:block;font:600 12px/1 Inter,sans-serif;margin:20px 0 8px;color:var(--bone)}
.ask-form .field-row label:first-child,.ask-form>label:first-of-type{margin-top:0}
.ask-form input,.ask-form textarea,.ask-form select{width:100%;padding:13px;font:inherit}
.ask-form textarea{resize:vertical;min-height:120px;line-height:1.6}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.char-note{margin:8px 0 18px;text-align:right}
.ask-form .primary{width:100%}

/* Closing ---------------------------------------------------- */
.closing-cta{background:transparent}
.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.closing-inner h2{font-size:clamp(31px,3.6vw,46px);margin:0 0 14px}
.closing-inner p{color:#C7CFCA;margin:0;max-width:56ch}
.closing-cta .primary{white-space:nowrap;text-decoration:none}

/* FAQ + cards ------------------------------------------------ */
.detail-card,.lesson-preview,.faq-list details{background:#151d1a;border-color:#2f3a34}
.faq-list details{background:transparent}
.faq-list summary{color:var(--bone)}
.detail-card h3{color:var(--bone)}
.detail-number{color:var(--brass)}

@media(max-width:1000px){
 .hero-inner{grid-template-columns:1fr;gap:46px;padding:64px 0 44px}
 .hero-scrim{background:linear-gradient(0deg,#101614 12%,rgba(16,22,20,.9) 55%,rgba(16,22,20,.62) 100%)}
 .trailer-grid,.ask-grid,.kevin-grid{grid-template-columns:1fr;gap:36px}
 .trailer-frame video,.trailer-frame .frame-note{margin:0 auto;text-align:left}
 .hero-facts{grid-template-columns:repeat(2,1fr)}
 .closing-inner{display:block}
 .closing-cta .primary{margin-top:26px}
}
@media(max-width:730px){
 .detail-section{width:calc(100% - 40px);padding-top:52px}
 .detail-section+.detail-section{margin-top:52px}
 .hero-inner,.band-inner,.hero-facts{width:calc(100% - 40px)}
 .band-inner{padding:52px 0}
 .curriculum-list li{grid-template-columns:52px 1fr;gap:16px}
 .curriculum-list img{width:52px}
 .curriculum-list .dur{grid-column:2;justify-self:start}
 .field-row{grid-template-columns:1fr;gap:0}
 .kevin-grid img{width:100%;height:auto;aspect-ratio:1}
 .ask-form,.signup-panel{padding:22px}
}
@media(prefers-reduced-motion:reduce){
 .hero-plate,.band-plate{display:none}
}

/* The legacy `.brand span` rule also matches the new .brand-text wrapper, which stole the
   serif wordmark and uppercased it. Reassert the lockup explicitly. */
.brand .brand-text{font-family:'Instrument Serif',Georgia,serif;font-size:23px;letter-spacing:0;text-transform:none;color:var(--bone)}
.brand .brand-text>span{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
/* Let the plate read on the right rather than sitting under near-solid ink. */
.hero-scrim{background:linear-gradient(90deg,#101614 0%,rgba(16,22,20,.9) 42%,rgba(16,22,20,.34) 78%,rgba(16,22,20,.2) 100%),
            linear-gradient(0deg,#101614 0%,rgba(16,22,20,.12) 44%)}
.hero-plate{filter:brightness(1.18) saturate(.92)}

/* Section-level `p` rules outrank .eyebrow on specificity, which greyed out the brass kicker
   in the Kevin and Ask blocks. Restate it where those rules apply. */
.kevin-grid .eyebrow,.ask-grid .eyebrow,.trailer-grid .eyebrow{color:var(--brass)}
/* "What is this about?" is the form's first direct-child label, so the first-of-type reset was
   landing on it instead of on the name/email pair inside the row. */
.ask-form>label:first-of-type{margin-top:20px}
.ask-form .field-row>div>label{margin-top:0}
.ask-form>.field-row{margin-top:0}
/* Keep the runtime beside the lesson it belongs to instead of pinned to the far margin. */
.curriculum-list{max-width:900px}

/* The lesson actions were stretching to the height of the tall notes column, which parked the
   buttons in the middle of an empty band. Stack actions over resources in column one and let
   the notes span both rows. */
@media(min-width:731px){
 .below-player{align-items:start;align-content:start}
 .below-player>.lesson-actions{grid-column:1;grid-row:1;margin-top:0}
 .below-player>.resources{grid-column:1;grid-row:2}
 .below-player>.notes{grid-column:2;grid-row:1 / span 2}
}
/* Row one must hug the buttons; the spanning notes column was otherwise inflating it. */
@media(min-width:731px){.below-player{grid-template-rows:auto 1fr}}

/* Narrow screens: stack the hero unconditionally and never allow a band to bleed sideways. */
@media(max-width:1000px){
 .welcome .hero .hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}
 .welcome .hero .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero,.plate-band,body{overflow-x:clip}
 .signup-panel,.ask-form{max-width:100%}
}

/* ------------------------------------------------------------------
   Mobile-first reset for the landing bands.
   The desktop-first version above kept losing to base rules on narrow
   screens, so the single-column case is now the BASE and the wide
   layout is the override. Nothing here depends on a query matching.
   ------------------------------------------------------------------ */
.hero-inner,.hero-facts,.trailer-grid,.ask-grid,.kevin-grid,.below-player,.detail-grid,.routine-grid,.curriculum-list li{
 display:block}
.hero-inner{width:min(1140px,calc(100% - 40px));padding:56px 0 40px}
.hero-copy{margin-bottom:36px}
.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1140px,calc(100% - 40px))}
.trailer-frame video,.trailer-frame .frame-note{margin:0;text-align:left}
.kevin-grid img{width:100%;max-width:300px;height:auto;aspect-ratio:1;margin-bottom:28px}
.detail-grid>*+*,.routine-grid>*+*{margin-top:14px}
.curriculum-list li{display:grid;grid-template-columns:52px 1fr;gap:16px}
.curriculum-list .dur{grid-column:2;justify-self:start;margin-top:2px}
.ask-form{margin-top:28px}
.trailer-frame{margin-top:30px}

@media(min-width:1001px){
 .hero-inner{display:grid;grid-template-columns:1.08fr .82fr;gap:80px;align-items:center;width:min(1140px,calc(100% - 70px));padding:86px 0 54px}
 .hero-copy{margin-bottom:0}
 .hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1140px,calc(100% - 70px))}
 .trailer-grid{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:center}
 .trailer-frame{margin-top:0}
 .trailer-frame video{margin-left:auto}
 .trailer-frame .frame-note{margin-left:auto;text-align:right}
 .ask-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
 .ask-form{margin-top:0}
 .kevin-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
 .kevin-grid img{width:300px;height:300px;margin-bottom:0}
 .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .routine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
 .detail-grid>*+*,.routine-grid>*+*{margin-top:0}
 .below-player{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto 1fr;gap:45px;align-items:start;align-content:start}
 .curriculum-list li{grid-template-columns:66px 1fr auto;gap:24px;align-items:center}
 .curriculum-list .dur{grid-column:3;justify-self:end;margin-top:0}
}

/* Play badge -------------------------------------------------------------- */
.video-shell{position:relative;display:block;line-height:0}
.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
 width:72px;height:72px;border-radius:50%;background:var(--brass);border:2px solid rgba(16,22,20,.4);
 display:grid;place-items:center;padding:0;cursor:pointer;z-index:2}
.play-badge svg{width:26px;height:26px;fill:#171310;margin-left:4px}
.play-badge:hover{background:#d3a04c}
.play-badge:active{transform:translate(-50%,-50%) scale(.96)}
.video-shell.playing .play-badge{display:none}
/* The badge has to read against a bright frame as well as a dark one. */
.video-shell:not(.playing)::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
 background:radial-gradient(circle at 50% 50%,rgba(16,22,20,.5) 0,rgba(16,22,20,.18) 34%,transparent 62%)}
.preview-card .play-badge,.trailer-frame .play-badge{width:64px;height:64px}
.preview-card .play-badge svg,.trailer-frame .play-badge svg{width:23px;height:23px}
@media(max-width:730px){.play-badge{width:60px;height:60px}.play-badge svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.play-badge:active{transform:translate(-50%,-50%)}}

/* Players ---------------------------------------------------------------- */
.who-for{margin-top:18px;font-size:15px;color:var(--bone);border-left:2px solid var(--brass);padding-left:16px;max-width:46ch}
.players-grid{display:block}
.players-reel video{display:block;width:100%;max-width:330px;aspect-ratio:9/16;object-fit:cover;background:#0B100E;border:1px solid #2f3a34;border-radius:3px}
.players-link{display:inline-block;margin-top:14px;font-size:13px;color:var(--bone);border-bottom:1px solid #3b463f;text-decoration:none;padding-bottom:3px}
.players-link:hover{border-bottom-color:var(--brass)}
.quote-list{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.quote-list li{background:#151d1a;padding:26px 24px}
.quote-list blockquote{margin:0;font-family:'Instrument Serif',Georgia,serif;font-size:22px;line-height:1.34;color:var(--bone)}
.quote-by{margin:16px 0 0;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.06em;color:var(--bone)}
.quote-by span{display:block;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:5px}

/* /players page ---------------------------------------------------------- */
.players-page{padding-bottom:70px}
.players-page h1{font-size:clamp(38px,5vw,62px)}
.page-note{margin-top:26px;max-width:70ch;font-size:13px;color:var(--muted);border-left:2px solid var(--brass);padding-left:16px}
.players-full{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);padding:0}
.player{background:#151d1a;padding:30px 26px;display:block}
.player-video video{display:block;width:100%;max-width:300px;aspect-ratio:9/16;object-fit:cover;background:#0B100E;border:1px solid #2f3a34;border-radius:2px;margin-bottom:24px}
.player-words h2{font-size:30px;margin:0 0 12px}
.claim{color:var(--muted);font-size:14px;max-width:60ch}
.player details{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.player summary{font:600 12.5px/1 Inter,sans-serif;letter-spacing:.04em;color:var(--bone);cursor:pointer;padding:4px 0}
.player summary:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
.transcript{margin-top:16px;max-width:74ch}
.transcript p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 14px}

@media(min-width:1001px){
 .players-grid{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:start}
 .quote-list{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .quote-list.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
 .players-full{grid-template-columns:1fr}
 .player{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start;padding:36px 32px}
 .player-video video{margin-bottom:0}
}

/* ---- Panel fixes: verified bugs -------------------------------------- */
/* Anchor jumps landed underneath the sticky masthead, so every nav click hid
   the heading it navigated to. */
html{scroll-padding-top:104px}
.detail-section{scroll-margin-top:0}
/* A brass focus ring on a brass surface is invisible. */
.play-badge:focus-visible,.primary:focus-visible,.tip-presets button[aria-pressed=true]:focus-visible{outline-color:var(--bone)}
/* Latent ink-on-ink: this rule outranks the theme layer and only escapes notice
   because every text node in the band happens to be targeted individually. */
.routine-grid>.detail-card{color:var(--bone)}
/* The plate smeared through the masthead; flat surfaces should be flat. */
.masthead{background:var(--ink)}
/* One corner radius, as the theme intends. */
.primary,.secondary,.detail-card,.signup-panel,.ask-form,.faq-list details,.closing-cta,.trailer-frame video,.players-reel video,.player-video video{border-radius:2px}
.preview{border-radius:2px}
/* Text over moving video needs a firmer ground than text over ink. */
.hero-facts li{background:rgba(16,22,20,.9)}
.hero-facts span{color:#C7CFCA}
.band-scrim{background:rgba(16,22,20,.91)}
.hero-plate{filter:none}

/* ---- Typography: two heading tiers, not five ------------------------- */
.hero-copy h1{font-size:clamp(46px,7vw,92px);letter-spacing:-.022em}
.section-heading h2,.closing-inner h2,.kevin-grid h2{font-size:clamp(30px,3.4vw,40px);letter-spacing:-.022em}
.trailer-grid h2,.ask-grid h2,.preview-heading h2{font-size:clamp(24px,2.4vw,28px);letter-spacing:-.004em}
/* Fourteen brass eyebrows means brass stops meaning anything. */
.eyebrow{color:var(--muted)}
.hero .eyebrow,.closing-cta .eyebrow,.players-band .eyebrow{color:var(--brass)}
/* Four body steps instead of thirteen. */
.lede{font-size:19px}
.section-heading>p:not(.eyebrow),.kevin-grid p,.faq-list details p,.ask-grid>div>p{font-size:16px}
.detail-card p,.curriculum-list p,.trailer-grid p,.landing-nav a,.claim{font-size:13.5px}
.fine-print,.frame-note,.char-note,.preview-bottom p,.hero-facts span,.curriculum-list .dur,.source-note{font-size:11px}
/* Let the two plate bands be the only hard breaks. */
.trailer-band,.preview-section,.kevin-section,.players-band{border-top:0}

/* Dashboard -------------------------------------------------------------- */
.admin-page{padding-bottom:80px}
.admin-page h1{font-size:clamp(34px,4.4vw,52px)}
.table-wrap{overflow-x:auto;border:1px solid var(--line)}
.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table th{text-align:left;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);background:#151d1a;white-space:nowrap}
.admin-table td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--bone);vertical-align:top;line-height:1.6}
.admin-table tr:last-child td{border-bottom:0}
.admin-table td a{color:var(--brass)}
.admin-table td:nth-child(4){min-width:320px;color:var(--muted)}

/* Curriculum fold + preview labels --------------------------------------- */
.curriculum-list li.is-folded{display:none}
.list-toggle{margin-top:22px;width:100%;max-width:340px}
.preview-card h3 span{display:block;font:500 10.5px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:7px}

/* Dashboard on a phone: cards and lists, not tables ---------------------- */
.admin-page .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line)}
.rec{background:#151d1a;border:1px solid var(--line);border-radius:2px;padding:20px;margin-bottom:12px}
.rec-open{border-left:3px solid var(--brass)}
.rec-top{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font:500 10.5px/1.4 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rec-topic{color:var(--brass)}
.rec h3{font-size:24px;margin:0 0 10px}
.rec-msg{font-size:15px;line-height:1.65;color:var(--bone);margin:0 0 18px;white-space:pre-wrap}
.rec-reply{display:block;text-align:center;text-decoration:none;min-height:48px;line-height:1.3;padding:14px 16px;word-break:break-word}
.email-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:2px}
.email-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:14px 16px;border-bottom:1px solid var(--line);background:#151d1a}
.email-list li:last-child{border-bottom:0}
.email-list a{color:var(--brass);font-size:14px;text-decoration:none;word-break:break-all;min-height:24px}
.email-list span{font:500 11px/1.5 Inter,sans-serif;letter-spacing:.08em;color:var(--muted)}
@media(min-width:1001px){
 .admin-page .hero-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .rec{padding:26px 28px}
 .rec-reply{display:inline-block;text-align:left}
}
/* The gate form was a fixed 420px inside a 350px column, which pushed the whole
   page sideways on a phone. */
.gate-form{width:100%;max-width:420px}
.admin-page input[type=password]{width:100%;padding:14px;font:inherit;min-height:48px}

/* Footer ----------------------------------------------------------------- */
.site-footer{border-top:1px solid var(--line);margin-top:80px;background:var(--ink)}
.footer-inner{width:min(1140px,calc(100% - 40px));margin:0 auto;padding:44px 0 56px;display:grid;gap:28px}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.footer-nav a{font-size:13.5px;color:var(--bone);text-decoration:none;border-bottom:1px solid #3b463f;padding-bottom:3px}
.footer-nav a:hover{border-bottom-color:var(--brass)}
.footer-note{font-size:11.5px;color:var(--muted);margin:0;max-width:62ch}
@media(min-width:1001px){.footer-inner{width:min(1140px,calc(100% - 70px));grid-template-columns:auto 1fr;align-items:start;gap:60px}.footer-note{grid-column:2}}

/* Ask Kevin form --------------------------------------------------------- */
.field{margin-bottom:4px}
.ask-form .field label{margin-top:20px}
.ask-form .field-row .field label{margin-top:0}
.field-error{margin:8px 0 0;font:500 12px/1.5 Inter,sans-serif;color:#E8907F}
.field-hint{margin:9px 0 0;font:400 12px/1.55 Inter,sans-serif;color:var(--muted);border-left:2px solid var(--brass);padding-left:12px}
input.is-invalid,textarea.is-invalid{border-color:#E8907F}
.ask-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-foot{margin:16px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted)}
.ask-form .checkbox-label{margin-top:20px}
.ask-done{background:#151d1a;border:1px solid #2f3a34;border-left:3px solid var(--brass);border-radius:2px;padding:30px}
.ask-done h3{font-size:28px;margin:0 0 14px}
.ask-done p{color:var(--muted);font-size:15px;max-width:52ch}
.ask-done .primary{display:inline-block;margin-top:22px;text-decoration:none}
.ask-done .text-button{display:block;margin-top:16px;padding-left:0}
@media(min-width:1001px){.ask-done{padding:34px 36px}}

/* Tip card on the landing page + guarantee line (Sep 2026). Reuses the in-course tip controls. */
.guarantee{margin-top:18px;padding:14px 16px;border-left:2px solid var(--brass);font-size:13.5px;color:var(--bone);max-width:62ch}
.guarantee strong{color:var(--bone)}
.public-prices .guarantee{grid-column:1/-1}
.tip-card .tip-form{margin-top:22px}
.tip-card fieldset{border:0;padding:0;margin:0 0 17px}
.tip-card legend,.tip-card label{font-size:11px;font-weight:700;margin-bottom:10px;display:block;color:var(--bone)}
.tip-card .tip-presets{margin-bottom:14px}
.tip-card .primary{width:100%;margin-top:14px}
.tip-card .tip-optional{margin-top:22px;font-size:12.5px;color:var(--muted)}
.tip-card p[id$="tip-help"]{font-size:12px;color:var(--muted);margin-top:8px}
.checkout-notice{margin-top:16px;padding:14px 16px;border:1px solid var(--brass);border-radius:2px;color:var(--bone);font-size:13.5px}

/* ── Sep 22 2026 polish layer: one type scale, one accent, fixed form + guarantee layout, mobile rhythm ── */
/* Type scale: every landing h2 on one clamp so no section outranks another by accident. */
.welcome .section-heading h2,.welcome .trailer-grid h2,.welcome .ask-grid h2,.welcome .kevin-grid h2,.welcome .preview-heading h2,.welcome .closing-inner h2,.welcome .public-coaching h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(34px,4.2vw,50px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
.welcome .preview-heading h2{margin:0}
/* Eyebrows: one size, sage. Brass stays for the hero kicker, CTAs and the h1 emphasis only. */
.welcome .eyebrow,.welcome .kevin-grid .eyebrow,.welcome .ask-grid .eyebrow,.welcome .trailer-grid .eyebrow,.welcome .players-band .eyebrow,.welcome .closing-cta .eyebrow{font:500 11px/1.4 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.welcome .hero .eyebrow{color:var(--brass)}
.welcome .signup-panel .eyebrow{color:var(--muted)}
/* Cards were falling back to Georgia. */
.welcome .detail-card h3,.welcome .routine-grid h3{font:400 28px/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.01em;color:var(--bone);margin:0 0 12px}
.welcome .detail-number,.welcome .routine-grid .detail-number{font:500 11px/1 Inter,sans-serif;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--muted);margin:0 0 22px}
.welcome .detail-card p{font-size:14px;line-height:1.65;color:#AEB8B2}
.welcome .detail-card{padding:28px 26px}
.welcome .preview-card h3{font:400 22px/1.1 'Instrument Serif',Georgia,serif}
.welcome .quote-by{font-family:Inter,sans-serif}
/* Trailer band: text sits at the top of the frame instead of floating in dead space. */
.welcome .trailer-grid{align-items:start}
@media(min-width:1001px){.welcome .trailer-grid>div:first-child{padding-top:24px;position:sticky;top:32px}}
/* Hairline doubled up where a plate band meets a bordered section. */
.welcome .plate-band+.detail-section{border-top:0}
.welcome .detail-section:last-child{margin-bottom:0}
.site-footer{margin-top:0}
/* The guarantee inherited the price-row flex and split into two columns. */
.welcome .public-prices .guarantee{display:block;padding:16px 18px;margin:26px 0 14px;font-size:14px;line-height:1.6;background:#151d1a;border-left:2px solid var(--brass);border-bottom:0}
.welcome .public-prices .guarantee strong{font-weight:600;margin-right:4px}
.welcome .public-prices p:not(.offer-detail):not(.guarantee) strong{font:400 22px/1.1 'Instrument Serif',Georgia,serif;color:var(--bone)}
.welcome .public-prices p:not(.offer-detail):not(.guarantee){align-items:baseline;padding-bottom:12px}
.welcome .public-prices p:not(.offer-detail):not(.guarantee) span{font:500 13px/1 Inter,sans-serif;color:var(--bone);font-variant-numeric:tabular-nums}
/* Ask form checkbox was caught by `.ask-form label{display:block}`. */
.welcome .ask-form .checkbox-label{display:flex;align-items:flex-start;gap:10px;font:400 13px/1.5 Inter,sans-serif;margin:22px 0 18px}
.welcome .ask-form .checkbox-label input{width:17px;height:17px;margin:2px 0 0;padding:0;flex:0 0 17px;accent-color:var(--brass)}
.welcome .checkbox-label input{accent-color:var(--brass)}
/* Tip amount: the generic number-input border was drawing a box inside the box. */
.amount-input input[type=number]{border:0;background:none;padding:12px 0;appearance:textfield;-moz-appearance:textfield}
.amount-input input[type=number]::-webkit-inner-spin-button,.amount-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.amount-input:focus-within{border-color:var(--brass)}
/* FAQ: replace the browser triangle with a quiet plus that turns on open. */
.welcome .faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font:500 16px/1.45 Inter,sans-serif}
.welcome .faq-list summary::-webkit-details-marker{display:none}
.welcome .faq-list summary::after{content:"";flex:0 0 12px;height:12px;background:linear-gradient(var(--muted),var(--muted)) center/12px 1.5px no-repeat,linear-gradient(var(--muted),var(--muted)) center/1.5px 12px no-repeat;transition:transform .2s ease}
.welcome .faq-list details[open] summary::after{transform:rotate(45deg)}
.welcome .faq-list summary:hover::after{background:linear-gradient(var(--brass),var(--brass)) center/12px 1.5px no-repeat,linear-gradient(var(--brass),var(--brass)) center/1.5px 12px no-repeat}
/* Hero facts: sentence-case labels so they stop wrapping into three lines on phones. */
.welcome .hero-facts span{font:400 13px/1.35 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#AEB8B2}
.welcome .hero-facts strong{font-size:32px;margin-bottom:8px}
/* Buttons: one height, one weight. */
.welcome .primary,.welcome .secondary{min-height:50px;font:600 14px/1 Inter,sans-serif;letter-spacing:.01em}
.welcome a.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 26px}
.welcome .primary:hover{background:#CF9A4C}
.welcome .secondary:hover{border-color:var(--bone)}
.welcome .landing-nav a:hover,.footer-nav a:hover{border-bottom-color:var(--brass)}

@media(max-width:1000px){
 /* Phones: tighter vertical rhythm, the four routine words in a 2x2 instead of a tall stack. */
 .welcome .detail-section{padding-top:56px}
 .welcome .detail-section+.detail-section{margin-top:56px}
 .welcome .band-inner{padding:56px 0}
 .welcome .routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding:24px 20px}
 .welcome .routine-grid>*+*{margin-top:0}
 .welcome .routine-grid h3{font-size:26px}
 .welcome .routine-grid .detail-number{margin-bottom:12px}
 .welcome .routine-grid p{font-size:13px;line-height:1.55}
 .welcome .detail-grid>*+*{margin-top:12px}
 .welcome .detail-card{padding:24px 22px}
 .welcome .hero-facts li{padding:18px 18px}
 .welcome .quote-list blockquote{font-size:21px}
 .welcome .trailer-frame video{max-width:none;max-height:72svh;width:auto;margin:0 auto 0 0}
 .welcome .closing-inner{gap:26px}
 .welcome .closing-inner .primary{width:100%}
 .welcome .faq-list summary{font-size:15px}
 .welcome .ask-form{padding:22px 18px}
}
@media(max-width:420px){
 .welcome .hero h1{font-size:44px}
 .welcome .signup-panel{padding:24px 20px}
 .masthead{padding:14px 20px;min-height:72px}
}
/* The four routine words are type on a plate, not cards: no inner padding or chrome. */
.welcome .routine-grid>.detail-card{padding:0;border:0;background:none}
@media(max-width:700px){
 /* Swipe the clips on phones; the arrows were squeezing the heading into three lines. */
 .welcome .carousel-arrows{display:none}
 .welcome .preview-heading{display:block}
}
/* ── UX pass: header CTA, anchor offsets, iOS zoom, tap targets, earlier form on phones ── */
.masthead-cta{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--brass);border-radius:2px;background:var(--brass);color:var(--ink);font:600 13px/1 Inter,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
.masthead-cta:hover{background:#CF9A4C;border-color:#CF9A4C}
.masthead:has(#account:not([hidden])) .masthead-cta{display:none}
/* The sticky header was covering every heading an anchor link landed on. */
html{scroll-padding-top:96px}
.welcome [id]{scroll-margin-top:96px}
/* Anything under 16px makes iOS Safari zoom the page on focus. */
.welcome input[type=email],.welcome input[type=text],.welcome input[type=number],.welcome textarea,.welcome select{font-size:16px}
/* Tap targets: 44px rows for nav links and FAQ questions. */
.welcome .landing-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0;font-size:14px}
.welcome .landing-nav{gap:2px 22px}
.welcome .faq-list details{padding:12px 0}
.welcome .faq-list summary{min-height:44px}
.welcome .players-link{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){
 .masthead{padding:12px 20px;min-height:64px;gap:12px}
 .masthead .brand-text>span{display:none}
 .masthead-cta{min-height:38px;padding:0 14px;font-size:12.5px}
 html{scroll-padding-top:76px}
 .welcome [id]{scroll-margin-top:76px}
 /* Pull the email form up: less hero padding, shorter lede, lighter qualifier. */
 .welcome .hero-inner{padding:36px 0 32px;gap:28px}
 .welcome .hero .eyebrow{margin-bottom:14px}
 .welcome .hero h1{margin-bottom:18px}
 .welcome .hero .lede{font-size:16.5px;line-height:1.55;margin-bottom:0}
 .welcome .who-for{font-size:14.5px;line-height:1.55;margin-top:16px}
 .welcome .signup-panel>p:not(.eyebrow):not(.fine-print):not(.error){display:none}
 .welcome .signup-panel .eyebrow{margin-bottom:12px}
}
/* Header CTA only earns its place once the hero form has scrolled away. */
.masthead-cta{transition:opacity .18s ease,visibility .18s}
.form-in-view .masthead-cta{opacity:0;visibility:hidden;pointer-events:none}
.tip-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;text-decoration:none}.tip-note{font-size:12px;color:var(--muted);margin:10px 0 0}.coaching-card a.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:13px;text-decoration:none}.public-prices .offer-book{white-space:nowrap;color:var(--bone);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--brass)}
/* Booking + tips (Square links). Flat, 2px corners, brass only on the actions. */
.masthead-links{display:flex;gap:22px;margin-left:auto;margin-right:18px;font:500 13px/1 Inter,sans-serif}
.masthead-links a{color:var(--bone);text-decoration:none;padding:12px 0;border-bottom:1px solid transparent}
.masthead-links a:hover{border-bottom-color:var(--brass)}
.hero-book{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;font:500 14px/1.4 Inter,sans-serif}
.hero-book a{color:var(--bone);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:5px;text-decoration-thickness:1px;padding:6px 0}
.public-coaching{display:block}
.public-coaching .section-heading{margin-bottom:32px;max-width:680px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.offer-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:26px 24px 24px}
.offer-card--featured{border-color:#5a4a30}
.offer-card h3{font:400 26px/1.15 'Instrument Serif',Georgia,serif;color:var(--bone);margin:0 0 14px}
.offer-price{font:400 44px/1 'Instrument Serif',Georgia,serif;color:var(--bone);margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.offer-price span{font:500 12px/1.3 Inter,sans-serif;color:var(--muted);letter-spacing:.02em}
.offer-desc{font-size:14px;line-height:1.65;color:var(--muted);flex:1;margin:0 0 22px}
.offer-card .offer-cta{min-height:50px;margin:0;font-size:14px;text-decoration:none;border-radius:2px}
.offer-guarantee{margin:18px 0 0;padding:16px 20px;border-left:2px solid var(--brass);background:#151d1a;font-size:14px;line-height:1.65;color:var(--bone);max-width:none}
.offer-guarantee strong{font-weight:600;margin-right:4px}
.public-coaching .tip-card{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px 48px;align-items:center;padding:32px;background:var(--pale);border:1px solid var(--line);border-radius:2px}
.tip-card .tip-copy h3{font:400 32px/1.1 'Instrument Serif',Georgia,serif;color:var(--bone);margin:6px 0 12px}
.tip-card .tip-copy p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:62ch}
.tip-card .tip-form{margin:0}
.tip-card .tip-link{min-height:54px;font-size:15px;border-radius:2px}
.tip-card .tip-note{font-size:12.5px;color:var(--muted);margin:12px 0 0;text-align:center}
.tip-card .checkout-error{grid-column:1/-1;margin:0}
.bootcamp-line{margin:18px 0 0;font-size:13.5px;color:var(--muted)}
.bootcamp-line a{color:var(--bone);text-underline-offset:4px;text-decoration-color:var(--brass)}
@media(max-width:900px){.offer-grid{grid-template-columns:1fr}.offer-price{flex-direction:row;align-items:baseline;gap:12px}.public-coaching .tip-card{grid-template-columns:1fr;padding:24px}}
@media(max-width:560px){.masthead-links{gap:16px;margin-right:10px;font-size:12.5px}.masthead-links a[href$="#tip"]{display:none}.offer-card{padding:22px 18px 18px}.offer-price{font-size:38px}}
.masthead .masthead-links+.masthead-cta{margin-left:0}.masthead{flex-wrap:nowrap}
.masthead-links a,.brand-text{white-space:nowrap}
@media(max-width:560px){.masthead-links .ml-long{display:none}.masthead-links{margin-right:0}.form-in-view .masthead-cta{display:none}}
/* Course view, phones. The lesson list collapses behind a toggle; the video comes before the summary. */
.lesson-toggle{display:none}
@media(max-width:730px){
 .masthead:has(#account:not([hidden])) .masthead-links,#account-email{display:none}
 #account{margin-left:auto}#account .text-button{white-space:nowrap;min-height:44px;padding:0 4px}
 .sidebar{padding:20px 18px 18px}
 .sidebar nav,.sidebar .lesson-nav-wrap{display:block}
 .lesson-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin:14px 0 0;padding:10px 14px;background:var(--ink);border:1px solid #35403A;border-radius:2px;color:var(--bone);text-align:left}
 .lt-text{display:flex;flex-direction:column;gap:3px;min-width:0}
 .lt-label{font:600 13px/1.2 Inter,sans-serif}
 .lt-current{font:400 12px/1.3 Inter,sans-serif;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lt-caret{flex:none;width:9px;height:9px;border-right:1.5px solid var(--bone);border-bottom:1.5px solid var(--bone);transform:rotate(45deg) translateY(-3px)}
 .lessons-open .lt-caret{transform:rotate(-135deg) translate(-2px,-2px)}
 .sidebar .lesson-nav-list{display:none;max-height:none;overflow:visible;margin:10px 0 0;padding:0}
 .sidebar.lessons-open .lesson-nav-list{display:block}
 .lesson-nav{height:auto;min-height:52px;margin:0 0 4px;padding:10px 10px;width:100%}
 .lesson-nav strong{font-size:13.5px}
 .lesson-group-title{margin:14px 2px 6px}
 .coaching-nav{margin-top:12px;padding:14px 2px;border-top:1px solid var(--line);font-size:13px;min-height:48px;align-items:center}
 .course-guides{margin-top:4px}
 .sidebar-note{display:none}
 .lesson-main{display:grid;grid-template-columns:minmax(0,1fr);padding:20px 16px 28px}
 .lesson-main>.lesson-layout,.lesson-main .player-column{display:contents}
 .lesson-main>*{order:7}
 .lesson-top{order:1}#lesson-title{order:2;font-size:28px;margin-bottom:14px}
 .player-wrap{order:3;margin:0 -16px;border-radius:0}
 #video-error{order:4}
 #lesson-summary{order:5;margin:16px 0 0;font-size:15px}
 .notes-column{order:6}
 .lesson-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 .lesson-actions .primary,.lesson-actions .secondary{width:100%;min-height:50px;padding:0 10px;font-size:13.5px}
 .lesson-actions .completion-message{grid-column:1/-1;margin:0}
 .lesson-actions:has(#next-button[hidden]) .primary{grid-column:1/-1}
}
@media(max-width:730px){.lesson-actions .primary,.lesson-actions .secondary{white-space:nowrap}.lesson-main .resources{margin-top:30px}.lesson-main .notes{margin-top:28px}}
/* In-course coaching: same cards as the landing page; lesson-page nudge as a card, not a text link. */
.coaching-view .offer-grid{margin-top:8px}
.coaching-view .offer-desc{font-size:14px}
.tip-panel .tip-link,.tip-panel .primary{min-height:54px;font-size:15px;text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:2px}
.lesson-coaching-link{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;width:100%;max-width:720px;margin-top:30px;padding:18px 20px;background:var(--paper);border:1px solid #5a4a30;border-radius:2px;text-decoration:none;text-align:left;color:var(--bone);cursor:pointer}
.lesson-coaching-link:hover{border-color:var(--brass)}
.lc-title{font:400 22px/1.2 'Instrument Serif',Georgia,serif;color:var(--bone)}
.lc-sub{grid-column:1;font:500 12.5px/1.4 Inter,sans-serif;color:var(--muted)}
.lc-go{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:2px;background:var(--brass);color:var(--ink);font:600 18px/1 Inter,sans-serif}
.masthead:has(#account:not([hidden])) .masthead-links{margin-left:auto}
.masthead:has(#account:not([hidden])) #account{margin-left:12px}
@media(max-width:730px){
 #account{width:auto;border-top:0;padding-top:0;margin-left:auto}
 .sidebar:not(.lessons-open) .coaching-nav,.sidebar:not(.lessons-open) .course-guides{display:none}
 .coaching-view{padding:20px 16px 28px}
 .coaching-view .coaching-offers{gap:12px}
 .lesson-coaching-link{margin-top:24px;padding:16px}
 .lc-title{font-size:20px}
}

/* ── Sep 27 2026 polish layer ────────────────────────────────────────────────
   Interaction-only motion (hover/press/open). Nothing starts hidden, so print,
   hidden tabs and full-page screenshots always show the finished page. */
@media (prefers-reduced-motion: no-preference){
 .primary,.secondary,.masthead-cta,.offer-cta,.tip-link,.lesson-toggle,.lesson-coaching-link,.lesson-nav,.coaching-nav,.preview-card,.offer-card,.detail-card{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.7,.3,1)}
 .primary:active,.secondary:active,.offer-cta:active,.tip-link:active,.masthead-cta:active,.lesson-toggle:active{transform:translateY(1px) scale(.99)}
 .offer-card:hover,.welcome .detail-card:hover{border-color:#3a4640}
 .offer-card--featured:hover{border-color:var(--brass)}
 .primary .arrow,.offer-cta,.tip-link{will-change:auto}
 .welcome .faq-list details::details-content{block-size:0;overflow:hidden;transition:block-size .28s ease,content-visibility .28s allow-discrete}
 .welcome .faq-list details[open]::details-content{block-size:auto}
 .welcome .faq-list summary::after{transition:transform .22s ease}
}
@supports (interpolate-size: allow-keywords){ :root{interpolate-size:allow-keywords} }

/* Story link under the bio: a quiet editorial link, not a button. */
.story-link{display:inline-block;padding:10px 0;margin-top:6px;font:500 15px/1.4 Inter,sans-serif;color:var(--bone);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:6px;text-decoration-thickness:1px}
.story-link:hover{color:#fff;text-decoration-thickness:2px}

/* Hero facts: the numbers carry the row; one line of label each. */
.welcome .hero-facts strong{font-variant-numeric:lining-nums}

/* Section links under the trailer: one scrollable row on phones instead of a
   three-line wall of links. */
@media (max-width:730px){
 .welcome .landing-nav{flex-wrap:nowrap;overflow-x:auto;gap:0 22px;margin:22px -20px 0;padding:0 20px 4px;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 .welcome .landing-nav::-webkit-scrollbar{display:none}
 .welcome .landing-nav a{flex:none;white-space:nowrap;min-height:44px;scroll-snap-align:start}
 .welcome .hero-facts li{padding:16px 16px}
 .welcome .hero-facts strong{font-size:30px;margin-bottom:6px}
 .story-link{font-size:14.5px}
}
.players-link span{margin-left:6px}
/* Course view: the lesson title outranks the chrome around it. */
@media (min-width:731px){ #lesson-title{font-size:clamp(34px,3.2vw,46px);line-height:1.05;margin:4px 0 14px} }
.sidebar .coaching-nav+.course-guides,.sidebar .course-guides{margin-top:18px}
.sidebar .coaching-nav{margin-bottom:6px}
@media (max-width:730px){ #lesson-summary{border:0;padding-bottom:0} }
@media(max-width:560px){ .masthead-links a[href="/story"]{display:none} }