:root{--ink:#e7edf0;--muted:#bdcdd5;--blue:#081522;--deep:#091020;--gold:#e4bb80;--paper:#eee0bf;--aqua:#a8ddec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 6%,#2444634d,transparent 34%),radial-gradient(ellipse at 85% 18%,#74503a35,transparent 40%),linear-gradient(145deg,#07121c,#0b1b2d 56%,#091422);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{color:inherit}a:focus-visible{outline:3px solid #fed18d;outline-offset:4px}img{max-width:100%;height:auto} .wrap{max-width:1200px;margin:auto;padding:22px clamp(12px,3vw,32px) 65px}
.masthead{text-align:center;padding:clamp(20px,4vw,46px) 15px 27px;border:1px solid #b99a6b66;border-radius:18px;background:radial-gradient(ellipse at 50% -10%,#405c774a,transparent 60%),linear-gradient(130deg,#111e30,#152943 58%,#131e32);box-shadow:0 15px 45px #0007}
.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:750;color:#f2cfa0;text-transform:uppercase}.masthead h1{font:normal clamp(31px,6.4vw,65px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:.03em;margin:13px auto 8px;color:#fff}.masthead .sub{font:italic clamp(18px,3vw,25px)/1.4 Georgia,serif;color:#efcd9a;margin:0 auto 14px}.masthead p,.intro p{max-width:820px;margin:8px auto;color:#d4e2e9}.stars{font-size:20px;color:#dfbb80;letter-spacing:.55em;margin-bottom:8px}
.nav{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:24px 0}.pill{display:inline-block;border:1px solid #a7b5bb80;padding:10px 15px;border-radius:50px;text-decoration:none;color:white;background:#183348;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.pill.gold{background:#eacb93;color:#182639;border-color:#eacb93}.pill:hover{background:#28506d;transform:translateY(-2px)}.pill.gold:hover{background:#ffe5b8}
.intro{margin:24px auto 29px;border-left:3px solid var(--gold);padding:10px 25px;background:#ffffff0a;border-radius:5px}.intro p{margin:9px 0}.quote{font:italic 22px/1.5 Georgia,serif;color:#f1d49b}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.tile{overflow:hidden;background:#14283a;border:1px solid #b69a7a77;border-radius:13px;display:flex;flex-direction:column;min-width:0}.tile>a.image{display:block;line-height:0;overflow:hidden}.tile img{width:100%;aspect-ratio:1122/1402;object-fit:cover;display:block;transition:transform .25s}.tile img:hover{transform:scale(1.035)}.tile .copy{padding:16px;flex:1;display:flex;flex-direction:column}.serial{font-weight:800;font-size:11px;letter-spacing:.16em;color:#f0cb96}.tile h2{font:normal clamp(20px,2.1vw,27px)/1.22 Georgia,serif;color:white;margin:8px 0}.tile p{font-size:13px;color:#c8d7dc;margin:6px 0 16px}.tile .micro{margin-top:auto;color:#eed3a9;text-decoration:none;font-weight:700;font-size:12px}
.book{margin-top:30px}.book h2{font:normal clamp(24px,4vw,38px)/1.17 Georgia,serif;margin:10px 0}.page{scroll-margin-top:22px;margin:24px auto 43px;max-width:1050px;background:#ffffff0a;border:1px solid #d5bd9670;border-radius:13px;padding:clamp(12px,2.6vw,28px)}.pagehead{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.page h2{font:normal clamp(24px,4vw,36px)/1.2 Georgia,serif;margin:0}.page .art{width:100%;display:block;max-width:820px;margin:0 auto;border:1px solid #d9b988;border-radius:6px;box-shadow:0 18px 32px #0008}.transcript{max-width:820px;margin:18px auto 9px;padding:12px 20px;border-left:3px solid #e5bd81;color:#dbe7ee;background:#162b3b}.transcript h3{color:#efcf9b;margin:3px 0 8px;font-size:14px;letter-spacing:.08em}.transcript p{margin:5px 0;font:italic 17px/1.48 Georgia,serif}.pageactions{max-width:820px;margin:17px auto 0;display:flex;gap:8px;flex-wrap:wrap}
footer{margin:52px auto 0;border-top:1px solid #d7bd9360;padding:20px 7px 0;text-align:center;color:#bfcbd3;font-size:12px}.credit{font:italic 16px Georgia,serif;color:#f3cd91;margin-top:12px}footer p{margin:7px auto;max-width:890px}.footlink{color:#f2d29f}.notice{font-size:12px;color:#a9bac2;margin:12px 0}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile .copy{padding:10px}.tile h2{font-size:17px}.tile p{font-size:12px}.masthead{border-radius:11px}.intro{padding:9px 14px}.page{padding:9px}.transcript p{font-size:15px}.eyebrow{letter-spacing:.11em}.quote{font-size:19px}}@media(max-width:380px){.grid{grid-template-columns:1fr}.tile img{aspect-ratio:1122/1402}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}