:root{--bg:#15110c;--panel:#20180f;--paper:#e9dfc9;--ink:#20170f;--text:#e8dec9;--muted:#a89b84;--line:#493a27;--accent:#caa45a;--red:#932f28;--serif:'Newsreader',Georgia,serif;--body:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--shadow:0 28px 80px #0009}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,#8d56201e,transparent 34%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");z-index:20;mix-blend-mode:screen}.site-header{height:86px;display:flex;align-items:center;gap:38px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);position:relative;z-index:30;background:#15110ce8;backdrop-filter:blur(16px)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--accent);font:600 18px var(--serif);border-radius:50%}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font:500 12px var(--mono);letter-spacing:.18em}.brand-copy small{font:italic 13px var(--serif);color:var(--muted)}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.13em}nav a:hover{color:var(--accent)}.mode-switch{display:flex;align-items:center;gap:11px;background:none;color:inherit;border:0;cursor:pointer;padding:7px}.switch-track{width:48px;height:25px;border-radius:99px;border:1px solid var(--accent);padding:3px;display:flex}.switch-knob{width:17px;height:17px;border-radius:50%;background:var(--accent);transition:transform .35s}.switch-label{text-align:left;display:flex;flex-direction:column}.switch-label b{font:500 10px var(--mono);letter-spacing:.14em}.switch-label small{color:var(--muted);font:11px var(--serif)}main{overflow:hidden}.hero{min-height:720px;position:relative;display:grid;align-items:center;padding:80px clamp(24px,8vw,130px);isolation:isolate}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#0d0a06f0 0%,#0d0a0690 44%,#0d0a061c 76%),linear-gradient(0deg,#15110c 0%,transparent 25%),url('assets/study-room-v1.png') center/cover;z-index:-1}.hero-copy{max-width:700px}.eyebrow,.section-no{font:500 10px var(--mono);letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.hero h1{font:600 clamp(58px,8vw,118px)/.84 var(--serif);letter-spacing:-.055em;margin:.24em 0}.hero h1 em{font-weight:400;color:#d3bc8d}.standfirst{font:400 clamp(19px,2vw,27px)/1.45 var(--serif);max-width:610px;color:#c8bda8}.read-feature{border:0;border-bottom:1px solid var(--accent);background:none;color:var(--text);padding:14px 0;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.read-feature span{color:var(--accent);margin-left:18px}.field-card{position:absolute;right:6vw;bottom:70px;width:260px;border-left:1px solid var(--accent);padding:10px 20px;background:#17110c99;backdrop-filter:blur(10px)}.field-card span{font:10px var(--mono);color:var(--accent);letter-spacing:.14em}.field-card p{font:italic 18px/1.4 var(--serif);margin:.7em 0}.manifesto{display:grid;grid-template-columns:150px 1.2fr .8fr;gap:4vw;padding:130px clamp(24px,8vw,130px);border-bottom:1px solid var(--line)}.manifesto blockquote{font:400 clamp(37px,5vw,72px)/1.05 var(--serif);margin:0;letter-spacing:-.035em}.manifesto blockquote em{color:var(--accent)}.manifesto-copy{color:var(--muted);font:17px/1.75 var(--body);max-width:520px}.manifesto-copy p:first-child:first-letter{float:left;font:76px/.7 var(--serif);color:var(--accent);padding:11px 10px 0 0}.library,.latest{padding:120px clamp(24px,6vw,96px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section-head h2{font:600 clamp(45px,6vw,82px)/1 var(--serif);margin:.15em 0}.section-head>p{font:11px var(--mono);color:var(--muted)}.shelf-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:50px}.shelf-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 13px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.shelf-filters button.active,.shelf-filters button:hover{border-color:var(--accent);color:var(--accent)}.shelf{margin:0 0 58px}.shelf-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;font:10px var(--mono);letter-spacing:.17em;color:var(--muted);text-transform:uppercase}.books{display:flex;align-items:end;gap:4px;min-height:215px;padding:0 14px;border-bottom:18px solid #53381f;box-shadow:0 12px 10px -8px #000,0 22px 0 -12px #2c1d10;overflow-x:auto}.book{--book:#6c3429;flex:0 0 var(--w,52px);height:var(--h,180px);border:0;border-radius:4px 5px 1px 1px;color:#f2e4c7;cursor:pointer;position:relative;padding:13px 8px;background:linear-gradient(90deg,#0004,transparent 15%,#fff1 50%,#0005),var(--book);box-shadow:inset 2px 0 #fff2,inset -3px 0 #0004,4px 1px 3px #0008;transition:.22s transform,.22s filter;writing-mode:vertical-rl;text-align:left;font:600 12px/1.1 var(--serif);letter-spacing:.02em}.book::before,.book::after{content:'';position:absolute;left:0;right:0;height:2px;border-top:1px solid #d4b97688;border-bottom:1px solid #0005}.book::before{top:14px}.book::after{bottom:12px}.book:hover,.book:focus{transform:translateY(-13px) rotate(.5deg);filter:brightness(1.15);outline:1px solid var(--accent);outline-offset:2px}.book small{font:8px var(--mono);opacity:.75;margin-top:10px}.empty-shelf{color:var(--muted);font:italic 17px var(--serif);padding:80px 20px 20px}.latest{background:#1a140e}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.story-card{background:#1a140e;padding:30px;min-height:300px;cursor:pointer;transition:.25s}.story-card:hover{background:#241b12}.story-card .story-art{height:120px;margin:-30px -30px 25px;background:linear-gradient(135deg,var(--book),#130f0b);position:relative;overflow:hidden}.story-art::after{content:'593';font:700 80px var(--serif);position:absolute;right:-4px;bottom:-25px;color:#ffffff12}.story-card h3{font:600 30px/1.06 var(--serif);margin:.4em 0}.story-card p{color:var(--muted);line-height:1.6}.story-meta{font:9px var(--mono);letter-spacing:.12em;color:var(--accent)}.signal{text-align:center;padding:130px 20px;background:var(--paper);color:var(--ink)}.signal h2{font:600 clamp(60px,9vw,120px)/.9 var(--serif);margin:.2em}.signal>p:not(.eyebrow){max-width:650px;margin:0 auto 30px;font:21px/1.5 var(--serif)}.signal form{display:flex;max-width:550px;margin:0 auto 14px;border-bottom:1px solid var(--ink)}.signal input{flex:1;border:0;background:none;padding:16px 4px;font:16px var(--mono);outline:0}.signal button{border:0;background:none;font:600 10px var(--mono);text-transform:uppercase;cursor:pointer}.signal small{color:#776b58}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:55px clamp(24px,6vw,96px);border-top:1px solid var(--line);color:var(--muted);font:11px/1.7 var(--mono)}.footer-mark{font:600 50px var(--serif);color:var(--accent)}.footer-right{text-align:right}.footer-right a{color:var(--accent)}.reader{width:min(900px,94vw);height:min(90vh,1050px);border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.reader::backdrop{background:#070503e8;backdrop-filter:blur(8px)}.reader article{max-width:690px;margin:auto;padding:80px 34px 120px}.reader-close{position:sticky;float:right;top:18px;margin:18px 18px 0 0;border:1px solid #8d7e67;background:#f2ead9;width:42px;height:42px;border-radius:50%;font-size:25px;cursor:pointer}.reader-kicker,.reader-byline{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.reader h1{font:600 clamp(44px,7vw,78px)/.95 var(--serif);letter-spacing:-.04em;margin:.35em 0}.reader-deck{font:italic 23px/1.5 var(--serif);color:#655744;border-bottom:1px solid #bcad94;padding-bottom:34px}.reader-byline{margin:24px 0 45px;color:#776b58}.reader-body{font:19px/1.85 'Libre Caslon Text',Georgia,serif}.reader-body p:first-child:first-letter{float:left;font:88px/.73 var(--serif);padding:14px 9px 0 0;color:var(--red)}.reader-body h2{font:600 36px/1.1 var(--serif);margin-top:1.8em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* After dark: the same writing becomes a confident contemporary magazine. */
html[data-mode="magazine"]{--bg:#f3efe7;--panel:#fff;--paper:#fff;--ink:#171717;--text:#171717;--muted:#6c6962;--line:#cfc8ba;--accent:#d12e28;--red:#d12e28}html[data-mode="magazine"] body{background:var(--bg);color:var(--text)}html[data-mode="magazine"] .ambient{mix-blend-mode:multiply;opacity:.55}html[data-mode="magazine"] .site-header{background:#f3efe7ec;height:72px}html[data-mode="magazine"] .brand-mark{border-radius:0;background:#171717;color:#fff;border-color:#171717}html[data-mode="magazine"] .switch-knob{transform:translateX(23px);background:var(--red)}html[data-mode="magazine"] .switch-track{border-color:var(--red)}html[data-mode="magazine"] .hero{min-height:680px;background:#e6dfd1;grid-template-columns:1fr 1.15fr;padding:50px clamp(24px,6vw,96px);gap:5vw}html[data-mode="magazine"] .hero-image{position:relative;inset:auto;height:560px;grid-column:2;grid-row:1;background:linear-gradient(0deg,#0003,transparent 45%),url('assets/study-room-v1.png') center/cover;order:2}html[data-mode="magazine"] .hero-copy{grid-column:1;grid-row:1;color:var(--ink)}html[data-mode="magazine"] .hero h1{font-size:clamp(60px,8vw,108px);line-height:.84}html[data-mode="magazine"] .hero h1 em{color:var(--red)}html[data-mode="magazine"] .standfirst{color:#524c43}html[data-mode="magazine"] .read-feature{color:var(--ink);border-color:var(--red)}html[data-mode="magazine"] .field-card{right:8vw;background:#171717;color:white;bottom:40px}html[data-mode="magazine"] .manifesto{background:#171717;color:#fff}html[data-mode="magazine"] .manifesto-copy{color:#aaa}html[data-mode="magazine"] .manifesto blockquote em{color:var(--red)}html[data-mode="magazine"] .library{background:#f3efe7}html[data-mode="magazine"] .shelves{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}html[data-mode="magazine"] .shelf{border-top:5px solid var(--ink);padding-top:12px;margin-bottom:25px}html[data-mode="magazine"] .books{min-height:220px;border:0;box-shadow:none;padding:0;align-items:stretch;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);overflow:visible}html[data-mode="magazine"] .book{writing-mode:horizontal-tb;width:auto!important;height:auto!important;min-height:120px;border-radius:0;box-shadow:none;background:var(--paper);color:var(--ink);padding:22px;text-align:left;font-size:22px}html[data-mode="magazine"] .book::before,html[data-mode="magazine"] .book::after{display:none}html[data-mode="magazine"] .book:hover{transform:none;background:var(--book);color:white;filter:none}html[data-mode="magazine"] .latest{background:#fff}html[data-mode="magazine"] .story-card{background:#fff}html[data-mode="magazine"] .story-card:hover{background:#f0ebe2}html[data-mode="magazine"] .signal{background:var(--red);color:white}html[data-mode="magazine"] .signal form{border-color:white}html[data-mode="magazine"] .signal input{color:white}html[data-mode="magazine"] .signal input::placeholder{color:#ffffffaa}html[data-mode="magazine"] .signal button{color:white}html[data-mode="magazine"] footer{background:#171717;color:#aaa}
@media(max-width:900px){nav{display:none}.site-header{gap:8px}.brand-copy small{display:none}.mode-switch{margin-left:auto}.hero,.manifesto{grid-template-columns:1fr}.field-card{display:none}.manifesto{gap:30px}.manifesto>.section-no{margin-bottom:0}.story-grid{grid-template-columns:1fr 1fr}html[data-mode="magazine"] .hero{grid-template-columns:1fr;padding:0}html[data-mode="magazine"] .hero-image{grid-column:1;grid-row:1;height:430px}html[data-mode="magazine"] .hero-copy{grid-column:1;grid-row:2;padding:45px 24px}.shelves,html[data-mode="magazine"] .shelves{grid-template-columns:1fr}}@media(max-width:600px){.site-header{height:72px;padding:0 14px}.brand-copy{display:none}.switch-label small{display:none}.hero{min-height:690px;padding:60px 24px}.hero h1{font-size:60px}.manifesto,.library,.latest{padding:80px 20px}.manifesto blockquote{font-size:42px}.section-head{display:block}.story-grid{grid-template-columns:1fr}.signal form{display:block;border:0}.signal input{width:100%;border-bottom:1px solid;padding:14px}.signal button{padding:18px}footer{grid-template-columns:1fr;gap:16px}.footer-right{text-align:left}.reader article{padding:70px 24px}.reader-body{font-size:17px}html[data-mode="magazine"] .books{grid-template-columns:1fr}}