:root{--red:#e94738;--bone:#eee9de;--muted:#b8b8b0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:#111212;color:var(--bone);font:17px/1.65 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,105px)}header{height:78px;border-bottom:1px solid #403f3b;background:#101111}nav,.brand{display:flex;align-items:center;gap:28px}nav{font-size:14px}.brand{gap:11px}.brand b{font:900 24px/.8 Arial,sans-serif;letter-spacing:.06em}.brand span{display:block;font:9px/1.5 monospace;letter-spacing:.24em;margin-top:5px}.mark{width:29px;height:37px;transform:skew(-13deg);background:repeating-linear-gradient(90deg,var(--red) 0 5px,transparent 5px 10px);clip-path:polygon(0 19%,100% 0,100% 83%,0 100%)}nav a:hover,footer span,.case,.eyebrow{color:var(--red)}.hero{min-height:580px;height:min(76vh,800px);position:relative;isolation:isolate;overflow:hidden;background:#090b0b}.portrait,.shade,.frame{position:absolute;inset:0}.portrait{left:auto;width:73%;height:100%;object-fit:cover;object-position:50% 34%;z-index:-3}.shade{z-index:-2;background:linear-gradient(90deg,#090b0b 6%,rgba(9,11,11,.98) 25%,rgba(9,11,11,.67) 43%,transparent 68%),linear-gradient(0deg,#0d0e0e 0%,transparent 20%)}.frame{inset:24px;pointer-events:none;opacity:.5;background:linear-gradient(#b7b3a8,#b7b3a8) left top/19px 1px,linear-gradient(#b7b3a8,#b7b3a8) left top/1px 19px,linear-gradient(#b7b3a8,#b7b3a8) right bottom/19px 1px,linear-gradient(#b7b3a8,#b7b3a8) right bottom/1px 19px;background-repeat:no-repeat}.intro{position:relative;top:50%;transform:translateY(-50%);padding:0 6vw;max-width:750px}.case,.eyebrow,.rec,.capture,small,.meta,footer{font:12px/1.6 'Courier New',monospace;letter-spacing:.12em}.case,.rec{display:flex;align-items:center;gap:10px}.case i{width:34px;height:2px;background:var(--red)}h1,h2,h3,p{margin:0}h1{font-family:Georgia,'Leelawadee UI',Tahoma,serif;letter-spacing:-.06em;line-height:1.12;margin:22px 0}h1 span,h1 strong{display:block}h1 span{font-size:clamp(84px,8vw,137px)}h1 strong{font-size:clamp(52px,5.6vw,95px);color:var(--red)}.intro p{font-size:24px;font-weight:bold}.line{font-size:16px;color:#cbc9bf;margin:4px 0 26px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--red);padding:11px 20px;color:#17110f;font-weight:bold}.primary:hover{background:#ff6855}.rec,.capture{position:absolute;right:36px;color:#eee;font-size:11px}.rec{top:29px}.rec i{border-radius:50%;background:var(--red);width:7px;height:7px}.capture{bottom:32px}.section{max-width:1440px;margin:auto;padding:62px 6vw 20px}.sectiontitle{display:flex;align-items:center;justify-content:space-between}.section h2{font-size:clamp(32px,3.3vw,54px);letter-spacing:-.04em}.folder{margin-top:18px;border-block:1px solid #44433d;display:flex;align-items:center;gap:28px;padding:23px 0}.tag{background:#c8beab;color:#282621;min-width:138px;text-align:center;padding:10px 12px;transform:rotate(-3deg);clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 9%)}.tag div,.tag span{display:block;font:10px/1.4 monospace}.tag b{display:block;font:900 48px/1 Arial}.tag i{display:block;margin-top:5px;height:12px;background:repeating-linear-gradient(90deg,#282621 0 2px,transparent 2px 5px,#282621 5px 6px,transparent 6px 8px)}.folder h3{font-size:29px}.folder p,.narrow p{color:#c7c6bf}.meta,small{color:var(--muted)}.meta{margin-top:10px;letter-spacing:.04em}.arrow{margin-left:auto;font-size:32px;padding:10px}.narrow{max-width:980px}.narrow h2{margin-bottom:20px}.narrow p{margin:15px 0}.narrow blockquote{margin:26px 0;border-left:3px solid var(--red);padding-left:24px;font-size:30px}.choices{display:flex;gap:12px;flex-wrap:wrap}.choices button{background:#202120;color:var(--bone);border:1px solid #6e6d65;padding:12px 16px;font:inherit;cursor:pointer}.choices button[aria-pressed=true]{border-color:var(--red)}footer{border-top:1px solid #41413b;margin-top:70px;padding-block:25px;font-size:11px}a:focus-visible,button:focus-visible{outline:3px solid #ffba82;outline-offset:4px}@media(max-width:650px){header{height:64px}nav{gap:14px;font-size:12px}.hero{height:730px;min-height:0}.portrait{width:100%;height:65%;object-position:50% 20%}.shade{background:linear-gradient(0deg,#090b0b 10%,#090b0b 32%,rgba(9,11,11,.5) 58%,transparent 78%)}.intro{top:auto;position:absolute;bottom:54px;transform:none}.intro h1{margin:12px 0}.rec{right:21px}.capture{right:24px;bottom:18px;font-size:9px}.section{padding-top:40px}.folder{gap:13px}.tag{min-width:65px;padding:7px}.tag div{font-size:7px}.folder h3{font-size:22px}.folder p{font-size:14px}.arrow{padding:0}.frame{inset:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:PraeSerif;src:url(/assets/thai.ttf) format("truetype");font-weight:100 900;font-display:swap}h1,h2,h3,.intro p{font-family:PraeSerif,Georgia,serif}.intro h1{font-family:PraeSerif,Georgia,serif}.fx{position:absolute;right:32px;bottom:60px;padding:5px 12px;border:1px solid #96968a;background:#151615aa;color:#eee;cursor:pointer}.hero.motion .portrait{animation:push 14s ease-in-out infinite alternate}@keyframes push{to{transform:scale(1.055)}}.arc-link,.back{color:#ffa195;font-size:15px}.arc-link{margin-left:auto;white-space:nowrap}.people,.episodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.people article{border-top:1px solid #5b514c;padding-top:12px}.people h3{font-size:26px;margin-top:10px}.people p{color:var(--muted)}.castphoto,.voicetag{height:170px;background:#181b1a}.castphoto{background:url(/assets/prae.png) center 26%/cover}.voicetag{display:grid;place-items:center;background:radial-gradient(ellipse at center,#39211e,#181817 75%)}.wave{width:min(250px,75%);height:58px;background:repeating-linear-gradient(90deg,#ee5343 0 2px,transparent 2px 5px);clip-path:polygon(0 48%,10% 40%,15% 49%,20% 14%,23% 47%,32% 23%,37% 45%,42% 3%,46% 42%,50% 28%,58% 46%,64% 20%,71% 44%,81% 10%,85% 41%,100% 48%,100% 53%,85% 59%,81% 90%,71% 56%,64% 80%,58% 54%,50% 72%,46% 58%,42% 97%,37% 55%,32% 77%,23% 53%,20% 86%,15% 51%,10% 60%,0 52%)}.seasonhead,.reader{padding:40px 6vw}.seasonhead{background:linear-gradient(90deg,#101111 18%,#101111d9 53%,#10111136),url(/assets/prae.png) right 29%/cover;min-height:420px}.seasonhead .eyebrow,.reader .eyebrow{margin-top:30px}.seasonhead h1,.reader h1{font-size:clamp(37px,5vw,72px);line-height:1.4}.seasonhead p{max-width:530px}.episodes{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.episodes>*{display:grid;gap:10px;padding:18px;border-top:1px solid #454642;background:#191a19}.episodes .available{grid-column:1/-1;background:linear-gradient(100deg,#381b18,#191a19);border-color:var(--red)}.available strong{font:700 28px PraeSerif,serif}.pending{color:#aaa}.reader{max-width:930px;margin:auto}.reader .sheet{min-height:430px;padding:35px clamp(20px,5vw,60px);display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;overflow:hidden}.sheet[hidden]{display:none}.sheet h2{font-size:clamp(35px,5vw,65px);line-height:1.4}.message{background:radial-gradient(at top right,#313d39,#151a19 80%)}.face{background:linear-gradient(90deg,#111d,transparent),url(/assets/prae.png) center 32%/cover}.face p{background:#090b0bc9;display:inline-block;padding:7px}.zipper{background:linear-gradient(100deg,#100e0d,#372d27)}.seam{position:absolute;top:0;right:15%;height:110%;width:15px;transform:rotate(12deg);background:repeating-linear-gradient(20deg,#292521 0 4px,#95897d 5px 7px)}.pager{display:flex;align-items:center;justify-content:space-between;margin:16px 0 30px}.pager button{background:#272725;color:var(--bone);padding:10px 14px;border:1px solid #625851;font:inherit;cursor:pointer}.pager button:disabled{opacity:.35}.pager span{font-size:13px}@media(max-width:650px){.fx{right:18px;bottom:42px}.arc-link{font-size:13px}.castphoto,.voicetag{height:105px}.people p{font-size:14px}.seasonhead{background-position:68% center}.reader .sheet{min-height:400px}.intro{max-width:100%}}
/* Homepage portal */
body:has(.archive){background:radial-gradient(ellipse at 10% 50%,#25181c 0,transparent 48%),#101214}
body:has(.archive) header{position:relative;gap:18px}.resume,.signals>a{background:var(--red);color:#160e0d;padding:8px 16px;font-weight:700}.hero-meta{margin-top:18px;color:#c5b7ad;font:12px/1.5 monospace}.actions,.cardfoot{display:flex;align-items:center;gap:22px}.textlink{font-size:15px;border-bottom:1px solid #88554e;padding:7px 0}.archive .sectiontitle,.castlayout,.signals{border-bottom:1px solid #453734}.covergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:20px}.covercard{border:1px solid #64463e;background:#21191b}.coverart{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:linear-gradient(0deg,#21191b,transparent 60%),url(/assets/prae.png) center 31%/cover}.coverart>span{position:absolute;left:10px;top:10px;padding:3px 7px;color:#f4c6bb;background:#1b1112;font:10px monospace}.paper{position:absolute;right:7%;bottom:5%;display:grid;text-align:center;padding:5px 12px;background:#d5c3a8;color:#201716;transform:rotate(8deg)}.paper small{color:#302924;font-size:9px}.paper b{font:25px PraeSerif,serif}.paper i{height:6px;background:repeating-linear-gradient(90deg,#221 0 2px,transparent 2px 4px)}.coverinfo{padding:16px}.coverinfo h3{font-size:24px}.coverinfo p,.people p,.signals p{color:#c1b6af;font-size:15px}.coverinfo .meta{margin:24px 0 12px}.cardfoot{border-top:1px solid #59403a;justify-content:space-between;padding-top:12px;color:#ff9586;font-size:14px}.castlayout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;padding-block:70px}.castlayout .people{margin:0}.castlayout h2{line-height:1.45;margin:15px 0 24px}.castlayout .castphoto,.castlayout .voicetag{height:auto;aspect-ratio:3/4}.castlayout .voicetag{align-content:center;gap:18px}.signals{margin:28px auto 0;width:88%;max-width:1268px;background:#16191a;border:1px solid #4b3e3a;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.signals h2{font-size:26px}.archive{min-height:0}.hero{height:clamp(500px,39vw,720px);min-height:0}.intro h1 span{display:inline-block}.intro h1 strong{display:inline-block;margin-left:.15em}.intro h1{white-space:nowrap}.intro{max-width:850px}
@media(max-width:1000px){.covergrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.covergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.castlayout{grid-template-columns:1fr}.signals{flex-wrap:wrap}.hero{height:640px}.intro h1{white-space:normal}.intro h1 span,.intro h1 strong{display:block;margin:0}body:has(.archive) header{height:auto;flex-wrap:wrap;padding-block:10px}body:has(.archive) nav{order:3;width:100%;justify-content:space-between}.resume{font-size:13px}}@media(max-width:520px){.covergrid{grid-template-columns:1fr}.hero{height:690px}.signals{align-items:flex-start;flex-direction:column}.archive .sectiontitle small{font-size:10px}}