/* Reader edition. Art direction and discovery components. */
:root { --maxw: 1280px; --ui: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --display:'Cormorant Garamond',Georgia,serif; --accent:#b2e7ed; --muted:#9aa6ad; }
body { font-family: var(--ui); font-size:16px; line-height:1.7; }
.wrap { padding-inline:40px; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.micro-label { font:500 10px/1.6 var(--ui); letter-spacing:.2em; text-transform:uppercase; color:var(--accent); }
.micro-label span { color:#89969d; }
.quiet-link { display:inline-flex; align-items:center; gap:18px; font:500 12px/1.6 var(--ui); color:#e1e8ea; border-bottom:1px solid #607278; padding:9px 0; }
.quiet-link:hover { color:var(--accent); border-color:var(--accent); }
.quiet-link span { transition:transform .25s; }
.quiet-link:hover span { transform:translate(3px,-2px); }
.btn { display:inline-flex; gap:22px; font:600 11px/1.4 var(--ui); text-transform:uppercase; letter-spacing:.095em; border-radius:2px; min-height:54px; padding:19px 25px; }
.btn-primary { background:#b2e7ed; border-color:#b2e7ed; }
.btn-primary:hover { background:#d8f6fa; }
.btn-secondary { color:#dce5e8; }
.label,.eyebrow,.nav-links a,.nav-cta,.footer-col-label,.footer-nav a,.filter-btn { font-family:var(--ui); }
.nav { border-bottom:1px solid #ffffff0e; background:#020406b8; backdrop-filter:blur(14px); }
.nav-inner { height:88px; padding-inline:40px; }
.nav-links { gap:30px; }
.nav-links a { font-size:11px; letter-spacing:.12em; color:#c2cbcf; }
.nav-links a[aria-current=page] { color:var(--accent); }
.brand-logo { height:48px; }
.nav-cta { font-size:10px; font-weight:500; padding:12px 20px; letter-spacing:.12em; }
/* Content is always present; movement must never delay the reader. */
.reveal,.zoom-rest,.load-fade,.load-seq,.load-drift,.load-down,.nav-cascade { opacity:1; transform:none; animation:none; }
#main-content:focus { outline:none; }
.grainy::before { opacity:.025; }
.editorial-hero { min-height:790px; height:calc(100svh - 0px); max-height:1080px; display:block; padding:0; text-align:left; background:#000; isolation:isolate; overflow:hidden; }
.editorial-hero::before,.editorial-hero::after { display:none; }
.editorial-hero .hero-art { position:absolute; z-index:-2; inset:0; background:url('/assets/images/art-everdarken-wide-right.jpg') 65% 45%/cover no-repeat; filter:none; opacity:1; mask-image:linear-gradient(90deg,transparent 16%,#000 48%),linear-gradient(0deg,transparent,#000 20%); mask-composite:intersect; }
.editorial-hero .hero-art::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#000 0%,#000b 25%,transparent 57%),linear-gradient(0deg,#000 1%,transparent 28%); }
.editorial-hero .hero-orbit { position:absolute; z-index:-1; width:600px; height:600px; border:1px solid #c1e8e916; border-radius:50%; top:20%; right:3%; pointer-events:none; }
.hero-orbit::before { content:''; position:absolute; inset:22px; border:1px dashed #c1e8e914; border-radius:50%; }
.editorial-hero__inner { height:100%; display:flex; align-items:center; position:relative; padding-top:100px; padding-bottom:100px; }
.editorial-hero__copy { width:62%; max-width:790px; }
.editorial-hero .micro-label { margin-bottom:30px; font-size:10px; }
.tiny-star { color:var(--accent)!important; font-size:16px; padding-right:11px; }
.editorial-hero h1 { font:400 clamp(72px,7.25vw,112px)/.99 var(--display); letter-spacing:-.055em; color:#f2f3ed; margin-left:-5px; }
.editorial-hero h1 em { color:#bfe9eb; font-weight:400; }
.editorial-hero__sub { color:#b6bec1; font:400 16px/1.8 var(--ui); max-width:410px; margin-top:28px; }
.editorial-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-top:32px; }
.hero-reader-note { display:flex; align-items:center; gap:20px; margin-top:35px; color:#9aa5aa; font:12px/1.65 var(--ui); }
.hero-reader-note>span { font:400 26px var(--display); letter-spacing:.06em; border-right:1px solid #ffffff26; padding-right:20px; color:#d9e6e9; }
.hero-reader-note strong { font-weight:400; color:#c5ced2; }
.editorial-hero .hero-foot { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; align-items:center; height:70px; border-top:1px solid #ffffff17; font:10px var(--ui); text-transform:uppercase; letter-spacing:.15em; color:#96a1a8; }
.hero-foot a { color:#d1e4e7; display:flex; align-items:center; gap:18px; }
.hero-foot a span { font-size:20px; }
.editorial-hero .light-motes { z-index:-1; }
.reader-manifesto { background:#070b0d; border-block:1px solid #ffffff0d; padding:40px 0; }
.reader-manifesto .wrap { display:flex; align-items:center; justify-content:space-between; gap:35px; }
.reader-manifesto p { font:400 clamp(23px,2.35vw,34px)/1.2 var(--display); color:#e3e7e7; }
.reader-manifesto p em { color:#91a1a8; }
.reader-home h2,.library-editorial h1,.about-editorial-heading h1 { font:400 clamp(48px,5vw,72px)/1.02 var(--display); letter-spacing:-.035em; color:#edf0ed; }
.reader-home h2 em,.library-editorial h1 em,.about-editorial-heading h1 em,.related-stories h2 em { color:#a6b7bd; font-weight:400; }
.reader-home .section-pad { padding-block:105px; border-top:1px solid #ffffff0e; }
.entry-feature { background:radial-gradient(ellipse at 20% 55%,#182d3433,transparent 55%),#000; }
.entry-feature__grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.entry-feature__visual { position:relative; min-height:510px; display:grid; place-items:center; background:linear-gradient(145deg,#10202855,#070b0c); border:1px solid #d3e5e613; border-radius:200px 200px 4px 4px; }
.book-plinth { width:265px; perspective:1200px; position:relative; }
.book-plinth img { width:100%; height:auto; transform:rotateY(-15deg) rotateZ(-4deg); box-shadow:12px 25px 55px #000,5px 0 0 #e9e1d5; transition:transform .7s cubic-bezier(.16,1,.3,1); border-radius:2px; }
.book-plinth:hover img { transform:rotateY(0) rotateZ(0) translateY(-8px); }
.vertical-caption { position:absolute; left:19px; bottom:32px; writing-mode:vertical-rl; transform:rotate(180deg); font:8px var(--ui); color:#738890; letter-spacing:.2em; }
.edition-stamp { position:absolute; right:-25px; bottom:35px; border:1px solid #76949b; background:#071014e8; width:116px; height:116px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; text-align:center; color:#b7d5da; font:italic 18px/1.3 var(--display); transform:rotate(9deg); }
.edition-stamp b { font-weight:500; }
.entry-feature__copy>.micro-label { margin-bottom:22px; }
.entry-feature__copy h2 { font-size:88px; }
.entry-feature__copy>p:not(.micro-label):not(.delivery-caption):not(.entry-feature__hook) { font-size:15px; color:#9faab0; margin-top:22px; max-width:425px; }
.entry-feature__copy .entry-feature__hook { font:400 23px/1.45 var(--display); color:#e1e6e7; margin-top:24px; }
.entry-feature__actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px 23px; margin-top:30px; }
.delivery-caption { font:11px/1.7 var(--ui); color:#91a1a8; margin-top:18px; }
.editorial-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:45px; }
.editorial-section-head .micro-label { margin-bottom:17px; }
.editorial-section-head>p { color:#9aa7ad; font-size:14px; max-width:300px; }
.reading-paths { background:#070b0d; }
.path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#263339; border:1px solid #263339; }
.path-card { display:flex; flex-direction:column; padding:32px; background:#090e11; min-height:320px; transition:background .3s; }
.path-card:hover { background:#112027; }
.path-card__index { display:flex; justify-content:space-between; font:22px var(--display); color:#81969e; margin-bottom:35px; }
.path-card__index span { font:20px var(--ui); color:#b5dae0; }
.path-card h3 { font:400 36px/1.08 var(--display); color:#dce4e5; }
.path-card h3 em { color:#99bac3; font-weight:400; }
.path-card>p { font:13px/1.8 var(--ui); color:#9caab0; margin-top:17px; margin-bottom:28px; max-width:265px; }
.path-card>.micro-label { margin-top:auto; font-size:8px; }
.home-collection { background:#010304; }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px 30px; }
.collection-card { display:flex; flex-direction:column; min-width:0; text-align:left; }
.collection-card[hidden] { display:none; }
.collection-card__art { position:relative; display:flex; align-items:center; justify-content:center; min-height:370px; padding:35px; background:radial-gradient(ellipse at 50% 80%,#1a282d,#0b1115 75%); border:1px solid #ffffff0b; border-radius:3px; overflow:hidden; }
.collection-card:nth-child(3n+2) .collection-card__art { background:radial-gradient(ellipse at 50% 80%,#24262a,#0d1114 75%); }
.collection-card:nth-child(3n) .collection-card__art { background:radial-gradient(ellipse at 50% 80%,#1f2823,#0b1110 75%); }
.collection-card__art img { max-height:295px; height:auto; width:auto; max-width:82%; object-fit:contain; box-shadow:8px 17px 25px #000a; transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s; }
.collection-card:hover .collection-card__art img { transform:translateY(-7px) rotate(-3deg); box-shadow:14px 22px 30px #000d; }
.collection-card__number { position:absolute; left:18px; top:16px; font:10px var(--ui); color:#73848d; }
.collection-card__open { position:absolute; bottom:17px; right:17px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #6a808855; border-radius:50%; color:#bfdadf; transition:background .3s,color .3s; }
.collection-card:hover .collection-card__open { background:#bee6eb; color:#0a171b; }
.collection-card__body { padding-top:22px; display:flex; flex-direction:column; flex:1; }
.collection-card__body .micro-label { font-size:8px; letter-spacing:.13em; }
.collection-card h3 { font:500 29px/1.15 var(--display); color:#e6ebec; margin-top:9px; }
.collection-card__body>p:not(.micro-label) { font:13px/1.8 var(--ui); color:#99a7ae; margin:12px 0 18px; }
.collection-card__link { color:#c5d6db; font:500 10px var(--ui); margin-top:auto; display:flex; gap:15px; align-items:center; }
.quiz-invitation { margin-top:65px; padding:27px 32px; border:1px solid #344c57; border-radius:3px; display:flex; align-items:center; gap:24px; background:linear-gradient(105deg,#12242a,#080e11); transition:border-color .3s; }
.quiz-invitation:hover { border-color:#9cdeeb; }
.quiz-invitation__mark { font:38px var(--display); color:#afdee5; }
.quiz-invitation b { display:block; font:400 27px var(--display); color:#e1ecee; }
.quiz-invitation small { display:block; color:#93a8b0; font:12px/1.7 var(--ui); margin-top:5px; }
.quiz-invitation>.quiet-link { margin-left:auto; flex-shrink:0; }
.author-editorial { background:#080c0e; }
.author-editorial__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.author-editorial__photo { max-width:400px; position:relative; }
.author-editorial__photo img { width:100%; height:440px; object-fit:cover; border-radius:2px; }
.photo-caption { display:block; color:#92a0a8; font:9px var(--ui); letter-spacing:.1em; text-transform:uppercase; margin-top:20px; }
.author-editorial__copy>.micro-label { margin-bottom:23px; }
.author-editorial__copy h2 { font-size:66px; }
.author-editorial__copy>p:not(.micro-label) { color:#aeb8bc; font:15px/1.85 var(--ui); margin:22px 0; max-width:490px; }
.author-editorial__copy>p:nth-of-type(2) { font:italic 24px/1.4 var(--display); color:#dce6e8; }
.workshop { background:#010304; }
.workshop__grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.workshop .micro-label { margin-bottom:20px; }
.workshop h2 { font-size:52px; margin-bottom:25px; }
.workshop-projects article+article { margin-top:33px; }
.workshop-projects article>div { display:flex; justify-content:space-between; align-items:center; }
.workshop h3 { font:400 25px var(--display); }
.workshop-projects article span { font:12px var(--ui); color:#a6dce5; }
.workshop progress { appearance:none; display:block; width:100%; height:3px; border:0; margin:14px 0 9px; background:#253239; color:#a7dfe9; }
.workshop progress::-webkit-progress-bar { background:#253239; }
.workshop progress::-webkit-progress-value { background:#a7dfe9; }
.workshop progress::-moz-progress-bar { background:#a7dfe9; }
.workshop-projects article>p { font:10px var(--ui); color:#8b9ba3; text-transform:uppercase; letter-spacing:.1em; }
.journal-editorial { background:#080c0e; }
.journal-pair { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.journal-pair>a { position:relative; border-top:1px solid #52636c; padding:28px 0; }
.journal-pair h3 { font:400 43px/1.1 var(--display); color:#dfe8e9; margin:24px 0 17px; }
.journal-pair p { color:#93a1a8; font-size:13px; }
.journal-pair>a>span:last-child { position:absolute; right:0; bottom:30px; font-size:23px; color:#a8d6e0; }
.closing-invitation { padding:100px 0; text-align:center; background:radial-gradient(ellipse at bottom,#16343c66,transparent 65%),#000; }
.closing-invitation .micro-label { margin-bottom:25px; }
.closing-invitation h2 { font-size:65px; margin-bottom:34px; }
.footer { padding:55px 0 25px; }
.footer-logo { width:185px; }
.footer-tag,.footer-copy,.footer-contact a { font-family:var(--ui); }
.footer-grid { gap:45px; }
.footer-contact a { overflow-wrap:anywhere; }
/* The library */
.library-editorial { padding-top:145px; }
.library-intro { display:grid; grid-template-columns:1.3fr .7fr; gap:70px; align-items:center; margin-bottom:65px; }
.library-intro .micro-label { margin-bottom:20px; }
.library-intro h1 { font-size:82px; }
.library-intro>div>p:last-child { max-width:540px; color:#a1afb6; font:15px/1.8 var(--ui); margin-top:25px; }
.library-feature-link { padding:24px; border:1px solid #33464f; display:block; background:linear-gradient(120deg,#12252c,#070d10); border-radius:4px; min-height:170px; }
.library-feature-link img { height:auto; width:80px; float:left; margin-right:24px; box-shadow:5px 10px 20px #0008; }
.library-feature-link strong { display:block; font:400 27px/1.1 var(--display); color:#edf3f2; margin:8px 0 12px; }
.library-feature-link>span:last-child { font:11px/1.6 var(--ui); color:#9db1bc; display:block; }
.library-tools { padding:25px 0; border-block:1px solid #29383e; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.mood-filters { display:flex; flex-wrap:wrap; gap:8px; }
.mood-filters button { background:transparent; border:1px solid transparent; color:#9eabb2; border-radius:3px; padding:11px 13px; font:12px var(--ui); min-height:42px; }
.mood-filters button.active { color:#0c191d; background:#b2e7ed; }
.mood-filters button:not(.active):hover { color:#d5e8eb; border-color:#415c67; }
.mood-filters button span { margin-left:9px; opacity:.7; }
.library-search { display:flex; align-items:center; gap:10px; border:1px solid #394d57; background:#0a1419; border-radius:3px; padding:0 12px; }
.library-search>span[aria-hidden] { font-size:23px; color:#9eb8c1; }
.library-search input { border:0; background:transparent; padding:12px 0; font:12px var(--ui); color:#d2e2e7; width:180px; min-height:42px; }
.library-search:focus-within { outline:2px solid #b2e7ed; outline-offset:3px; }
.library-search input:focus { outline:none; }
.library-results { font:11px var(--ui); color:#8e9fa8; margin:25px 0; }
.library-empty { border:1px solid #293e46; padding:55px 30px; text-align:center; }
.library-empty h2 { font:36px var(--display); }
.library-empty p { color:#9db0b9; margin:12px 0 24px; }
.library-empty[hidden] { display:none; }
.library-reading-guide { padding-block:90px; }
.library-reading-guide>div { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:30px; }
.library-reading-guide article>span { font:12px var(--ui); color:#94cbd5; }
.library-reading-guide h3 { font:400 25px var(--display); margin-top:13px; }
.library-reading-guide article p { font:13px/1.8 var(--ui); color:#94a4ad; margin-top:12px; }
/* Secondary pages carry the same editorial vocabulary. */
.about-editorial-heading { padding-top:155px; padding-bottom:60px; }
.about-editorial-heading h1 { margin-top:22px; font-size:88px; }
.about-editorial-heading>p:last-child { color:#a4b4bb; max-width:460px; margin-top:22px; }
.about-page .about-media { padding-top:55px; }
.about-intro__portrait { padding:0; border:0; box-shadow:none; }
.about-intro__portrait::after { display:none; }
.about-intro__body>p { font-family:var(--ui); }
.about-intro__lead { font-size:22px; }
.about-proof { border-block:1px solid #293c46; }
.page-hero h1,.story-title { letter-spacing:-.04em; }
.page-hero .ph-sub { font:15px/1.8 var(--ui); }
.books-layout { max-width:100%; }
.book-entry { grid-template-columns:145px 1fr; padding:40px 0; gap:40px; }
.book-entry-art { min-height:205px; background:linear-gradient(135deg,#112029,#080f13); }
.book-entry-blurb,.story-desc,.story-pitch { font:15px/1.85 var(--ui); }
.book-entry-title { font-size:40px; }
.book-entry-art--cover img { max-height:215px; object-fit:contain; }
.story-page .story-hero { padding-top:140px; padding-bottom:75px; background:radial-gradient(ellipse at 18% 40%,#19323955,transparent 50%),#000; }
.story-layout { align-items:start; gap:80px; }
.story-cover img { max-height:560px; object-fit:contain; box-shadow:14px 25px 55px #000; }
.story-detail-hook { color:#b7d3db; font:italic 29px/1.3 var(--display); margin:20px 0; }
.story-title { font-size:clamp(52px,5.5vw,80px); line-height:1; }
.story-comps { border-left:2px solid #527b8a; padding-left:15px; font:13px/1.7 var(--ui); }
.story-cta { margin:28px 0; }
.story-delivery-note { font:11px/1.7 var(--ui); }
.story-preview { margin-top:28px; }
.story-preview-trigger { border-radius:3px; padding:15px 18px; }
.story-preview-trigger strong { font-size:19px; }
.related-stories { background:#060b0e; }
.related-stories h2 { font:400 52px var(--display); letter-spacing:-.025em; }
.related-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.related-grid .collection-card { display:grid; grid-template-columns:155px 1fr; gap:25px; }
.related-grid .collection-card__art { min-height:220px; padding:22px; }
.related-grid .collection-card__body { padding:10px 0; }
.related-grid .collection-card__number { display:none; }
.related-grid .collection-card__art img { max-width:100%; }
.story-reading-dock { position:fixed; z-index:100; left:50%; bottom:20px; width:min(630px,calc(100% - 36px)); transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; border:1px solid #567683; border-radius:5px; background:#09151bf2; backdrop-filter:blur(16px); box-shadow:0 8px 45px #0009; }
.story-reading-dock[hidden] { display:none; }
.story-reading-dock small { display:block; font:9px var(--ui); text-transform:uppercase; letter-spacing:.1em; color:#99b9c7; }
.story-reading-dock b { font:400 22px var(--display); color:#e2eef1; }
.story-reading-dock .btn { min-height:42px; padding:13px 16px; font-size:9px; }
.story-page .footer { padding-bottom:110px; }
/* Calm but tangible movement, restricted to readers who allow it. */
@media(prefers-reduced-motion:no-preference) { .editorial-hero__copy { animation:editorial-arrive .8s ease-out both; } @keyframes editorial-arrive { from { opacity:.2; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } } }
@media(min-width:1600px) { .editorial-hero .hero-art { background-position:center 45%; } }
@media(max-width:1100px) { .editorial-hero h1 { font-size:83px; } .editorial-hero__copy { width:68%; } .editorial-hero__actions { gap:18px; } .entry-feature__grid,.author-editorial__grid,.workshop__grid { gap:55px; } .entry-feature__copy h2 { font-size:73px; } .collection-card__art { min-height:315px; padding:28px; } .collection-card__art img { max-height:250px; } .path-card { padding:25px; } .path-card h3 { font-size:32px; } .library-intro { gap:35px; } }
@media(max-width:800px) { .wrap { padding-inline:25px; } .nav-inner { height:78px; padding-inline:25px; } .brand-logo { height:42px; } .editorial-hero { min-height:820px; height:auto; max-height:none; } .editorial-hero__inner { min-height:820px; padding-top:130px; padding-bottom:110px; align-items:flex-end; } .editorial-hero__copy { width:100%; max-width:560px; } .editorial-hero h1 { font-size:77px; } .editorial-hero .hero-art { background-position:68% top; background-size:auto 780px; mask-image:linear-gradient(0deg,transparent 12%,#000 62%); opacity:1; } .editorial-hero .hero-art::after { background:linear-gradient(90deg,#0006,transparent 75%),linear-gradient(0deg,#000 6%,#000c 40%,transparent 76%); } .editorial-hero .hero-orbit { width:420px; height:420px; top:90px; right:-90px; } .hero-foot>span:last-child { display:none; } .hero-foot { font-size:8px!important; } .reader-manifesto .wrap { flex-wrap:wrap; gap:18px; } .reader-manifesto .micro-label { width:100%; } .reader-manifesto p { font-size:27px; } .reader-home .section-pad { padding-block:75px; } .entry-feature__grid,.author-editorial__grid { grid-template-columns:1fr 1fr; gap:35px; } .entry-feature__visual { min-height:400px; } .book-plinth { width:190px; } .edition-stamp { width:90px; height:90px; font-size:16px; right:-10px; } .entry-feature__copy h2 { font-size:58px; } .entry-feature__copy .entry-feature__hook { font-size:20px; } .entry-feature__actions .btn { font-size:9px; gap:10px; padding-inline:17px; } .path-grid { grid-template-columns:1fr; } .path-card { min-height:0; display:grid; grid-template-columns:30px 1fr 1fr; gap:25px; padding:30px; } .path-card__index { margin:0; } .path-card__index span { display:none; } .path-card h3 { font-size:30px; } .path-card>p { margin:0; } .path-card>.micro-label { grid-column:2/-1; } .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; } .collection-card__art { min-height:330px; } .author-editorial__copy h2 { font-size:48px; } .author-editorial__photo img { height:400px; } .workshop__grid { gap:40px; } .library-intro h1 { font-size:60px; } .library-feature-link img { float:none; width:75px; margin-bottom:20px; } .library-reading-guide>div { gap:25px; } .related-grid { gap:25px; } .related-grid .collection-card { display:flex; } .related-grid .collection-card__art { min-height:270px; } .related-grid .collection-card__art img { max-height:220px; } }
@media(max-width:560px) { .editorial-hero { min-height:800px; } .editorial-hero__inner { min-height:800px; padding-top:220px; padding-bottom:110px; } .editorial-hero .hero-art { background-position:65% top; background-size:auto 600px; opacity:1; } .editorial-hero__copy { width:100%; } .editorial-hero h1 { font-size:clamp(53px,12.4vw,70px); letter-spacing:-.05em; } .editorial-hero .micro-label { font-size:8px; margin-bottom:20px; letter-spacing:.12em; } .tiny-star { font-size:12px; padding-right:5px; } .editorial-hero__sub { font-size:14px; max-width:340px; margin-top:23px; } .editorial-hero__actions { gap:16px; margin-top:26px; align-items:flex-start; flex-direction:column; } .editorial-hero__actions .btn { font-size:10px; width:auto; } .editorial-hero__actions .quiet-link { font-size:12px; } .hero-reader-note { margin-top:25px; font-size:10px; } .hero-reader-note>span { font-size:22px; } .reader-manifesto { padding:30px 0; } .reader-manifesto p { font-size:26px; } .reader-manifesto .quiet-link { font-size:11px; } .entry-feature__grid,.author-editorial__grid,.workshop__grid { grid-template-columns:1fr; gap:40px; } .entry-feature__visual { min-height:440px; margin-inline:15px; } .book-plinth { width:220px; } .entry-feature__copy h2 { font-size:70px; } .entry-feature__copy .entry-feature__hook { font-size:25px; } .entry-feature__actions .btn { font-size:10px; padding-inline:23px; } .reader-home h2 { font-size:48px; } .editorial-section-head { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:30px; } .editorial-section-head>p { font-size:13px; } .path-card { grid-template-columns:25px 1fr; gap:20px; padding:26px; } .path-card>p { grid-column:2; max-width:none; } .path-card h3 { font-size:34px; } .path-card>.micro-label { font-size:9px; } .collection-grid { gap:32px 15px; } .collection-card__art { min-height:230px; padding:25px 14px; } .collection-card__art img { max-width:90%; max-height:185px; } .collection-card__number { top:10px; left:10px; font-size:8px; } .collection-card__open { width:23px; height:23px; bottom:9px; right:9px; font-size:13px; } .collection-card h3 { font-size:24px; } .collection-card__body .micro-label { font-size:7px; letter-spacing:.05em; } .collection-card__body>p:not(.micro-label) { font-size:12px; line-height:1.7; } .collection-card__link { font-size:9px; gap:8px; } .quiz-invitation { margin-top:40px; padding:24px; flex-wrap:wrap; gap:16px; } .quiz-invitation__mark { display:none; } .quiz-invitation b { font-size:28px; } .quiz-invitation small { font-size:12px; } .quiz-invitation>.quiet-link { margin-left:0; } .author-editorial__photo { max-width:100%; } .author-editorial__photo img { height:auto; aspect-ratio:1; } .author-editorial__copy h2 { font-size:52px; } .workshop-projects { margin-top:10px; } .journal-pair { grid-template-columns:1fr; gap:10px; } .journal-pair h3 { font-size:38px; } .closing-invitation { padding:75px 0; } .reader-home .closing-invitation h2 { font-size:47px; } .library-editorial { padding-top:125px; } .library-intro { grid-template-columns:1fr; gap:30px; margin-bottom:35px; } .library-intro h1 { font-size:60px; } .library-intro>div>p:last-child { font-size:14px; } .library-feature-link { min-height:160px; } .library-feature-link img { float:left; width:74px; margin-bottom:0; } .library-feature-link strong { font-size:25px; } .library-feature-link .micro-label { font-size:8px; } .mood-filters { gap:4px; } .mood-filters button { font-size:11px; padding:10px; } .library-search { width:100%; } .library-search input { width:100%; } .library-reading-guide { padding-block:65px; } .library-reading-guide>div { grid-template-columns:1fr; gap:28px; } .library-reading-guide article { border-top:1px solid #253b44; padding-top:22px; } .about-editorial-heading { padding-top:135px; padding-bottom:35px; } .about-editorial-heading h1 { font-size:63px; } .about-page .about-media { padding-top:35px; } .book-entry { grid-template-columns:85px 1fr; gap:22px; } .book-entry-art { min-height:125px; } .book-entry-title { font-size:32px; } .book-entry-blurb { font-size:14px; } .story-page .story-hero { padding-top:115px; } .story-layout { gap:35px; } .story-cover img { max-height:385px; } .story-title { font-size:56px; } .story-detail-hook { font-size:25px; } .related-stories h2 { font-size:43px; } .related-grid { gap:16px; } .related-grid .collection-card__art { min-height:230px; } .related-grid .collection-card__art img { max-height:190px; } .story-reading-dock { bottom:10px; padding:12px; } .story-reading-dock b { font-size:18px; } .story-reading-dock .btn { flex-shrink:0; gap:7px; padding:12px; } }
@media(max-width:360px) { .wrap { padding-inline:20px; } .collection-card__art { min-height:200px; } .collection-card h3 { font-size:22px; } .hero-foot>span { max-width:160px; line-height:1.6; } .library-feature-link strong { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { .editorial-hero__copy { animation:none; } .book-plinth img,.collection-card__art img { transition:none; } }
.story-page-quote { text-align:center; margin:0; padding:70px 25px; border-top:1px solid #25383f; background:radial-gradient(ellipse at center,#10252d55,transparent 70%); }
.story-page-quote blockquote { font:italic 400 clamp(28px,3vw,44px)/1.35 var(--display); color:#c8dfe5; max-width:820px; margin:20px auto 0; }
.contact-page .page-hero { padding-top:150px; padding-bottom:50px; }
.contact-page .page-hero .micro-label { margin-bottom:20px; }
.contact-page .page-hero h1 { font-size:80px; }
.contact-page .page-hero h1 em { color:#9fb5bf; }
.contact-page .contact-form { padding:35px; background:#091217; border:1px solid #2c404a; border-radius:4px; }
.contact-field-label { display:block; color:#b4cbd5; font:500 11px var(--ui); margin-bottom:9px; }
.contact-form .field,.contact-form select,.contact-form textarea { font-family:var(--ui); font-size:15px; }
.contact-page .contact-form .btn-block { border-radius:2px; font-family:var(--ui); font-size:11px; }
.contact-page .contact-photo { max-width:100%; max-height:330px; object-fit:cover; object-position:50% 30%; }
.contact-page .contact-info-label { font-family:var(--ui); font-size:10px; }
.contact-page .form-error { line-height:1.8; font-size:13px; color:#f2b5ae; }
.contact-page .form-error a { text-decoration:underline; overflow-wrap:anywhere; }
.journal-page .blog-hero { text-align:left; padding-top:155px; }
.journal-page .blog-hero .sec-title { font-size:85px; font-weight:400; letter-spacing:-.035em; }
.journal-page .blog-hero h1 em { color:#a5bdc6; }
.journal-page .blog-intro { margin:22px 0 0; font:15px/1.8 var(--ui); }
.journal-page .post-list { max-width:100%; }
.journal-page .post-card { position:relative; padding:40px 0; }
.journal-page .post-date,.journal-page .post-more { font-family:var(--ui); font-size:10px; }
.journal-page .post-card-title { font-size:43px; font-weight:400; }
.journal-page .post-excerpt { font:14px/1.85 var(--ui); max-width:660px; }
.to-top:hover { color:#071015; }
@media(max-width:560px){.contact-page .page-hero{padding-top:125px}.contact-page .page-hero h1{font-size:60px}.contact-page .contact-form{padding:24px}.journal-page .blog-hero{padding-top:125px}.journal-page .blog-hero .sec-title{font-size:60px}.journal-page .post-card-title{font-size:35px}.story-page-quote{padding-block:50px}}

.has-reading-dock .passport-button,.has-reading-dock .to-top { bottom:100px; }
/* A window into the work, placed before the full collection. */
.writing-desk{position:relative;background:radial-gradient(ellipse at 80% 30%,#19333766,transparent 60%),#030708;overflow:hidden}
.writing-desk::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#b2e7ed99,transparent)}
.desk-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.desk-heading .micro-label{margin-bottom:22px}.desk-intro{max-width:350px;color:#aab8bc;font-size:15px}.desk-intro .quiet-link{margin-top:20px}
.desk-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.desk-project{position:relative;padding:35px 38px;border:1px solid #a8dce52e;background:linear-gradient(135deg,#15262b99,#05090a);border-radius:4px;overflow:hidden}.desk-project::after{content:'';position:absolute;width:200px;height:200px;right:-100px;top:65px;border:1px solid #b2e7ed13;border-radius:50%;pointer-events:none}.desk-project__top{display:flex;justify-content:space-between;gap:16px;align-items:center}.desk-stage{font-size:11px;color:#c3e8eb;border:1px solid #a9dce52e;padding:5px 12px;border-radius:30px}.desk-project h3{font:400 clamp(32px,3vw,44px)/1.15 var(--display);margin:30px 0 15px;color:#edf1ed}.desk-percent{font:400 88px/1 var(--display);color:#c0edf0;letter-spacing:-.05em}.desk-percent span{font-size:30px;margin-left:7px;color:#8caaaf}.desk-project progress{display:block;appearance:none;width:100%;height:6px;margin:24px 0;background:#26383d;border:0;border-radius:5px;overflow:hidden}.desk-project progress::-webkit-progress-bar{background:#26383d}.desk-project progress::-webkit-progress-value{background:linear-gradient(90deg,#5e99a4,#c3f5f3)}.desk-project progress::-moz-progress-bar{background:#b2e7ed}.desk-note{font-size:13px;line-height:1.75;color:#a8b8bd;min-height:23px}.desk-footer{display:flex;justify-content:space-between;gap:25px;margin-top:25px;font-size:11px;color:#8fa4ab}.desk-footer p{margin:0}
@media(max-width:700px){.desk-heading{display:block;margin-bottom:30px}.desk-intro{margin-top:25px}.desk-projects{grid-template-columns:1fr}.desk-project{padding:26px}.desk-project h3{font-size:36px}.desk-percent{font-size:76px}.desk-footer{flex-direction:column;gap:10px}}
/* Shared interface finishing pass. */
html{scroll-padding-top:110px;scrollbar-color:#38535b #050809}
::selection{background:#b2e7ed;color:#071216}
.nav.scrolled{box-shadow:0 8px 30px #0005}
.nav-links a{transition:color .2s ease}
.nav-cta{border-color:#8ebcc263;border-radius:3px;transition:background .2s,border-color .2s}
.nav-cta:hover{background:#b2e7ed12;border-color:#b2e7ed}
.btn{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.btn-primary{box-shadow:inset 0 1px 0 #ffffff50,0 4px 20px #0002}
.btn:active{transform:translateY(1px)}
.btn-secondary:hover{background:#b2e7ed0d;border-color:#b2e7ed}
.quiet-link{min-height:44px}
.nav-toggle{min-width:44px;min-height:44px}
.library-search{transition:border-color .2s,box-shadow .2s}
.library-search:focus-within{border-color:#b2e7ed;box-shadow:0 0 0 3px #b2e7ed18}
.mood-filters button{min-height:44px;border-radius:3px}
.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{border-radius:3px;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #b2e7ed;outline-offset:3px}
.collection-card__art,.path-card,.post-card,.desk-project{transition:border-color .25s,box-shadow .25s}
.collection-card:focus-visible,.path-card:focus-visible,.post-card:focus-visible{outline:2px solid #b2e7ed;outline-offset:5px}
.collection-card h3,.post-card-title,.book-entry-title,.desk-project h3{text-wrap:balance}
.footer-nav a{display:inline-flex;align-items:center;min-height:36px;transition:color .2s}
.footer-nav a:hover{color:#c6f0f2}
@media(hover:hover){.collection-card:hover .collection-card__art,.path-card:hover,.post-card:hover,.desk-project:hover{border-color:#b2e7ed60;box-shadow:0 12px 35px #0003}.btn-primary:hover{box-shadow:0 5px 24px #b2e7ed18}}
@media(max-width:560px){html{scroll-padding-top:94px}.footer-nav a{min-height:44px}.collection-card__body .micro-label{font-size:9px;line-height:1.6}.collection-card__link{font-size:11px;min-height:36px}.collection-card__body>p:not(.micro-label){font-size:13px}.desk-footer{font-size:12px}.editorial-hero__actions .btn{min-height:54px}}
@media(prefers-reduced-motion:reduce){.btn,.nav-cta,.nav-links a,.library-search,.collection-card__art,.path-card,.post-card,.desk-project{transition:none}.btn:active{transform:none}}
/* Editorial consistency: restrained decoration, readable secondary text. */
:root{--surface-panel:#0a1114;--border-panel:#263c43;--text-secondary:#afbec4;--section-space:clamp(64px,7vw,100px)}
.reader-home .section-pad{padding-block:var(--section-space)}
.hero-orbit,.hero-orbit::before,.desk-project::after{display:none}
.micro-label{letter-spacing:.14em}
.collection-card__body .micro-label{font-size:10px;line-height:1.6;color:var(--text-secondary)}
.collection-card__body>p:not(.micro-label),.desk-note,.desk-intro{color:var(--text-secondary)}
.path-card{background:var(--surface-panel);border-color:var(--border-panel)}
.path-card h3{font-size:clamp(28px,3vw,38px);line-height:1.15}
.desk-project{background:var(--surface-panel);border-color:var(--border-panel)}
.desk-project__top{align-items:flex-start}.desk-stage{flex-shrink:0}
.desk-percent{font-variant-numeric:tabular-nums}
.reader-home h2,.library-editorial h1,.about-editorial-heading h1{ text-wrap:balance }
.reader-home h2 em,.library-editorial h1 em,.about-editorial-heading h1 em{color:#b9cdd3}
.contact-form label{font-size:13px;color:#d7e3e7}
.contact-form select{color-scheme:dark}
.contact-form button:disabled{opacity:.65;cursor:wait}
.footer-col-label{color:#b6c9cf;font-size:11px;letter-spacing:.14em}
.footer-nav a{font-size:11px;letter-spacing:.1em}
.story-content p,.bio-text p,.post-content p{line-height:1.85}
@media(max-width:560px){.micro-label{letter-spacing:.1em}.library-intro h1,.about-editorial-heading h1{font-size:56px}.path-card h3{font-size:30px}.desk-project__top{gap:12px}.desk-stage{font-size:11px}.reader-home .closing-invitation h2{font-size:48px}.collection-card__body .micro-label{font-size:9px}}
/* Optional reader tools complement the restored editorial design. */
.reader-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0;font:13px/1.6 var(--ui);color:#bed1d7}
.reader-tools button,.reader-tools select,.reader-tools summary{background:#0c171c;color:#d5e9ed;border:1px solid #49636d;border-radius:3px;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}
.reader-tools label{display:flex;align-items:center;gap:10px}.reader-tools select{color-scheme:dark}.reader-tools button[aria-pressed=true]{background:#b2e7ed;color:#071216}.reader-tools button:hover{border-color:#b2e7ed}.reader-tools details{position:relative}.reader-tools nav{position:absolute;z-index:5;top:100%;left:0;width:min(320px,80vw);padding:14px;background:#081014;border:1px solid #49636d;box-shadow:0 12px 25px #0008}.reader-tools nav a{display:block;padding:10px;color:#d5e9ed;font-size:13px}.reader-tools nav a:hover{background:#14272f}
.collection-grid.collection-compact{grid-template-columns:1fr;gap:24px}.collection-compact .collection-card{display:grid;grid-template-columns:110px 1fr;gap:24px;border-bottom:1px solid #293e46;padding-bottom:24px}.collection-compact .collection-card[hidden]{display:none}.collection-compact .collection-card__art{min-height:155px;padding:12px}.collection-compact .collection-card__art img{max-height:130px;max-width:95%}.collection-compact .collection-card__body{padding-top:0}.collection-compact .collection-card__number,.collection-compact .collection-card__open{display:none}.collection-compact .collection-card h3{margin-top:6px}.collection-compact .collection-card__body>p{max-width:65ch}
@media(max-width:560px){.collection-compact .collection-card{grid-template-columns:85px 1fr;gap:16px}.collection-compact .collection-card__art{min-height:125px}.collection-compact .collection-card__art img{max-height:105px}.reader-tools{gap:12px}.reader-tools nav{position:static;margin-top:8px}}
/* Compact writing desk: original two-column composition, connected data. */
.writing-desk{background:radial-gradient(ellipse at 85% 50%,#10282d44,transparent 65%),#000}
.writing-desk>.wrap{display:grid;grid-template-columns:1fr 1.05fr;column-gap:80px;align-items:start}
.desk-heading{display:block;margin:0}.desk-heading h2{font-size:clamp(44px,4.5vw,64px)}
.desk-heading .micro-label{margin-bottom:25px}.desk-intro{margin-top:28px;max-width:360px}.desk-intro>p{font-size:13px}.desk-intro .quiet-link{margin-top:12px}
.desk-projects{display:flex;flex-direction:column;gap:34px;padding-top:8px}
.desk-project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;padding:0;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
.desk-project:hover{box-shadow:none}.desk-project::after,.desk-project__top>.micro-label{display:none}
.desk-project h3{grid-column:1;grid-row:1;margin:0;font-size:32px;line-height:1.2}
.desk-percent{grid-column:2;grid-row:1;align-self:center;font:500 16px/1.5 var(--ui);letter-spacing:0;color:#b2e7ed;font-variant-numeric:tabular-nums}
.desk-percent span{font:inherit;margin:0;color:inherit}.desk-project progress{grid-column:1/-1;grid-row:2;height:4px;margin:18px 0 12px;border-radius:0}
.desk-project__top{grid-column:1/-1;grid-row:3}.desk-stage{border:0;padding:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a9c0c7}
.desk-note{grid-column:1/-1;grid-row:4;margin:7px 0 0;font-size:12px;min-height:0;color:#9fb4bb}
.desk-footer{grid-column:2;display:block;margin-top:26px;font-size:11px}.desk-footer>span{display:block;margin-top:8px}
@media(max-width:800px){.writing-desk>.wrap{column-gap:35px}.desk-project h3{font-size:27px}}
@media(max-width:600px){.writing-desk>.wrap{grid-template-columns:minmax(0,1fr);gap:35px}.desk-heading h2{font-size:48px}.desk-projects{padding-top:0}.desk-footer{grid-column:1;margin-top:0}.desk-intro>p{max-width:38ch}.desk-project h3{font-size:30px}}