*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}.shell{max-width:1400px;margin:auto;padding:0 5.2%}.header{display:flex;justify-content:space-between;align-items:center;min-height:112px;border-bottom:1px solid #17172b38;gap:1.5rem}.wordmark{display:flex;gap:12px;align-items:center;font-weight:850;font-size:1.35rem;text-decoration:none;letter-spacing:-.06em}.brand-symbol{background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;width:36px;height:36px;font-size:1rem;letter-spacing:-.08em}.header nav{display:flex;gap:2rem;align-items:center;font-size:.88rem}.header nav a{text-decoration:none}.channel-nav{border:1px solid var(--ink);padding:.55rem .9rem;border-radius:3px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:72px 0 66px;align-items:center}.eyebrow{text-transform:uppercase;font-family:monospace;font-size:.73rem;letter-spacing:.12em;font-weight:600;margin:0 0 1.4rem}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(3.4rem,6.5vw,6.5rem);line-height:1.02;letter-spacing:-.075em;margin:.15em 0 .35em;font-weight:850}h1 em{font-family:Georgia,serif;font-weight:500;color:var(--purple)}.lede{font-size:1.13rem;line-height:1.65;max-width:35em}.hero .lede{max-width:26em}.actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin:2rem 0}.button{display:inline-flex;justify-content:space-between;gap:1.7rem;align-items:center;background:var(--ink);color:var(--paper);padding:.9rem 1.2rem;border:1px solid var(--ink);text-decoration:none;border-radius:3px;font-size:.9rem;font-weight:600}.button:hover{background:var(--purple)}.text-link{font-size:.9rem;font-weight:650}.small{font-size:.78rem;line-height:1.6;color:#4f4b56}.hero-note{margin-top:2.1rem}.play-panel{aspect-ratio:1;background:var(--purple);color:var(--paper);padding:1.5rem 1.6rem;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:3px}.panel-label,.panel-bottom{font-family:monospace;font-size:.65rem;letter-spacing:.1em}.type-play{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;align-items:center;justify-items:center;padding:1.3rem 0;font-weight:900;line-height:.8;font-size:clamp(6.5rem,14vw,13rem);letter-spacing:-.12em}.type-play span:nth-child(1){color:var(--amber);transform:rotate(-11deg)}.type-play span:nth-child(2){transform:rotate(7deg);font-family:Georgia,serif;font-style:italic}.type-play span:nth-child(3){color:var(--amber);font-family:Georgia,serif;font-style:italic;transform:rotate(8deg)}.type-play span:nth-child(4){transform:rotate(-9deg)}.panel-bottom{display:flex;justify-content:space-between;align-items:center}.panel-cross{font-size:1.8rem;line-height:1}.intro-strip{border-top:1px solid #17172b38;border-bottom:1px solid #17172b38;padding:1.8rem 0;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro-strip p{margin:0;font-size:.92rem;max-width:34em}.intro-strip strong{display:block;font-size:1.45rem;font-weight:650;letter-spacing:-.045em}.intro-strip .eyebrow{display:block;margin-bottom:.4rem}.section{padding:4.5rem 0}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2.5rem}.section-heading .eyebrow{margin-bottom:.6rem}h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.1;letter-spacing:-.055em;margin:.2rem 0 1rem}h3{font-size:1.35rem;letter-spacing:-.035em;line-height:1.3;margin:.2rem 0 .8rem}.period{color:var(--purple)}.empty{display:flex;gap:2rem;padding:2rem 2.2rem;background:#efeadf;border:1px solid #17172b18;border-radius:3px}.empty p{font-size:.93rem;max-width:40em}.index-number{font-family:Georgia,serif;font-size:2.8rem;line-height:1;color:var(--purple);min-width:80px}.source-strip{background:var(--ink);color:var(--paper);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-radius:3px;margin-bottom:4rem}.source-strip .eyebrow{color:var(--amber)}.source-strip h2{font-size:2.3rem;line-height:1.16}.source-strip p{font-size:.95rem;max-width:30em}.source-strip .text-link{color:var(--amber)}footer{border-top:1px solid #17172b38;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 0;color:#4f4b56;font-size:.72rem}footer div{display:flex;gap:1.5rem}footer .footer-brand{font-size:.95rem;font-weight:700;text-decoration:none;color:var(--ink)}.skip{position:fixed;left:1rem;top:-8rem;padding:1rem;background:var(--paper);z-index:99}.skip:focus{top:1rem}.article-head{padding:4rem 0 2rem;max-width:1000px}.article-head h1{font-size:clamp(3rem,5vw,5rem)}.article-body{max-width:760px;padding-bottom:4rem}.article-body>p,.article-body section>p{max-width:65ch}.article-body h2{font-size:1.8rem;margin-top:2.6rem}.article-body h3{font-size:1.1rem}.article-body li{margin-bottom:1rem}.article-body section{margin-bottom:2rem}.claim{padding:1.4rem 0;border-top:1px solid #17172b38}.claim .eyebrow{margin-bottom:.7rem}.video-shell{background:var(--ink);color:var(--paper);padding:1rem;border-radius:3px}.video-shell .small{color:var(--paper);opacity:.85}.video-button{background:var(--purple);border:1px solid #ffffff50;color:var(--paper);width:100%;aspect-ratio:16/9;font-weight:650}.video-shell iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.video-button:focus-visible{outline-color:var(--amber)}.notice{padding:1rem;background:#efeadf}figure{margin:2rem 0}figure img,figure video{max-width:100%;height:auto}figcaption{font-size:.8rem}dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#4f4b56;margin-top:1.2rem}dd{margin:0}.search-controls{margin:2rem 0}.search-controls label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.search-controls input{display:block;max-width:100%;width:600px;border:1px solid #77717c;background:transparent;border-radius:3px;padding:.85rem;color:var(--ink);font-size:.95rem}.record{padding:1.8rem 0;border-top:1px solid #17172b38}.record .eyebrow{margin-bottom:.6rem}.record p{max-width:65ch}.record h2{font-size:1.5rem}.record h3{font-size:1.5rem}.record a{text-decoration-thickness:1px}@media(max-width:760px){.shell{padding:0 6%}.header{min-height:92px;gap:1rem}.wordmark{font-size:1.08rem;gap:8px}.brand-symbol{width:29px;height:29px;font-size:.8rem}.header nav{gap:1rem;font-size:.75rem}.channel-nav{border:0;padding:0}.hero{grid-template-columns:1fr;padding:3rem 0;gap:2rem}.hero h1{font-size:clamp(3.9rem,12vw,6rem)}.hero .lede{max-width:32em}.play-panel{max-width:520px;width:100%;aspect-ratio:1.15}.type-play{font-size:clamp(6rem,28vw,11rem);padding:1.2rem 0}.hero-note{margin-top:1.5rem}.intro-strip{grid-template-columns:1fr;gap:1rem}.section{padding:3rem 0}.section-heading{display:block}.section-heading>.small{display:block;margin-top:.8rem}.empty{padding:1.5rem;gap:1rem}.index-number{min-width:50px;font-size:2rem}.source-strip{grid-template-columns:1fr;padding:2rem 1.5rem;gap:.5rem;margin-bottom:2.5rem}footer{flex-wrap:wrap;justify-content:flex-start;column-gap:2rem}footer div{flex-basis:100%}.article-head{padding-top:3rem}.article-head h1{font-size:clamp(2.8rem,10vw,4rem)}}@media(max-width:400px){.header{flex-wrap:wrap;padding:1.2rem 0}.header nav{width:100%;justify-content:space-between}.hero h1{font-size:3.7rem}.actions{gap:1rem}.empty{display:block}.index-number{display:block;margin-bottom:1rem}.play-panel{padding:1.1rem}.panel-label{font-size:.58rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.header nav,.actions,.search-controls,footer,.play-panel{display:none}.shell{max-width:none;padding:0}.hero{display:block}.source-strip{background:white;color:black}a{text-decoration:underline}a[href^="https"]:after{content:" (" attr(href) ")";font-size:.7rem}.section{padding:1rem 0}}

.brand-logo{width:36px;height:36px;object-fit:contain}.hero-media{margin:0}.hero-media img,.hero-media video{display:block;width:100%;height:auto;border-radius:3px}.hero-media figcaption{padding-top:.5rem}
.video-shell iframe,.video-button{min-height:200px}

/* The header works as a wordmark when the mascot is retired. */
.wordmark .brand-logo{width:100px;height:auto;max-height:56px;border:none;border-radius:0;object-fit:contain}.wordmark:has(.brand-logo) span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-media{position:relative}.hero-media button{margin:.65rem 0 .1rem;padding:.25rem .75rem;background:var(--paper);border:1px solid var(--ink);color:var(--ink);border-radius:3px}.hero-media picture img{aspect-ratio:1}.hero-media figcaption{color:var(--ink)}

/* Launch palette: a sea-glass cover field, with brick used for editorial accents. */
.wordmark .brand-logo{width:145px;max-height:54px}
.hero{background:var(--seaglass,#bbd9ca);border-radius:8px;padding:clamp(22px,4vw,60px);margin:30px 0}
.hero .eyebrow,.section-heading .eyebrow,.article-head .eyebrow{color:#763332}
.hero .hero-media{max-width:440px;justify-self:center}
.hero-media button{background:var(--paper)}
.intro-strip{border-top:3px solid var(--brick,#a44343)}
@media(max-width:760px){.wordmark .brand-logo{width:108px;max-height:46px}.hero{margin:18px 0}.header{gap:.5rem}}
