/* ============================================================
   Arjun Setia website — public design (from the approved homepage design, Oct 2026)
   Colours come from Admin → Site settings → Colours (inline :root override in header.php)
   ============================================================ */
:root{--sageband:#dee0d5;--footer:#302e2b;
  --paper:#f8f6f1; --paper2:#f2eee8; --paper3:#fffdf9; --ink:#302c29; --muted:#77716b;
  --terracotta:#ab6d5c; --terracotta-dark:#915342; --sage:#788579; --line:#e4ded6;
  --peach:#ead4c5; --serif:'EB Garamond','Baskerville','Iowan Old Style',Georgia,serif;
  --sans:'Cabin','Avenir Next','Helvetica Neue',Arial,sans-serif;
  --shadow:0 22px 52px rgba(73,51,40,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}
::selection{background:#efccba;color:#302c29}
.container{max-width:1192px;padding:0 34px;margin:0 auto}
.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;color:var(--terracotta)}
.tiny-rule{width:32px;height:1px;background:var(--terracotta);display:inline-block;margin-right:11px;vertical-align:middle}
.announcement{border-bottom:1px solid var(--line);color:#8b776e;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.1em;background:#f4eee8}
.announcement span{margin-right:8px;color:#b57c66}
header.site-header{position:relative;background:rgba(248,246,241,.98);border-bottom:1px solid var(--line);z-index:50}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.monogram{border:1px solid #b69b8c;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:20px;color:#986556;transform:rotate(-8deg)}
.brand-main{display:block;font-family:var(--serif);font-size:27px;line-height:24px;font-weight:500;letter-spacing:-.025em}
.brand-sub{display:block;font-size:8px;letter-spacing:.31em;margin-top:7px;color:#9a8276;text-transform:uppercase;font-weight:600}
.nav-links{display:flex;align-items:center;gap:31px;font-size:12px;color:#554b45}
.nav-links a:hover,.footer-links a:hover{color:var(--terracotta)}
.nav-actions{display:flex;align-items:center;gap:14px}
.nav-cta{border:1px solid #b99c8f;padding:12px 18px;color:#86584a;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:bold;transition:.2s}
.nav-cta:hover{background:#e9d7cd}
.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:24px;line-height:1}
.hero{padding:94px 0 99px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:62px;align-items:center}
.hero-copy{padding:6px 0 12px}
.hero-copy .eyebrow{margin-bottom:23px}
h1,h2,h3,p{margin-top:0}
.hero h1{font-family:var(--serif);font-size:clamp(63px,6.25vw,94px);font-weight:400;line-height:.93;letter-spacing:-.05em;margin-bottom:27px}
.hero h1 em,.page-title em{color:var(--terracotta);font-weight:400}
.hero-copy>p{font-family:var(--serif);font-size:22px;line-height:1.48;color:#766b64;max-width:490px;margin-bottom:28px}
.hero-ctas{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.145em;font-weight:bold;padding:17px 21px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--terracotta);color:white}
.btn-primary:hover{background:var(--terracotta-dark)}
.btn-text{border-bottom:1px solid #bda89b;padding:16px 2px 12px;color:#675347}
.hero-signoff{display:flex;align-items:center;gap:12px;color:#8c7d72;font-size:11px;margin-top:38px}
.signature{font:italic 24px var(--serif);color:#a16955;letter-spacing:-.05em}
.hero-art{height:553px;position:relative}
.art-board{position:absolute;inset:15px 0 31px 31px;background:#e9d9cb;overflow:hidden;box-shadow:var(--shadow)}
.art-board:before{content:'';position:absolute;width:390px;height:390px;background:#eee0d4;border-radius:50%;right:-120px;top:-150px;opacity:.7}
.art-board:after{content:'';position:absolute;bottom:-87px;left:-90px;width:245px;height:245px;border-radius:50%;border:1px solid rgba(255,255,255,.6)}
.hero-desk{position:absolute;inset:30px 20px 20px;width:calc(100% - 40px);height:calc(100% - 50px)}
.floating-quote{position:absolute;left:0;bottom:0;background:var(--paper3);padding:21px 25px 18px;box-shadow:0 13px 36px rgba(86,64,54,.11);width:254px;transform:rotate(-3deg)}
.floating-quote:before{content:'';position:absolute;width:52px;height:14px;top:-7px;left:110px;background:rgba(234,205,172,.55);transform:rotate(2deg)}
.floating-quote .eyebrow{font-size:8px;letter-spacing:.22em}
.floating-quote p{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.13;margin:9px 0 0}
.hero-side-note{position:absolute;right:-21px;bottom:64px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.23em;color:#9e806d;text-transform:uppercase}
.stamp{position:absolute;right:-21px;top:3px;border:1px solid #a98173;border-radius:50%;height:91px;width:91px;display:grid;place-items:center;text-align:center;transform:rotate(13deg);background:#f8f4ec;color:#9d6655;font:italic 18px/1 var(--serif);box-shadow:0 3px 8px rgba(73,50,35,.05)}
.topics-band{border-block:1px solid var(--line);padding:19px 0;background:#f4f0e9}
.topics-line{display:flex;justify-content:center;gap:36px;align-items:center;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:10px;color:#91847d}
.topics-line b{color:#bf947f;font:18px var(--serif)}
section{scroll-margin-top:35px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(43px,4.25vw,59px);letter-spacing:-.035em;line-height:1;margin:12px 0 0}
h2 em{color:var(--terracotta)}
.section-link{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#92614f;border-bottom:1px solid #ba9886;padding-bottom:9px;white-space:nowrap;font-weight:bold}
.books{padding:117px 0 115px;background:#fffdf9}
.book-feature{background:#f1e9df;display:grid;grid-template-columns:46% 54%;min-height:444px;overflow:hidden}
.book-visual{position:relative;background:radial-gradient(circle at 30% 20%,#f2dace,#e7c7b9 65%,#d9b5a7);display:flex;align-items:center;justify-content:center;min-height:445px}
.book-display{width:239px;height:330px;background:#fbe2d1;box-shadow:12px 16px 24px #855e5450,2px 2px 5px #855e5430;transform:rotate(-7deg);border-left:12px solid #ce978b;padding:21px 17px;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .25s}
.book-display:hover{transform:rotate(-3deg) translateY(-5px)}
.book-display:after{content:'';position:absolute;inset:0;border:3px double #bf8f81;pointer-events:none;opacity:.35}
.book-cover-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#ad6d60;font-weight:700}
.book-cover-title{font-family:var(--serif);font-size:38px;line-height:.95;font-weight:600;margin:7px 0;color:#6d453f}
.book-cover-small{font-family:var(--serif);font-style:italic;color:#987062;font-size:15px}
.book-people{width:100%;height:91px}
.book-cover-author{font-size:11px;letter-spacing:.2em;color:#805448;text-transform:uppercase}
.book-badge{position:absolute;right:30px;top:29px;background:#f9efdf;border-radius:50%;height:78px;width:78px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--serif);font-style:italic;line-height:1;color:#a37566;font-size:15px;transform:rotate(11deg)}
.book-detail{padding:64px 66px;display:flex;flex-direction:column;justify-content:center}
.book-detail .book-title{font:normal 51px/.98 var(--serif);letter-spacing:-.025em;margin:20px 0 20px}
.book-detail .book-subtitle{font:italic 24px/1.18 var(--serif);color:#a76d5d;margin-bottom:20px}
.book-detail p:not(.book-subtitle){font:19px/1.5 var(--serif);color:#706660;max-width:455px}
.book-detail .btn{align-self:start;margin-top:15px}
.book-note{margin-top:22px;color:#8c7770;letter-spacing:.03em;font:italic 16px var(--serif)}
.series{padding:107px 0 105px}
.series-desc{color:#82766e;font:19px/1.5 var(--serif);max-width:560px;margin:12px 0 0}
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story{min-width:0;cursor:pointer}
.story:hover .story-art{transform:translateY(-4px)}
.story-art{height:263px;position:relative;overflow:hidden;transition:transform .25s;isolation:isolate}
.story-number{position:absolute;top:17px;left:20px;color:rgba(255,255,255,.75);font-size:11px;letter-spacing:.15em;z-index:1}
.story-art .art-title{position:absolute;left:26px;right:24px;bottom:24px;z-index:2;font:normal 35px/.99 var(--serif);letter-spacing:-.015em;color:white;text-shadow:0 2px 5px #00000016}
.art-letters{background:#bc8477}
.art-letters:before{content:'';position:absolute;width:230px;height:154px;background:#e6c9b2;left:52px;top:13px;transform:rotate(-13deg);box-shadow:0 9px 20px #68453b50}
.art-letters:after{content:'';position:absolute;width:190px;height:127px;left:72px;top:30px;background:linear-gradient(145deg,transparent 49%,#bd9b86 49.5%,transparent 50.5%),linear-gradient(35deg,transparent 49%,#bd9b86 49.5%,transparent 50.5%),#f1e4d4;transform:rotate(-12deg);box-shadow:1px 1px 2px #55403930}
.art-lives{background:#53686b}
.art-lives:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #e8e6d15a;border-radius:50%;left:55px;top:-70px;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff08}
.art-lives:after{content:'';position:absolute;left:138px;top:39px;width:2px;height:137px;background:#d5cbb6;transform:rotate(25deg);box-shadow:18px 0 0 #d5cbb670}
.art-homes{background:#a98573}
.art-homes:before{content:'';position:absolute;width:184px;height:200px;left:82px;top:17px;border-radius:90px 90px 0 0;background:linear-gradient(180deg,#e8cfb0 0%,#d2a88a 100%);box-shadow:inset 0 0 0 13px #815e4e}
.art-homes:after{content:'';position:absolute;width:2px;height:140px;background:#785440;left:176px;top:59px;box-shadow: -55px 27px 0 #785440,55px 27px 0 #785440}
.art-talk{background:#a2aa9a}
.art-talk:before{content:'“';position:absolute;top:8px;left:46px;font:230px var(--serif);color:#e7e9d5a8;line-height:1}
.art-talk:after{content:'”';position:absolute;bottom:-101px;right:34px;font:230px var(--serif);color:#e7e9d588;line-height:1}
.art-person{background:#77728b}
.art-person:before{content:'';position:absolute;left:80px;top:-65px;width:220px;height:220px;border:1px solid #e0cfca80;border-radius:100%;box-shadow:0 0 0 33px #f6e7df1c,0 0 0 65px #f6e7df0f}
.art-person:after{content:'';position:absolute;width:75px;height:100px;right:75px;top:26px;border:3px solid #dcd2dc99;border-radius:50% 50% 30% 30%;transform:rotate(-13deg)}
.story-meta{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px;color:#a07564;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.story h3{font:normal 27px/1.05 var(--serif);letter-spacing:-.012em;margin-bottom:8px}
.story p{font:16px/1.35 var(--serif);color:#847971;margin-bottom:0}
.story-open{border:0;padding:0;background:transparent;width:100%;text-align:left;color:inherit}
.stories-more{margin-top:38px;display:flex;justify-content:center}
.reading{background:#eee9e1;padding:92px 0 105px}
.reading-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}
.reading-illustration{height:424px;position:relative;border:9px solid #f8f3ec;box-shadow:var(--shadow);background:linear-gradient(145deg,#adac9a,#778477);overflow:hidden}
.reading-illustration:before{content:'';position:absolute;width:295px;height:440px;border:10px solid #f2e0c8;background:#f0cfa9;left:calc(50% - 145px);top:31px;transform:rotate(-9deg)}
.reading-illustration:after{content:'';position:absolute;left:calc(50% - 104px);top:113px;width:215px;height:172px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 16px,#bba58e 17px,transparent 18px);transform:rotate(-9deg)}
.reading-ill-text{position:absolute;top:94px;left:calc(50% - 82px);font:italic 31px/1.07 var(--serif);color:#8c655b;transform:rotate(-9deg);width:171px;z-index:2}
.reading-ill-leaf{position:absolute;top:-72px;right:-10px;width:140px;height:350px;border-left:3px solid #49594c;transform:rotate(-25deg);z-index:3}
.reading-ill-leaf:before{content:'';position:absolute;top:23px;left:-63px;width:97px;height:198px;border-radius:90% 10%;background:#607361b0;transform:rotate(18deg)}
.reading-ill-leaf:after{content:'';position:absolute;top:130px;right:-40px;width:83px;height:136px;border-radius:10% 90%;background:#546a56c9;transform:rotate(-23deg)}
.reading .eyebrow{margin-bottom:20px}
.reading h2{font-size:clamp(48px,4.6vw,64px);margin-bottom:24px}
blockquote{margin:0 0 28px;padding-left:27px;border-left:2px solid #b9907e;font:italic 29px/1.25 var(--serif);color:#665950}
.reading p{font:19px/1.5 var(--serif);color:#7c6f65;max-width:500px}
.reading-small{font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;font-family:var(--sans)!important;margin-bottom:27px!important}
.about{padding:114px 0 113px;background:#fffdf9}
.about-layout{display:grid;grid-template-columns:1fr .98fr;gap:85px;align-items:center}
.about h2{margin-bottom:25px}
.about p{color:#756b65;font:20px/1.48 var(--serif);max-width:570px}
.about-art{background:#f1e4d9;min-height:370px;display:grid;place-items:center;position:relative;border:1px solid #e5d6ca}
.about-art:before{content:'';position:absolute;inset:22px;border:1px solid #d6b9a5}
.about-monogram{font:italic 126px var(--serif);color:#ae7564;letter-spacing:-.14em;transform:translateX(-9px)}
.about-note{position:absolute;bottom:46px;left:0;right:0;text-align:center;color:#9f7164;font:italic 20px var(--serif)}
.about-small{margin-top:20px;font:italic 17px var(--serif);color:#a4715e}
.letter{padding:105px 0;background:var(--sageband)}
.letter-inner{display:grid;grid-template-columns:1fr .97fr;align-items:center;gap:65px}
.letter h2{margin-bottom:22px}
.letter p{font:20px/1.42 var(--serif);color:#637064;max-width:485px}
.letter-form-box{background:#f9f7f1;box-shadow:0 18px 34px #354a3720;padding:40px 43px;position:relative}
.letter-form-box:before{content:'';position:absolute;top:-10px;left:43%;width:90px;height:23px;background:#e9d4bf99;transform:rotate(-2deg)}
.letter-form-box .hand{font:italic 24px var(--serif);color:#a56d5d;margin-bottom:12px}
.letter-form-box h3{font:normal 29px/1.15 var(--serif);margin-bottom:20px}
.letters-form{display:flex;gap:0}
.letters-form input{border:1px solid #dfd9d0;background:transparent;padding:14px 15px;width:100%;min-width:0;border-right:0;font-size:12px;outline-color:#bf8978}
.letters-form button{background:#a96e5b;color:white;border:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:0 19px;font-weight:bold;white-space:nowrap}
.form-feedback{font-size:11px;color:#7a6b5f;margin-top:12px;line-height:1.4;min-height:15px}
footer.site-footer{background:var(--footer);color:#ede7df;padding:58px 0 26px}
.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:start;padding-bottom:38px}
.footer-brand{font:38px var(--serif)}
.footer-brand small{display:block;font:italic 18px var(--serif);color:#cab9ad;margin-top:3px}
.footer-links{display:flex;gap:26px;font-size:12px;color:#d7cfc7}
.footer-bottom{border-top:1px solid #ffffff25;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#a99e94;font-size:10px;letter-spacing:.08em}
.footer-bottom em{font:italic 16px var(--serif);letter-spacing:0;color:#d5beae}
@media(max-width:1000px){.nav-links{gap:18px}.hero-grid{gap:35px;grid-template-columns:1.06fr .94fr}.hero-art{height:480px}.book-detail{padding:42px}.reading-layout{gap:55px}.about-layout{gap:50px}}
@media(max-width:760px){.container{padding:0 21px}.announcement{font-size:9px}.nav{height:72px}.brand-main{font-size:24px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#f8f6f1;border-top:1px solid var(--line);box-shadow:0 14px 19px #4c3a3220;padding:24px;flex-direction:column;align-items:start;gap:23px;z-index:20}.nav-links.open{display:flex}.nav-actions .nav-cta{display:none}.menu-btn{display:block}.hero{padding:58px 0 72px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(64px,12vw,82px);max-width:650px}.hero-copy>p{font-size:21px}.hero-art{height:470px;max-width:550px;width:100%;margin:auto}.art-board{inset:10px 12px 24px 15px}.hero-side-note{right:-6px}.stamp{right:0}.topics-line{gap:11px;font-size:8px}.books,.series,.about{padding:75px 0}.book-feature,.reading-layout,.about-layout,.letter-inner{grid-template-columns:1fr}.book-visual{min-height:380px}.book-detail{padding:42px 30px}.book-detail .book-title{font-size:43px}.stories-grid{grid-template-columns:repeat(2,1fr);gap:20px}.story-art{height:225px}.reading{padding:75px 0}.reading-layout{gap:35px}.reading-illustration{height:310px;max-width:450px;width:100%}.reading-ill-text{top:65px}.reading-illustration:after{top:84px}.about-layout{gap:38px}.about-art{min-height:280px}.letter{padding:75px 0}.letter-inner{gap:32px}.footer-main{flex-direction:column}.footer-links{flex-wrap:wrap}.section-head{align-items:start}.section-link{margin-top:15px}}
@media(max-width:500px){.hero{padding-top:48px}.hero-copy .eyebrow{font-size:9px}.hero h1{font-size:65px}.hero-copy>p{font-size:20px}.hero-art{height:393px}.floating-quote{width:203px;padding:16px 18px}.floating-quote p{font-size:19px}.stamp{height:74px;width:74px;font-size:15px}.hero-ctas{gap:10px}.btn{padding:15px 16px;font-size:10px}.btn-text{padding:14px 0 11px}.topics-line b{display:none}.topics-line{gap:18px;line-height:1.9}.section-head{display:block}.section-link{display:inline-block}.stories-grid{grid-template-columns:1fr}.story-art{height:259px}.story h3{font-size:26px}.book-display{transform:rotate(-6deg) scale(.91)}.book-detail{padding:36px 26px}.book-detail .book-title{font-size:40px}.reading h2{font-size:49px}blockquote{font-size:27px}.letter-form-box{padding:35px 24px}.letters-form{flex-direction:column;gap:8px}.letters-form input{border:1px solid #dfd9d0!important}.letters-form button{height:44px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ============================================================
   Additions for the full site (pages, reader, admin bar, forms)
   ============================================================ */
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200}.skip:focus{left:10px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.adminbar{background:#302c29;color:#e9dfd6;font-size:12px;padding:7px 20px;text-align:center}.adminbar a{color:#f0c9b8}
.brand-logo{max-height:52px;width:auto}
.mobile-only{display:none}
.btn-text{background:none;border-left:0;border-right:0;border-top:0}
.story-art .art-title{pointer-events:none}
.art-plain{background:#c9b8a6}
.art-more{background:#dbd1c1;display:grid;place-items:center}
.art-more .more-star{font:italic 99px var(--serif);color:#a97c67;line-height:1}
.art-more .art-title{color:#795f4e;text-shadow:none}
.art-photo .art-title{text-shadow:0 2px 14px #0007}
.art-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0006);z-index:1}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reading-illustration.has-photo:before,.reading-illustration.has-photo:after{display:none}
.reading-illustration.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
.about-art.has-photo{padding:22px;min-height:0;display:block}
.about-art.has-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;position:relative;z-index:1}
.about-art.has-photo .about-note{position:static;display:block;margin-top:16px}
.about-body p{color:#756b65;font:20px/1.48 var(--serif);max-width:570px}
.book-cover-img{max-width:270px;width:62%;box-shadow:12px 16px 24px #855e5450;transform:rotate(-4deg);transition:transform .25s;position:relative;z-index:1}
.book-cover-img:hover{transform:rotate(-1deg) translateY(-5px)}
.book-ctas{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:15px}
.book-detail .book-ctas .btn{margin-top:0}
.book-stores{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:22px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.book-stores span{color:#8c7770;font-weight:700;margin-right:4px}
.book-stores a{border:1px solid #c8ab9e;padding:9px 13px;color:#86584a;font-weight:700;transition:.2s;background:#fbf6f1}
.book-stores a:hover{background:#e9d7cd}
.book-price{font:italic 20px var(--serif)!important;color:var(--terracotta-dark)!important}
.centered{justify-content:center;text-align:center}
.books .book-feature+.book-feature{margin-top:30px}
.books.single{padding-top:50px}
.books.tight,.series.tight{padding-top:20px}
.book-body{padding:20px 0 100px;background:#fffdf9}
/* Page heads */
.page-head{padding:90px 0 50px}
.page-head .eyebrow{margin-bottom:18px}
.page-title{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.4vw,76px);line-height:.98;letter-spacing:-.04em;margin:0 0 22px}
.lead{font:22px/1.5 var(--serif);color:#766b64;max-width:640px}
.container.narrow{max-width:800px}
.crumbs{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a8276;margin-bottom:22px}
.crumbs a{border-bottom:1px solid #d6c2b6}.crumbs a:hover{color:var(--terracotta)}
.page-body{padding:10px 0 100px}
/* Prose (pages, stories, book details) */
.prose{font:21px/1.7 var(--serif);color:#4a423d}
.prose p{margin:0 0 1.1em}
.prose h2{font-size:clamp(32px,3.4vw,42px);margin:1.6em 0 .5em}
.prose h3{font:500 27px/1.2 var(--serif);margin:1.4em 0 .4em}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}.prose li{margin:.3em 0}
.prose ul li::marker{color:var(--terracotta)}
.prose a{color:var(--terracotta-dark);border-bottom:1px solid #d9b9aa}
.prose blockquote{font:italic 26px/1.4 var(--serif);margin:1.5em 0;padding-left:24px}
.prose blockquote p{margin:0}
.prose img{margin:1em 0}
.prose hr{border:0;text-align:center;margin:2em 0}.prose hr:after{content:'✧  ✧  ✧';color:#bf947f}
/* Collection page */
.collection-head{padding:80px 0 60px}
.collection-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.story-art.big{height:380px}
.story-art.big .art-title{font-size:46px}
.collection-head .prose{font-size:19px;color:#706660}
/* Story lists */
.story-list-wrap{padding:30px 0 90px}
.story-list{display:grid;gap:18px}
.story-row a{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fffdf9;border:1px solid var(--line);padding:26px 30px;transition:transform .2s,box-shadow .2s}
.story-row a:hover{transform:translateY(-3px);box-shadow:0 14px 30px #49332814}
.story-row img{width:150px;height:150px;object-fit:cover}
.story-row h3{font:normal 30px/1.08 var(--serif);margin:0 0 8px}
.story-row p{font:18px/1.45 var(--serif);color:#847971;margin:0 0 10px}
.story-row .story-meta{margin:0 0 10px}
.read-link{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#92614f}
.empty-note{text-align:center;padding:50px 30px;background:#fffdf9;border:1px solid var(--line)}
.empty-note .hand{font:italic 28px var(--serif);color:var(--terracotta)}
.empty-note p{font:19px var(--serif);color:#766b64}
/* Story reader */
.reader{padding:70px 0 40px;background:#fffdf9}
.reader-head{margin-bottom:34px}
.story-title{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.2vw,70px);line-height:1;letter-spacing:-.035em;margin:0 0 22px}
.reader-meta{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a8276;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.font-tools{margin-left:auto;display:inline-flex;gap:4px}
.font-tools button{border:1px solid #d8c6bb;background:transparent;color:#86584a;min-width:42px;min-height:36px;font:600 13px var(--sans)}
.font-tools button:hover{background:#efe2d9}
.story-body{font-size:calc(21px * var(--fs,1));line-height:1.75}
.reader-image{display:block;width:100%;margin:0 0 34px}
.story-end{text-align:center;font:italic 21px/1.6 var(--serif);color:#9f7164;margin:50px 0 30px}
.story-end span{color:#bf947f}
.share,.social-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:24px 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.share span,.social-row span{color:#8c7770;font-weight:700;margin-right:6px}
.share a,.share button,.social-row a{border:1px solid #d8c6bb;padding:9px 13px;color:#86584a;font-weight:700;background:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.share a:hover,.share button:hover,.social-row a:hover{background:#efe2d9}
.source-note{text-align:center;font:italic 16px var(--serif);color:#9a8276}
.source-note a{border-bottom:1px solid #d6c2b6}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 20px}
.pn{border:1px solid var(--line);padding:18px 22px;font:22px/1.2 var(--serif);background:var(--paper)}
.pn small{display:block;font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#a07564;margin-bottom:6px}
.pn.next{text-align:right;grid-column:2}
.pn:hover{border-color:#c8ab9e}
.draft-flag{background:#fbe9d9;color:#86584a;padding:10px 14px;font-size:13px;margin-bottom:18px;border-left:3px solid var(--terracotta)}
.letter.compact{padding:80px 0}
/* Reader notes */
.notes{padding:105px 0;background:var(--paper)}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.note-card{margin:0;background:#fffdf9;border:1px solid var(--line);padding:34px 36px;position:relative}
.note-card:before{content:'“';position:absolute;top:-8px;right:24px;font:110px/1 var(--serif);color:#ead4c5}
.note-card blockquote{border:0;padding:0;margin:0 0 20px;font:italic 22px/1.45 var(--serif);color:#665950;position:relative}
.note-card figcaption b{display:block;font:500 20px var(--serif);color:var(--ink)}
.note-card figcaption span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a07564;font-weight:700}
/* Forms */
.form-feedback.ok{color:#4d6a52;font-weight:600;font-size:13px}
.form-feedback.err{color:#a3402c;font-weight:600;font-size:13px}
.contact-box{margin-top:50px;background:#fffdf9;border:1px solid var(--line);padding:40px 44px}
.contact-box h2{margin:0 0 24px;font-size:44px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form .full{grid-column:1/-1}
.contact-form label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#86584a;margin-bottom:7px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfd9d0;background:#fff;padding:13px 14px;font:17px var(--serif);color:var(--ink)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #e3c5b7;border-color:#c8ab9e}
.notice{padding:12px 16px;font-size:14px;border-left:3px solid}
.notice.ok{background:#eef2ea;border-color:#788579;color:#3f5442}
.notice.err{background:#fbeae5;border-color:#a3402c;color:#7c2e1f}
.footer-social{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bfb3a9;justify-content:flex-end}
.footer-social a:hover{color:#f0c9b8}
@media(max-width:760px){
  .mobile-only{display:inline-block;margin-top:6px}
  .collection-grid{grid-template-columns:1fr;gap:34px}.story-art.big{height:260px}.story-art.big .art-title{font-size:36px}
  .page-head{padding:56px 0 30px}.collection-head{padding:50px 0 40px}
  .story-row a{grid-template-columns:1fr;padding:22px}.story-row img{width:100%;height:200px}
  .notes{padding:75px 0}.notes-grid{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr}.contact-box{padding:30px 22px}
  .footer-social{justify-content:flex-start}
  .reader{padding:46px 0 30px}.prose{font-size:19px}.story-body{font-size:calc(19px * var(--fs,1))}
  .font-tools{margin-left:0}
  .prevnext{grid-template-columns:1fr}.pn.next{grid-column:1}
}
@media print{.announcement,.site-header,.site-footer,.letter,.share,.prevnext,.font-tools,.adminbar,.story-list-wrap{display:none!important}.reader{padding:0}}