:root{--ink:#10131a;--paper:#fff8e7;--pink:#ff8fba;--sky:#77e7ff;--gold:#ffd24b;--line:#111;--shadow:12px 12px 0 #111}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fffaf0,#ffefc5);color:var(--ink);font-family:"Trebuchet MS",Verdana,sans-serif}.hero{position:relative}.hero-image{display:block;width:100%;height:74vh;object-fit:cover}.hero-mark{position:absolute;left:26px;top:26px;padding:12px 16px;border:3px solid var(--line);border-radius:999px;background:#fff;box-shadow:8px 8px 0 var(--line);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.deck{width:min(95%,1240px);margin:-20px auto 44px;display:grid;gap:18px}.headline-card{padding:18px 22px;border:3px solid var(--line);border-radius:26px;background:#111;color:#fff;box-shadow:10px 10px 0 var(--gold);font-size:1.06rem;font-weight:800}.layout{display:grid;grid-template-columns:1fr;gap:22px}.lesson-card,.bubble,.notebook-sheet{background:#fff;border:3px solid var(--line)}.lesson-card{padding:24px;border-radius:32px;box-shadow:var(--shadow);position:relative}.lesson-card::before{content:"";position:absolute;inset:3px auto 3px 3px;width:10px;background:linear-gradient(180deg,var(--sky),var(--gold),var(--pink));border-radius:29px 0 0 29px}.eyebrow{display:inline-flex;padding:8px 12px;border:2px solid var(--line);border-radius:999px;background:#b8f2ff;font-size:.78rem;font-weight:900;text-transform:uppercase}.lesson-card h1{margin:16px 0 10px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(3rem,6vw,5rem);line-height:.88;text-transform:uppercase}.lesson-card h1 .h1-mark{font-family:inherit;font-size:.5em;font-weight:normal;letter-spacing:.03em;color:var(--ink);margin-left:.25em;white-space:nowrap}.lede{max-width:34ch;font-size:1.08rem;line-height:1.58}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.meta-row span{padding:6px 10px;border:2px solid var(--line);border-radius:999px;background:#fff}.folder-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}.folder{position:relative;display:block;padding:30px 18px 18px;border:3px solid var(--line);border-radius:24px;text-align:left;background:#fff;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer;box-shadow:8px 8px 0 var(--line)}.folder::before{content:"";position:absolute;top:-14px;left:16px;width:122px;height:28px;border:3px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0}.folder strong{display:block;font-size:1.05rem}.folder span{display:block;margin-top:6px;font-size:.92rem}.folder--video{background:linear-gradient(180deg,#ffdce8,#ffabc8)}.folder--video::before{background:#ffd7e5}.folder--tool{background:linear-gradient(180deg,#ffeaa1,#ffc948)}.folder--tool::before{background:#ffe29a}.folder--docs{background:linear-gradient(180deg,#cef0ff,#7fcfff)}.folder--docs::before{background:#bce6fa}.folder--ref{background:linear-gradient(180deg,#d8f5d4,#a4dba0)}.folder--ref::before{background:#cdebc8}.video-stage{display:none;margin-top:18px;padding:16px;border:3px dashed var(--line);border-radius:24px;background:linear-gradient(135deg,#d7fbff,#fff4ba,#ffd7e8)}.video-stage.is-open{display:block}.stage-bar,.notebook-tabs{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.stage-bar button,.notebook-tabs button,.notebook-tabs a{padding:8px 12px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer}.video-placeholder{aspect-ratio:16/9;border:3px solid var(--line);border-radius:20px;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800}.side-column{display:grid;gap:14px}.about-band{margin-top:8px}.bubble{padding:18px;border-radius:24px;box-shadow:10px 10px 0 var(--line)}.bubble strong{display:block;margin-bottom:8px;font-size:.8rem;text-transform:uppercase}.bubble p{margin:0;line-height:1.6}.bubble--pink{background:#ffe3ee}.bubble--sky{background:#d8f8ff}.notebook{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px;transform:translateY(110%);transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform;pointer-events:none}.notebook.is-open{transform:translateY(0);pointer-events:auto}.drawer-scrim{position:fixed;inset:0;background:rgba(16,19,26,.55);opacity:0;transition:opacity .3s ease;z-index:25;cursor:pointer}.drawer-scrim.is-visible{opacity:1}body.drawer-open{overflow:hidden}.notebook-sheet{width:min(1020px,100%);margin:0 auto;border-radius:26px 26px 0 0;box-shadow:0 -24px 46px rgba(0,0,0,.18);padding:16px;background:linear-gradient(180deg,#fffdf8,#fbeecf)}.notebook-sheet iframe{width:100%;height:min(72vh,760px);border:0;border-radius:16px;background:#fff}.comic{margin:22px 0 6px;padding:0;border:3px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:8px 8px 0 var(--line)}.comic-carousel{padding:0}.carousel-stage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 14px;background:var(--paper)}.carousel-track-wrap{position:relative;overflow:hidden;border-radius:14px;min-width:0}.carousel-track{display:flex;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);will-change:transform}.carousel-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;background:var(--paper);min-height:0}.carousel-slide img{display:block;max-width:100%;max-height:55vh;width:auto;height:auto;background:var(--paper)}.carousel-banner{position:absolute;top:14px;left:14px;padding:8px 14px;border:3px solid var(--line);border-radius:999px;background:#111;color:var(--gold);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:.92rem;letter-spacing:.16em;text-transform:uppercase;box-shadow:3px 3px 0 var(--line);z-index:5;pointer-events:none}.carousel-banner[hidden]{display:none}.carousel-btn{width:64px;height:64px;border:3px solid var(--line);border-radius:999px;background:#fff;font-size:2.4rem;font-weight:900;cursor:pointer;box-shadow:5px 5px 0 var(--line);font-family:inherit;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:transform .15s ease,background .15s ease;flex-shrink:0;padding:0}.carousel-btn:hover:not(:disabled){background:var(--gold);transform:scale(1.06)}.carousel-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:2px 2px 0 var(--line)}.carousel-foot{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px 22px;border-top:3px solid var(--line);background:linear-gradient(180deg,#fffdf8,#fbeecf)}.carousel-counter{font-weight:800;font-size:.95rem}.carousel-dots{display:flex;gap:10px}.carousel-dots button{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);background:#fff;cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease}.carousel-dots button:hover{transform:scale(1.2)}.carousel-dots button[aria-current="true"]{background:var(--gold)}@media(max-width:540px){.carousel-stage{gap:8px;padding:12px 8px}.carousel-btn{width:48px;height:48px;font-size:1.9rem}.carousel-banner{font-size:.82rem;padding:6px 12px}.carousel-foot{padding:12px 14px;gap:10px}.carousel-slide img{max-height:55vh}}.lesson-video{margin:18px 0 6px;padding:0;border:3px solid var(--line);border-radius:24px;overflow:hidden;background:#101216;box-shadow:8px 8px 0 var(--line)}.lesson-video .video-placeholder{aspect-ratio:16/9;border:0;border-radius:0;background:linear-gradient(135deg,#1a1f2b,#0c0f15);color:#9aa6b6;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;letter-spacing:.04em}.lesson-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.folder-row--main{grid-template-columns:1fr;margin-top:24px}.folder-row--main .folder{padding:36px 22px 22px}.folder-row--main .folder strong{font-size:1.18rem}.learn-more{margin-top:22px;padding:18px 18px 14px;border:3px dashed var(--line);border-radius:24px;background:rgba(255,255,255,.55)}.learn-more-title{margin:0 0 12px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.folder-row--learn{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:0}.folder-row--learn .folder{padding:28px 16px 16px}.folder-row--learn .folder strong{font-size:.96rem}.folder-row--learn .folder span{font-size:.84rem}.bulletin-tag{display:inline-block;margin-bottom:10px;padding:5px 10px;border:2px solid var(--line);border-radius:999px;background:var(--ink);color:#fff;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.bulletin{padding:30px 36px;background:var(--paper);border:3px solid var(--line);border-radius:28px;box-shadow:10px 10px 0 var(--line);font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;color:#1c1c1a;display:grid;grid-template-columns:minmax(220px,1fr) 2fr auto;gap:28px;align-items:center}.bulletin-mast{display:flex;flex-direction:column;gap:6px}.bulletin-kicker{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#5d6840;margin:0}.bulletin-headline{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:2.6rem;line-height:.95;letter-spacing:-.01em;font-weight:800;margin:0;text-transform:none;color:#1c1c1a}.bulletin-meta{font-family:"Helvetica Neue",Arial,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#3e4729;margin:4px 0 0;opacity:.75}.bulletin-body{display:flex;flex-direction:column;gap:8px}.bulletin-lede{font-style:italic;font-size:1.04rem;line-height:1.55;margin:0;color:#3e4729}.bulletin-tease{font-size:.96rem;line-height:1.55;margin:0}.bulletin-link{display:inline-block;justify-self:end;padding:11px 16px;border:2px solid var(--line);border-radius:999px;background:var(--gold);color:var(--ink);text-decoration:none;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;box-shadow:4px 4px 0 var(--line);white-space:nowrap}.bulletin-link:hover{background:var(--pink)}@media(max-width:920px){.bulletin{grid-template-columns:1fr;gap:18px;padding:22px}.bulletin-headline{font-size:2rem}.bulletin-link{justify-self:start}}@media(max-width:920px){.layout,.folder-row{grid-template-columns:1fr}.hero-mark{left:20px;top:20px}.bulletin-headline{font-size:2rem}}