/* A working mixtape: choose a moment, then take one teachable step. */
.step-controls[hidden],.step-progress[hidden]{display:none}
:root{--desk:#14172b;--cassette:#f4efe4;--edge:#f4efe42b}.wrap{max-width:1180px}.resource-nav{background:var(--ink);color:var(--paper);border-color:var(--edge);box-shadow:none;justify-content:flex-end}.resource-nav button{background:var(--teal);color:var(--ink)}.hero{padding:70px 0 75px;background:var(--ink);isolation:isolate}.hero>.wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:0 50px;align-items:center}.hero>.wrap>a,.hero .kicker,.hero h1,.hero-sub,.hero-tag{grid-column:1}.hero h1{font-size:clamp(64px,7.8vw,108px);line-height:.98;max-width:620px}.hero .kicker{letter-spacing:.14em;font-size:11px}.hero-sub{font-size:17px;max-width:530px}.hero-tag{font-size:27px}.mixtape{grid-column:2;grid-row:1/7;perspective:1100px;position:relative;align-self:center;padding:25px 0}.tape-object{position:relative;border:2px solid #e2d8c0;border-radius:15px;background:linear-gradient(145deg,#fff9ec,#cfc6ae);aspect-ratio:1.58;color:var(--ink);transform:rotate(-8deg) rotateY(-12deg);box-shadow:7px 10px 0 #777b78,12px 17px 0 #292e34,20px 35px 35px #0008;transition:transform .7s cubic-bezier(.22,.8,.24,1);padding:18px 22px}.mixtape:hover .tape-object,.mixtape:focus-within .tape-object{transform:rotate(-3deg) rotateY(0)}.tape-object::before,.tape-object::after{content:'';position:absolute;left:12px;right:12px;height:5px;top:7px;background:repeating-linear-gradient(90deg,#777b78 0 4px,transparent 4px 25px);opacity:.6}.tape-object::after{top:auto;bottom:7px}.tape-label{border:1px solid #14172b40;border-radius:7px;background:repeating-linear-gradient(0deg,#f4efe4 0 5px,#eee5d3 5px 6px);padding:12px 15px 65px;position:relative;height:100%;box-shadow:inset 0 0 15px #cbb58f4a}.tape-label strong{font:clamp(21px,3vw,38px)/1 'Caveat';display:block;transform:rotate(-2deg)}.tape-label>span{font:800 9px Manrope;letter-spacing:.2em;display:block;margin:8px 0}.tape-window{position:absolute;inset:46% 10% 15%;background:#1c2730;border:4px solid #a4a499;border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;box-shadow:inset 0 5px 8px #0009}.tape-window::before{content:'';position:absolute;left:29%;right:29%;height:75%;border:1px solid #fffffa36;background:linear-gradient(90deg,#4b3128,#211d1c,#4b3128)}.tape-reel{width:27%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#d1cbb8 0deg 18deg,#555d58 18deg 45deg);border:7px solid #1c1714;position:relative;box-shadow:0 0 0 2px #63594c}.tape-reel::after{content:'';position:absolute;inset:30%;border-radius:50%;background:#14172b;border:3px solid #eee5d3}.mixtape.is-playing .tape-reel{animation:reel-turn 1.8s linear 2}.mixtape-note{display:block;color:var(--amber);font:27px 'Caveat';margin:38px 0 0 35px;transform:rotate(-5deg)}@keyframes reel-turn{to{transform:rotate(360deg)}}.ticker-outer{padding:11px 0}.ticker{animation:none;flex-wrap:wrap;width:100%;justify-content:center;gap:12px}.ticker span{font:800 10px Manrope;padding:0 15px;letter-spacing:.1em}.ticker span:nth-child(n+6){display:none}.ticker span::after{display:none}.tracklist{padding:65px 0}.tracklist .lede{font-size:17px;max-width:690px}.moment-picker{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.moment-picker button{border:1px solid var(--edge);background:transparent;color:var(--paper);padding:11px 16px;border-radius:30px;font:700 12px Manrope;cursor:pointer}.moment-picker button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.track-grid{grid-template-columns:repeat(5,1fr);gap:13px;align-items:stretch}.track-card{border-radius:3px;padding:22px 17px 18px;min-height:225px;background:linear-gradient(135deg,#252942,#1d2140);box-shadow:5px 5px 0 #080b1d;transition:transform .3s,opacity .3s,border-color .3s;display:flex;flex-direction:column;justify-content:space-between}.track-card:hover{transform:translateY(-9px) rotate(-2deg)}.track-card h3{font-size:26px;line-height:1.12;margin:20px 0}.track-card .track-num{font-size:9px;letter-spacing:.07em}.track-card .type-pill{align-self:start;font-size:10px}.track-card.moment-muted{opacity:.38}.track-card:nth-child(n+6){min-height:115px;grid-column:span 2;background:var(--paper);color:var(--ink);flex-direction:row;align-items:center;gap:20px}.track-card:nth-child(n+6) h3{font-size:25px;margin:0}.track-card:nth-child(n+6) .type-pill{display:none}.lesson{border-top:1px solid var(--edge);padding:75px 0}.lesson .wrap{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:55px;align-items:start}.lesson-head{grid-column:1;grid-row:1/7;display:block;position:sticky;top:105px;align-self:start}.lesson-head .icon{margin-bottom:25px;width:64px;height:64px}.lesson-head h2{font-size:48px;line-height:1.05}.lesson .big-idea,.lesson .meta-grid,.lesson .why-block,.lesson .sequence,.lesson .handout{grid-column:2}.lesson .big-idea{font-size:24px;line-height:1.35;padding:20px 23px;margin:0 0 24px;background:transparent;border:0;border-left:3px solid var(--accent);border-radius:0}.lesson .meta-grid{grid-template-columns:1fr 1fr;gap:12px}.meta-box{border-radius:2px}.sequence{background:var(--paper);color:var(--ink);padding:30px;border-radius:3px;box-shadow:8px 9px 0 #080b1d}.sequence .seq-title{font-size:29px;color:var(--ink)}.sequence .step{border-color:#14172b26;grid-template-columns:38px 1fr;gap:15px}.sequence .step-num{color:var(--accent-d)}.sequence .step h4{color:var(--ink);font-size:12px}.sequence .step p,.sequence .step ul{color:var(--ink);font-size:15px}.sequence .exit-ticket{background:#14172b0a;border-color:#14172b26}.teaching-controls{border-block:1px solid #14172b24;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px;font:800 11px Manrope}.teaching-controls button,.step-controls button{border:1px solid #14172b35;background:transparent;color:var(--ink);padding:10px 13px;border-radius:3px;font:800 11px Manrope;cursor:pointer}.teaching-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.step-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 11px Manrope;border-top:1px solid #14172b26;padding-top:17px}.step-controls button:disabled{opacity:.35;cursor:default}.sequence.guided .step:not(.active-step){display:none}.sequence.guided .step.active-step{min-height:220px;border:0;margin:0;padding-bottom:25px;animation:step-arrive .35s both}.step-progress{height:3px;margin-bottom:17px;background:#14172b18}.step-progress span{display:block;height:100%;background:var(--accent-d);width:20%;transition:width .3s}.handout{margin-top:32px;border-radius:3px;box-shadow:6px 7px 0 #080b1d}.worksheet-link{display:inline-block;color:var(--accent);font:800 12px Manrope;margin-top:15px;text-underline-offset:5px}.lesson-head .lesson-eyebrow{font-size:10px;letter-spacing:.12em}.playlist-rail{right:7px;width:46px}.playlist-rail a{width:40px;height:40px}@keyframes step-arrive{from{opacity:0;transform:translateY(12px)}}@media(max-width:1000px){.lesson .wrap{grid-template-columns:230px minmax(0,1fr);gap:30px}.lesson-head h2{font-size:38px}.track-grid{grid-template-columns:repeat(3,1fr)}.track-card:nth-child(n+6){grid-column:auto}.hero>.wrap{gap:25px}.tape-object{padding:14px}.tape-label{padding:10px}.playlist-rail a{width:44px;height:44px}.playlist-rail{width:auto}}
@media(max-width:700px){.resource-nav{justify-content:center}.hero{padding:35px 0 55px}.hero>.wrap{display:block}.hero h1{font-size:74px}.hero-sub{font-size:16px}.mixtape{max-width:370px;margin:15px auto 0;padding:25px 12px 0}.mixtape-note{font-size:23px;margin:28px 0 0}.tape-label strong{font-size:30px}.hero-tag{font-size:24px}.tracklist{padding:45px 0}.track-grid{grid-template-columns:1fr 1fr;gap:13px}.track-card{min-height:205px;padding:18px 14px}.track-card h3{font-size:25px}.track-card:nth-child(n+6){grid-column:span 2;min-height:90px}.lesson{padding:45px 0 70px}.lesson .wrap{display:block}.lesson-head{position:static;margin-bottom:26px;display:grid;grid-template-columns:50px 1fr;gap:14px}.lesson-head .icon{width:48px;height:48px;margin:0}.lesson-head h2{font-size:36px;margin:0}.worksheet-link{grid-column:2;margin-top:0}.lesson .big-idea{font-size:22px}.sequence{padding:22px 17px}.lesson .meta-grid{grid-template-columns:1fr}.wrap{padding:0 22px}.teaching-controls{align-items:start}.teaching-controls>span{max-width:140px}.step-controls{font-size:10px}.step-controls button{padding:10px}.ticker span{font-size:9px}.playlist-rail{bottom:12px}}
@media(prefers-reduced-motion:reduce){.mixtape .tape-object{transform:rotate(-5deg)}.mixtape *,.sequence *{animation:none!important;transition:none!important}}@media print{.mixtape,.moment-picker,.teaching-controls,.step-controls,.step-progress,.worksheet-link{display:none!important}.lesson .wrap{display:block!important}.lesson-head{position:static!important;display:flex!important}.sequence.guided .step{display:grid!important;min-height:0!important}.sequence{padding:0!important}.lesson .big-idea{border:0!important}.ticker-outer{display:none!important}.lesson .meta-grid{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:1100px){.playlist-rail{right:50%;width:auto}}