:root{--paper:#f3f0e9;--panel:#eae5da;--ink:#1b1830;--ink-soft:#56506a;--rule:#c9c2b3;--violet:#3d3a7c;--sans:"Archivo",Arial,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"Courier Prime","Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{margin:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,rgba(201,194,179,.42) 52px),var(--paper);font-family:var(--serif);font-size:18px;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid var(--violet);outline-offset:5px}
.site-header,.site-footer,main>section{width:min(100% - 40px,1280px);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 0;border-bottom:1px solid var(--ink)}.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-lockup img{width:42px;height:42px;object-fit:contain}.brand-lockup span{font:700 15px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}.header-meta{display:flex;align-items:center;gap:32px;font:400 12px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase}.header-meta nav{display:flex;gap:22px}.header-meta a{text-underline-offset:4px}
main>section{padding:clamp(70px,9vw,130px) 0;border-bottom:1px solid var(--ink)}.eyebrow,.section-ref,.status,.source-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em}.eyebrow{margin:0 0 22px;color:var(--violet);font-size:13px}.section-ref{color:var(--ink-soft);font-size:12px}h1,h2{font-family:var(--sans);text-transform:uppercase}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(40px,8vw,120px);align-items:center;min-height:740px}.hero h1{max-width:950px;margin:0;font-size:clamp(54px,8vw,118px);font-weight:420;letter-spacing:-.065em;line-height:.84}.hero h1 strong{font-weight:820}.lead{max-width:660px;margin:34px 0 0;color:var(--ink-soft);font-size:clamp(28px,3vw,43px);font-style:italic;line-height:1.08}.hero-mark{position:relative}.hero-mark img{width:100%;transform:rotate(-5deg)}.stamp{position:absolute;right:-12px;bottom:8%;padding:8px 13px 6px;border:3px solid var(--violet);color:var(--violet);background:var(--paper);font:700 15px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;transform:rotate(-5deg)}
.definition{display:grid;grid-template-columns:180px minmax(0,850px);gap:clamp(30px,7vw,110px)}.dictionary-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:20px;padding-bottom:24px;border-bottom:3px solid var(--ink)}.dictionary-head h2{margin:0;font-size:clamp(62px,9vw,126px);font-weight:760;letter-spacing:-.055em;line-height:.8;text-transform:none}.pronunciation{margin:0;font-size:22px}.pronunciation span{display:block;color:var(--ink-soft);font:13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em}.dictionary-entry ol{margin:34px 0 22px;padding-left:36px}.dictionary-entry li{margin:0 0 20px;padding-left:12px;font-size:clamp(24px,3vw,38px);line-height:1.2}.source-note{margin:32px 0 0;color:var(--ink-soft);font-size:11px}
.episode{display:grid;grid-template-columns:130px minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:start}.episode-link{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(380px,1fr);gap:clamp(28px,5vw,76px);align-items:start;text-decoration:none}.episode-copy h2,.lessons-intro h2{margin:0;font-size:clamp(40px,5vw,72px);font-weight:760;letter-spacing:-.055em;line-height:.93}.episode-copy>p:not(.eyebrow){color:var(--ink-soft);font-size:25px;line-height:1.3}.status{position:relative;display:inline-grid;grid-template-areas:"label";margin-top:22px;padding:8px 10px 6px;border:1px solid var(--violet);color:var(--violet);font-size:11px}.status span{grid-area:label;transition:opacity .16s ease}.status-hover{opacity:0}.episode-frame{border:1px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease}.episode-link:hover .episode-frame,.episode-link:focus-visible .episode-frame{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--violet)}.episode-link:hover .status-default,.episode-link:focus-visible .status-default{opacity:0}.episode-link:hover .status-hover,.episode-link:focus-visible .status-hover{opacity:1}
.lessons{display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px clamp(28px,5vw,76px)}.lessons-intro{max-width:850px}.lessons-intro>p:last-child{max-width:720px;color:var(--ink-soft);font-size:24px}.lesson-list{grid-column:2;border-top:3px solid var(--ink)}.lesson-list a{display:grid;grid-template-columns:60px minmax(0,1fr) 220px 30px;gap:20px;align-items:baseline;padding:24px 0 21px;border-bottom:1px solid var(--rule);text-decoration:none}.lesson-list a:hover strong{color:var(--violet)}.lesson-list span,.lesson-list em{color:var(--ink-soft);font:12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.lesson-list strong{font:650 clamp(25px,3vw,40px)/1 var(--sans);letter-spacing:-.035em;text-transform:uppercase;transition:color .15s ease}.lesson-list b{color:var(--violet);font-family:var(--sans)}.secondary-tagline{grid-column:2;margin:50px 0 0;color:var(--ink-soft);font-size:30px;font-style:italic}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;padding:22px 0 36px;font:11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-footer span:nth-child(2){color:var(--violet)}.site-footer a{justify-self:end}
@media(max-width:820px){body{font-size:17px}.site-header,.site-footer,main>section{width:min(100% - 28px,680px)}.header-meta>span{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-mark{width:min(78vw,360px);margin-left:auto}.definition,.episode,.lessons{grid-template-columns:1fr}.episode-link{grid-template-columns:1fr}.lesson-list,.secondary-tagline{grid-column:1}.section-ref{margin-bottom:4px}.episode-frame{order:3}.lesson-list a{grid-template-columns:40px 1fr 24px}.lesson-list em{display:none}.site-footer{grid-template-columns:1fr}.site-footer a{justify-self:start}}
@media(max-width:500px){.brand-lockup span{display:none}.header-meta{gap:12px}.header-meta nav{gap:14px}main>section{padding:64px 0}.hero h1{font-size:clamp(47px,14vw,68px)}.dictionary-head{display:block}.pronunciation{margin-top:18px}.lesson-list strong{font-size:24px}}

/* A controlled return of the original warmth: colour belongs to the curriculum. */
.brand-lockup img{width:64px;height:64px;transform:rotate(-7deg);transition:transform .18s ease}
.brand-lockup:hover img{transform:rotate(-10deg) scale(1.03)}
.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:0}
.lesson-list a{min-height:220px;grid-template-columns:48px minmax(0,1fr) 28px;grid-template-rows:auto 1fr auto;align-items:start;padding:24px;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.lesson-list a:nth-child(1){background:#d8aea2}
.lesson-list a:nth-child(2){background:#b8bea9}
.lesson-list a:nth-child(3){background:#b7c8cd}
.lesson-list a:nth-child(4){background:#c4bfd0}
.lesson-list a:hover,.lesson-list a:focus-visible{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}
.lesson-list strong{grid-column:2;align-self:center}.lesson-list em{grid-column:2;grid-row:3;color:var(--ink)}.lesson-list b{grid-column:3;grid-row:1;font-size:22px}
.curriculum-pointer{grid-column:1;align-self:start;padding-top:18px;overflow:visible}.curriculum-pointer img{width:175px;max-width:none;transform:translateX(-18px) rotate(-2deg);transition:transform .18s ease}.lessons:hover .curriculum-pointer img{transform:translateX(-8px) rotate(-2deg)}
@media(max-width:820px){.lesson-list{grid-template-columns:1fr}.lesson-list a{min-height:180px}.brand-lockup img{width:56px;height:56px}}
@media(max-width:820px){.curriculum-pointer{grid-column:1;justify-self:start;padding-top:0;margin-bottom:-4px}.curriculum-pointer img{width:125px;transform:rotate(-2deg)}.lessons:hover .curriculum-pointer img{transform:translateX(6px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.brand-lockup img,.lesson-list a,.curriculum-pointer img,.episode-frame,.status span{transition:none}.brand-lockup:hover img,.lesson-list a:hover,.lesson-list a:focus-visible,.lessons:hover .curriculum-pointer img,.episode-link:hover .episode-frame,.episode-link:focus-visible .episode-frame{transform:none}}
