/* Final brand finish. Existing palette and frozen curriculum remain authoritative. */
.header-stack{position:sticky;top:0;z-index:15;background:var(--night)}
.header-stack .site-nav{position:relative;top:auto}
.header-tools{display:flex;align-items:center;gap:24px}
.social-links{display:flex;align-items:center;gap:6px}
.social-link{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:8px;color:var(--glow-blue);background:transparent;transition:color 150ms ease}
.social-link>.social-mark{display:block;width:44px;height:44px;overflow:visible;pointer-events:none}
.social-glyph{width:22px;height:22px;overflow:visible}
.social-swoosh{opacity:0;transform-origin:22px 22px;transform:rotate(-10deg) scale(.94);transition:opacity 130ms ease,transform 260ms var(--out)}
.social-orbit{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 260ms var(--out)}
.social-arrow{opacity:0;transition:opacity 100ms ease}
.social-link:is(:hover,:focus-visible,.is-social-active){color:var(--orange)}
.social-link:is(:hover,:focus-visible,.is-social-active) .social-swoosh{opacity:1;transform:none}
.social-link:is(:hover,:focus-visible,.is-social-active) .social-orbit{stroke-dashoffset:0}
.social-link:is(:hover,:focus-visible,.is-social-active) .social-arrow{opacity:1;transition-delay:140ms}
.social-link:focus-visible{outline:2px solid var(--glow-blue);outline-offset:2px}
.social-link:focus-visible *{transition:none!important}
/* Orange edges, a deeper orange center and quiet orbital lighting keep white type readable. */
.launch-banner{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,var(--orange),color-mix(in srgb,var(--orange) 56%,var(--night)) 35%,color-mix(in srgb,var(--orange) 56%,var(--night)) 68%,var(--orange));color:var(--white)}
.launch-banner::before{content:'';position:absolute;inset:-70px 0;z-index:-1;background:radial-gradient(circle at 9% 55%,color-mix(in srgb,var(--glow-blue) 16%,transparent),transparent 22%),radial-gradient(circle at 91% 40%,color-mix(in srgb,var(--white) 12%,transparent),transparent 23%);pointer-events:none}
.launch-banner::after{content:'';position:absolute;left:2%;top:-100px;width:225px;height:225px;z-index:-1;border:1px solid color-mix(in srgb,var(--white) 17%,transparent);border-radius:50%;box-shadow:0 0 0 32px color-mix(in srgb,var(--white) 3%,transparent);pointer-events:none}
.launch-banner>a{color:var(--white);gap:22px}
.launch-banner strong{font-size:18px;color:var(--white);text-shadow:0 1px 1px color-mix(in srgb,var(--night) 40%,transparent)}
.launch-banner a>span{font-size:16px;color:var(--white)}
.launch-banner>a:focus-visible{outline-color:var(--white)}
/* Click-only Lab: remove the old scroll staging and its orphan state label. */
.membership-explorer{height:auto;scroll-margin-top:190px}
.membership-panels{perspective:none}
.membership-panel{transition:none;will-change:auto}
.verb-accent{color:var(--orange);-webkit-text-stroke:.15px color-mix(in srgb,var(--orange) 85%,var(--night))}
.lab-start{margin-top:30px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--glow-blue) 15%,var(--navy)),var(--night) 75%);color:var(--white)}
.lab-audiences{display:grid;grid-template-columns:1fr 1fr;padding:30px 36px;gap:36px}
.lab-audiences h3{font:700 25px/1.2 Montserrat,sans-serif;letter-spacing:-.02em;color:var(--glow-blue)}
.lab-audiences section:last-child h3{color:var(--orange)}
.lab-audiences section:last-child{border-left:1px solid var(--rule-dark);padding-left:36px}
.lab-audiences p{font-size:17px;line-height:1.5;margin-top:12px;color:var(--text-soft)}
.free-teaching{display:flex;align-items:center;gap:22px;padding:24px 36px;border-top:1px solid var(--rule-dark);background:color-mix(in srgb,var(--glow-blue) 5%,var(--night))}
.teaching-play{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:var(--glow-blue);color:var(--night);font-size:19px}
.free-teaching>div{flex:1;min-width:0}.free-teaching>div>span{display:block;color:var(--text-soft);font-size:14px;line-height:1.5}
.free-teaching strong{display:block;font:700 20px/1.3 Montserrat,sans-serif;color:var(--white);margin-top:4px;letter-spacing:-.015em}
.free-teaching .action{background:var(--glow-blue);color:var(--night);box-shadow:none;white-space:nowrap;flex:none}
.free-teaching .action i{color:var(--night);background:color-mix(in srgb,var(--night) 6%,transparent)}
/* A distinct forthcoming Masterclass feature: an account-road, not another course-bar grid. */
.masterclass-teaser{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:60px 7vw;background:radial-gradient(ellipse at 2% 0,color-mix(in srgb,var(--white) 22%,var(--orange)),transparent 48%),var(--orange);color:var(--night)}
.coming-label{font:700 14px/1.4 Lato,sans-serif}
.masterclass-copy h2{font:700 clamp(30px,3.3vw,46px)/1.08 Montserrat,sans-serif;letter-spacing:-.025em;margin-top:16px;color:var(--night);text-wrap:balance}
.masterclass-copy>p{font-size:17px;line-height:1.5;max-width:44ch;margin-top:22px}
.masterclass-copy .mc-scope{font-size:14px;line-height:1.6;margin-top:22px}
.mc-explore{margin-top:24px;background:var(--night);color:var(--white);box-shadow:none}
.mc-explore i{color:var(--glow-blue)}
.mc-road{padding:28px 26px 24px;border-radius:16px;background:radial-gradient(ellipse at 70% 0,color-mix(in srgb,var(--glow-blue) 14%,var(--navy)),var(--night) 80%);color:var(--white);align-self:center}
.mc-road-heading{font:700 18px/1.3 Montserrat,sans-serif}.mc-road-heading>span{display:block;font:400 14px/1.5 Lato,sans-serif;color:var(--text-soft);margin-top:6px}
.mc-map{display:block;width:100%;height:auto;margin:5px 0 14px;overflow:visible}
.mc-road-base{fill:none;stroke:var(--navy);stroke-width:16;stroke-linecap:round}
#mc-route{fill:none;stroke:url(#mc-road-color);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.mc-nodes circle{fill:var(--night);stroke:var(--glow-blue);stroke-width:2}
.mc-nodes circle.is-active{fill:var(--orange);stroke:var(--orange)}
#mc-traveler{fill:var(--white);filter:drop-shadow(0 0 7px var(--glow-blue))}
.mc-stages{display:flex;flex-wrap:wrap;gap:6px}
.mc-stages button{min-height:44px;padding:8px 12px;border-radius:999px;font:700 13px/1.3 Lato,sans-serif;color:var(--text-soft)}
.mc-stages button[aria-pressed=true]{background:var(--navy);color:var(--glow-blue)}
.mc-stage-copy{font-size:15px;line-height:1.5;min-height:45px;color:var(--white);margin-top:18px}
/* The final word gets a quick, angled stroke before the hero releases. */
.hero.is-trust h1 em{position:relative;display:inline-block}
.hero.is-trust h1 em::after{content:'';position:absolute;left:-1%;bottom:-.11em;width:103%;height:7px;background:var(--orange);clip-path:polygon(0 65%,95%0,100%22%,8%100%);transform-origin:left center;transform:scaleX(0) rotate(-2deg)}
.hero.is-underlined h1 em::after{animation:trust-slash 180ms var(--out) both}
@keyframes trust-slash{to{transform:scaleX(1) rotate(-2deg)}}
.course-dialog{transform-origin:center;backface-visibility:hidden}
.course-dialog.is-closing{pointer-events:none}
.course-dialog.is-closing::backdrop{background:transparent;transition:background-color 220ms ease}
.film-dialog>p{display:none}
/* A quiet blue-on-blue logo adds depth, cropped off the left of the final lockup. */
.closing{position:relative;isolation:isolate;overflow:hidden}
.closing::before{content:'';position:absolute;left:-15%;top:50%;transform:translateY(-50%);width:75%;height:140%;background:var(--glow-blue);opacity:.09;mask:url('/assets/26959c8678fa1b04.png') center/contain no-repeat;-webkit-mask:url('/assets/26959c8678fa1b04.png') center/contain no-repeat;z-index:-1;pointer-events:none}
.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:34px 7vw calc(var(--dock) + 34px);background:var(--night)}
.footer-logo{display:flex;align-items:center;gap:12px;color:var(--white)}
.footer-logo img{width:40px;height:46px;object-fit:contain}
.footer-logo>span{font:700 14px/1.1 Montserrat,sans-serif}
.back-top{display:inline-flex;align-items:center;gap:10px;font:700 14px/1.4 Lato,sans-serif;color:var(--white);min-height:44px}
.site-footer .copyright{grid-column:1/-1;color:var(--text-soft);font-size:13px;line-height:1.5;margin:0}
@media(max-width:1000px) and (min-width:761px){.header-tools{gap:12px}.social-links{gap:2px}.lab-audiences{padding:26px}.free-teaching{padding:22px 26px;gap:16px}.free-teaching strong{font-size:18px}.free-teaching .action{font-size:14px}}
@media(max-width:760px){
 .header-stack .site-nav{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding-top:12px;padding-bottom:12px}
 .header-stack .brand{grid-column:1;grid-row:1}.header-tools{display:contents}.header-tools>nav{grid-column:2;grid-row:1}.header-tools>.social-links{grid-column:1/-1;grid-row:2;justify-self:center}
 .social-links{gap:8px}.social-link{width:44px;height:44px}
 .launch-banner>a{padding:10px 16px;min-height:78px;gap:4px}.launch-banner strong{font-size:16px}.launch-banner a>span{font-size:15px}
 .launch-banner::after{left:-90px;top:-80px}
 .lab-start{margin-top:24px}.lab-audiences{padding:26px 22px;gap:24px;grid-template-columns:1fr}.lab-audiences h3{font-size:23px}.lab-audiences p{font-size:16px}.lab-audiences section:last-child{border-left:0;border-top:1px solid var(--rule-dark);padding:24px 0 0}
 .free-teaching{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:24px 22px}.teaching-play{width:44px;height:44px}.free-teaching strong{font-size:18px}.free-teaching .action{grid-column:1/-1;width:100%;justify-content:space-between}
 .masterclass-teaser{padding:44px 6vw;grid-template-columns:1fr;gap:30px}.masterclass-copy h2{font-size:34px}.masterclass-copy>p{font-size:16px}.mc-road{padding:24px 20px}.mc-stages button{font-size:14px;padding:8px 10px}.mc-stage-copy{font-size:14px}
 .site-footer{grid-template-columns:1fr auto;gap:22px;padding:30px 6vw calc(var(--dock) + 34px)}.site-footer .social-links{grid-column:1/-1;grid-row:2;justify-self:start}.site-footer .copyright{grid-row:3}
 .closing::before{left:-25%;width:110%;opacity:.08}
}
@media(prefers-reduced-motion:reduce){.social-link,.social-link *{transition:none!important;animation:none!important}.hero.is-underlined h1 em::after{animation:none;transform:scaleX(1) rotate(-2deg)}.mc-map *, .course-dialog{animation:none!important;transition:none!important}.course-path li{clip-path:none!important}}

.direction-icon--up{transform:rotate(-90deg)}

/* Large, undistorted mark: approximately one quarter sits off the left edge. */
.closing::before{left:calc(-1 * min(18vw,195px));width:min(72vw,780px);height:min(104vw,1120px);opacity:.14;mask-size:contain;-webkit-mask-size:contain}
@media(max-width:760px){.closing::before{left:-22%;width:88%;height:120%;opacity:.11}}
.course-scroll{overscroll-behavior:contain}
.mc-nodes circle.is-active{filter:drop-shadow(0 0 8px var(--orange))}
#mc-traveler{filter:drop-shadow(0 0 8px var(--glow-blue))}

/* Keep the slash in the same held scroll sequence as the letters and background film. */
.hero.is-underlined h1 em::after{animation:none;transform:scaleX(var(--trust-stroke,0)) rotate(-2deg)}

/* The invitation and action form one centered conversion block. */
.community-invitation{display:flex;flex-direction:column;align-items:center;text-align:center}
.community-invitation>p{width:100%;max-width:none;text-align:center;margin:0 0 18px}
.community-invitation>.action{align-self:center}
/* YouTube sample teaching uses the same unaltered brand path as the header. */
.teaching-youtube{display:grid;place-items:center;width:52px;height:52px;flex:none;color:var(--glow-blue)}
.teaching-youtube>svg{display:block;width:42px;height:42px;fill:currentColor}
@media(max-width:760px){.teaching-youtube{width:44px;height:44px}.teaching-youtube>svg{width:36px;height:36px}}

/* A burnished orange surface with quiet orbital contours—not a flat color block. */
.masterclass-teaser{isolation:isolate;overflow:hidden;padding-top:64px;padding-bottom:64px;background:radial-gradient(ellipse at 4% 4%,color-mix(in srgb,var(--white) 13%,transparent),transparent 50%),radial-gradient(ellipse at 98% 95%,color-mix(in srgb,var(--night) 22%,transparent),transparent 53%),linear-gradient(135deg,var(--orange),var(--orange) 48%,color-mix(in srgb,var(--orange) 85%,var(--night)));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 18%,transparent)}
.masterclass-teaser::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 44% -20%,color-mix(in srgb,var(--white) 11%,transparent),transparent 60%)}
.masterclass-teaser::after{content:'';position:absolute;right:12%;top:-420px;width:780px;height:780px;z-index:-1;border:1px solid color-mix(in srgb,var(--white) 17%,transparent);border-radius:50%;box-shadow:0 0 0 54px color-mix(in srgb,var(--white) 3%,transparent),0 0 0 110px color-mix(in srgb,var(--white) 2%,transparent);pointer-events:none}
.mc-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;max-width:460px}
.mc-heading .coming-label{font:700 18px/1.3 Montserrat,sans-serif;letter-spacing:-.015em;color:var(--night)}
.coming-badge{font:700 12px/1.3 Lato,sans-serif;background:var(--night);color:var(--ivory);padding:8px 12px;border-radius:999px;white-space:nowrap}
.mc-name{grid-column:1/-1;display:block;font:italic 400 clamp(54px,5.2vw,74px)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;color:var(--night)}
.masterclass-copy h2{font-size:clamp(30px,2.8vw,40px);margin-top:24px;line-height:1.12}
.masterclass-copy>p{margin-top:22px;max-width:46ch;font-size:17px;line-height:1.55}
.masterclass-copy .mc-scope{font-size:14px;line-height:1.6}
.mc-road{box-shadow:0 22px 52px color-mix(in srgb,var(--night) 22%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 14%,transparent)}
.closing-invitation .closing-promise{margin:0;max-width:500px}
.promise-lead{display:block;font:400 17px/1.4 Lato,sans-serif;color:var(--ivory);margin-bottom:8px}
.closing-promise>strong{display:block;font:700 clamp(25px,2.3vw,33px)/1.2 Montserrat,sans-serif;letter-spacing:-.02em;color:var(--ivory)}
.closing-promise>strong>span{color:var(--orange)}
.promise-result{display:block;font:400 18px/1.45 Lato,sans-serif;color:var(--ivory);margin-top:16px}
.community-solution{color:var(--glow-blue)}
@media(max-width:760px){.masterclass-teaser{padding-top:44px;padding-bottom:44px}.mc-heading .coming-label{font-size:17px}.mc-name{font-size:58px}.masterclass-copy h2{font-size:30px}.masterclass-copy>p{font-size:16px}.closing-promise>strong{font-size:26px}.promise-result{font-size:17px}.masterclass-teaser::after{right:-300px;top:-500px}}

/* Luminance isolates the white high-resolution mark; dark edge shading stays invisible. */
.closing::before{mask-mode:luminance;-webkit-mask-source-type:luminance;opacity:.15}
@media(max-width:760px){.closing::before{opacity:.12}}

/* Plain alpha-mask data avoids luminance-compositor clipping in embedded browsers. */
.closing::before{mask-mode:alpha;-webkit-mask-source-type:alpha;z-index:0}
.closing>h2,.closing>.closing-invitation{position:relative;z-index:1}

/* The owner-approved Mastermind line uses a navy field for readable canonical orange. */
.mastermind-line{display:block;box-sizing:border-box;width:fit-content;max-width:100%;margin-top:16px;padding:9px 13px;border-radius:6px;background:var(--navy);font:700 18px/1.45 Lato,sans-serif;color:var(--ivory)}
.mastermind-line strong{color:var(--orange);white-space:nowrap}