/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg:#101114;--surface:#1a1c21;--raised:#24272d;--text:#f4f0e8;--muted:#b8b7b3;--orange:#d94b1f;--burnt:#a63816;--red:#e32620;--yellow:#ffc247;--line:#42454c;--bright:#ff865c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;background:var(--yellow);color:var(--bg);padding:10px;z-index:5}.skip:focus{top:12px}header{max-width:1440px;margin:auto;min-height:100px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-size:20px;font-weight:900;letter-spacing:-.7px;text-decoration:none;white-space:nowrap}.brand>span:not(.brand-mark){color:var(--muted)}.brand b{color:var(--bright);margin-left:4px}.brand-mark{display:grid;place-items:center;width:34px;height:38px;background:var(--orange);color:var(--bg);clip-path:polygon(0 0,100% 0,100% 77%,70% 100%,0 100%);margin-right:12px;font-size:28px}nav{display:flex;gap:28px;font-size:13px;font-weight:bold}nav a{text-decoration:none;padding:9px 0;color:var(--muted)}nav a:hover{color:var(--text)}nav .current{color:var(--text);border-bottom:3px solid var(--orange)}main{max-width:1440px;margin:auto;padding:0 5% 80px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:55px 0 40px;align-items:center}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow{color:var(--muted);margin:0 0 16px}h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;letter-spacing:-3px;margin:0;font-weight:900}h1 em{font-style:normal;color:var(--bright)}.lede{color:var(--muted);font-size:17px;margin:24px 0 0}.hero-art{height:340px;position:relative;overflow:hidden;background:linear-gradient(145deg,#292023,#1a1c21);border:1px solid #5d3428;clip-path:polygon(10% 0,100% 0,100% 90%,94% 100%,0 100%,0 15%)}.sun{position:absolute;width:230px;height:230px;left:38%;top:25px;background:var(--orange);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.ridge{position:absolute;inset:45% -10% -5%;background:#101114;clip-path:polygon(0 58%,20% 28%,28% 41%,44% 1%,56% 22%,68% 14%,87% 43%,100% 30%,100% 100%,0 100%)}.ridge-back{background:#3b2826;inset:30% -20% 0}.figure{position:absolute;left:57%;bottom:65px;width:44px;height:93px;background:#0b0c0e;clip-path:polygon(37% 0,65% 0,76% 15%,64% 28%,89% 36%,100% 80%,71% 69%,70% 100%,51% 100%,47% 67%,33% 100%,12% 100%,23% 52%,0 65%,12% 35%,37% 27%,24% 16%)}.hero-art>span{position:absolute;bottom:12px;left:22px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.demo-note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--yellow);display:flex;align-items:center;gap:16px;padding:15px 20px;font-size:12px;color:var(--muted)}.demo-note strong{color:var(--text);white-space:nowrap}.marker{color:var(--yellow)}.workspace{display:grid;grid-template-columns:270px 1fr;gap:42px;margin-top:50px}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 24px}h3{font-size:15px;margin:0 0 15px}.series-list{display:grid;gap:12px}.series-card{text-align:left;width:100%;background:var(--surface);color:var(--text);padding:0;border:1px solid var(--line)}.series-card:hover{border-color:var(--bright)}.series-card[aria-pressed=true]{border-color:var(--orange);box-shadow:inset 3px 0 var(--orange)}.mini-art{height:95px;overflow:hidden;position:relative;background:#292023;display:block}.mini-art:before{content:'';position:absolute;background:var(--burnt);width:90px;height:90px;right:25px;top:10px;transform:rotate(15deg)}.mini-art:after{content:'';position:absolute;inset:20px -5px -5px;background:#101114;clip-path:polygon(0 100%,0 60%,15% 75%,39% 6%,56% 51%,70% 27%,100% 65%,100% 100%)}.mini-art.b{background:#24272d}.mini-art.b:before{background:#5b5140;transform:rotate(45deg);right:70px}.series-card .card-copy{display:block;padding:14px 17px}.card-copy strong{display:block;font-size:16px}.card-copy small{color:var(--muted);font-size:11px}.aside-note{color:var(--muted);font-size:11px;margin:20px 0}.detail{min-width:0}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-heading h2{margin-bottom:10px}.detail-heading .eyebrow{color:var(--bright);margin-bottom:8px}.text-button{border:0;border-bottom:1px solid var(--line);padding:7px 0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.text-button:hover{color:var(--text)}.description{color:var(--muted);font-size:14px;max-width:650px;margin:0 0 30px}.episode-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.episode-button{width:100%;text-align:left;display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:15px;margin-bottom:10px}.episode-button:hover{border-color:var(--bright)}.episode-button[aria-pressed=true]{background:var(--raised);border-color:var(--orange);box-shadow:inset 3px 0 var(--orange)}.episode-number{color:var(--muted);font-size:24px;font-weight:900}.episode-button strong{font-size:13px;display:block}.episode-button small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.episode-view{background:var(--surface);border:1px solid var(--line);min-width:0}.video-empty{aspect-ratio:16/9;background:#0b0c0e;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;border-bottom:1px solid var(--line)}.frame-icon{border:1px solid #555861;display:grid;place-items:center;width:44px;height:36px;position:relative;margin-bottom:15px;color:var(--muted)}.video-empty strong{font-size:14px}.video-empty p{font-size:12px;color:var(--muted);margin:8px 0 0;max-width:270px}.episode-copy{padding:22px}.episode-copy h3{font-size:23px;letter-spacing:-.5px;margin:10px 0}.episode-copy p{font-size:13px;color:var(--muted)}.tag{font-size:9px;letter-spacing:1px;font-weight:bold;display:inline-block;background:var(--raised);border:1px solid var(--line);padding:3px 7px}.tag.unavailable:before{content:'■ ';color:var(--red)}.episode-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.primary,.secondary{padding:9px 13px;border:1px solid var(--orange);font-size:12px;font-weight:800}.primary{background:var(--orange);color:#08090b}.secondary{background:transparent;color:var(--text);border-color:var(--line)}button:disabled{opacity:.45;cursor:default}.empty-state{border:1px dashed var(--line);padding:24px;background:var(--surface);font-size:14px}.empty-state p{color:var(--muted);font-size:13px}.empty-state .primary{margin-top:12px}footer{border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:25px 5%;color:var(--muted);font-size:10px;letter-spacing:1px}footer p{font-size:12px;letter-spacing:0}.footer-brand{font-weight:900;color:var(--text)}.footer-brand span{color:var(--bright)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){.workspace{grid-template-columns:230px 1fr;gap:26px}.episode-layout{grid-template-columns:1fr}.episode-layout>div:first-child #episode-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.episode-button{margin:0}.hero-art{height:300px}}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:10px;padding-top:20px;padding-bottom:10px}nav{gap:24px;width:100%;font-size:12px}.intro{grid-template-columns:1fr;padding-top:35px;gap:25px}h1{font-size:52px;letter-spacing:-2px}.hero-art{height:215px}.sun{width:170px;height:170px;top:5px}.figure{bottom:35px}.demo-note{align-items:flex-start;flex-wrap:wrap;gap:7px 12px;padding:13px}.demo-note>span:last-child{flex-basis:100%}.workspace{grid-template-columns:1fr;margin-top:32px;gap:30px}.series-list{grid-template-columns:1fr 1fr;gap:10px}.mini-art{height:70px}.series-card .card-copy{padding:12px}.card-copy strong{font-size:14px}.aside-note{margin-bottom:0}.detail-heading{align-items:flex-start}.detail-heading h2{font-size:28px}.episode-layout>div:first-child #episode-list{grid-template-columns:1fr}.episode-button{padding:12px}footer{flex-wrap:wrap;gap:5px 15px}footer>span:last-child{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}nav{flex-wrap:wrap}
