:root { --ink:#19271e; --cream:#f5f0e6; --paper:#fbf8f1; --terracotta:#b85c43; --moss:#506448; --line:rgba(25,39,30,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.site-header { align-items:center; display:flex; justify-content:space-between; max-width:1280px; margin:auto; padding:26px 42px; }
.brand { font-family:"Playfair Display",serif; font-size:25px; font-weight:700; letter-spacing:-.04em; }.brand em { color:var(--terracotta); font-weight:500; }
nav { display:flex; gap:30px; } nav a { color:#14261b; font-size:14px; font-weight:600; letter-spacing:.03em; } nav a.is-active { color:var(--terracotta); font-size:16px; font-weight:700; } nav a:hover,.contact-link:hover,.text-link:hover { color:var(--terracotta); }
.contact-link { font-size:13px; font-weight:600; }.contact-link span { color:var(--terracotta); font-size:17px; margin-left:5px; }
.hero { background:var(--cream); display:grid; grid-template-columns:1.12fr .88fr; gap:40px; min-height:620px; padding:88px max(6vw,42px) 75px; }
.hero-copy { align-self:center; max-width:690px; }.eyebrow,.section-kicker { color:var(--terracotta); font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,blockquote { font-family:"Playfair Display",serif; font-weight:500; line-height:1.02; letter-spacing:-.045em; margin:0; }
h1 { font-size:clamp(54px,6.5vw,93px); }.intro { font-size:18px; line-height:1.65; max-width:570px; margin:32px 0; }
.button { background:var(--ink); color:white; display:inline-flex; align-items:center; gap:24px; font-size:13px; font-weight:600; padding:15px 20px; transition:transform .2s,background .2s; }.button:hover { background:var(--terracotta); transform:translateY(-2px); }.button span { font-size:17px; }
.portrait-wrap { align-self:center; justify-self:center; margin:0; position:relative; width:min(340px,80vw); }.portrait-wrap img { display:block; filter:grayscale(100%) contrast(1.08); position:relative; width:100%; z-index:1; }.sun { background:#d7a25d; border-radius:50%; height:235px; position:absolute; right:-50px; top:-36px; width:235px; }.portrait-wrap figcaption { font-size:12px; margin-top:12px; position:relative; z-index:2; }.portrait-wrap figcaption span { color:#617065; }
.manifesto { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; max-width:1100px; margin:auto; padding:135px 38px; }.manifesto h2 { font-size:clamp(38px,4vw,57px); max-width:730px; }.manifesto div p { max-width:630px; margin:30px 0 0; }
.collection { background:var(--ink); color:var(--cream); padding:105px max(6vw,42px) 120px; }.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:45px; }.section-heading h2,.books h2 { font-size:clamp(42px,4.7vw,68px); }.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(245,240,230,.3); }.card { border-right:1px solid rgba(245,240,230,.3); color:inherit; min-height:350px; padding:27px 28px; display:flex; flex-direction:column; text-decoration:none; }.card:last-child { border:0; }.card p { color:#aab49e; font-size:12px; margin:0; }.card h3 { font-size:43px; margin-top:auto; }.card span { color:#c7d0c1; font-size:14px; max-width:200px; margin:8px 0 26px; }.card-stories { background:#273a2f; }.card-poems { background:#33503c; }.card-books { background:#4a6b52; }
@media (max-width:980px) { .cards { grid-template-columns:1fr; }.card { border-right:0; border-bottom:1px solid rgba(245,240,230,.3); }.card:last-child { border-bottom:0; } }
.books { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1120px; margin:auto; padding:130px 38px; }.books-decorative { display:block; padding:90px 38px; }.books-decorative .book-display { margin:0 auto; max-width:470px; }.book-copy { max-width:470px; }.book-copy>p:not(.section-kicker) { margin:26px 0; }.text-link { border-bottom:1px solid var(--ink); display:inline-flex; gap:65px; font-size:13px; font-weight:600; padding-bottom:8px; }.text-link span { color:var(--terracotta); font-size:19px; }.book-display { min-height:370px; position:relative; }.book { box-shadow:18px 22px 35px rgba(25,39,30,.24); height:300px; object-fit:cover; position:absolute; width:205px; }.book-one { left:45px; top:36px; transform:rotate(-8deg); }.book-two { right:35px; top:3px; transform:rotate(8deg); }
.closing { background:var(--terracotta); color:#fff9ef; padding:105px 40px; text-align:center; }.closing .section-kicker { color:#f7c7a7; }.closing blockquote { font-size:clamp(48px,6vw,82px); margin:15px 0 9px; }.closing>p:not(.section-kicker) { margin:0 0 27px; }.button-light { background:#fff9ef; color:var(--terracotta); }.button-light:hover { background:var(--ink); color:white; } footer { display:flex; justify-content:space-between; color:#667067; font-size:11px; max-width:1280px; margin:auto; padding:25px 42px; }
.subpage { background:var(--paper); }.collection-hero,.editorial { background:var(--cream); min-height:370px; padding:95px max(10vw,42px) 80px; }.collection-hero h1,.editorial h1 { font-size:clamp(57px,7vw,96px); margin:10px 0 18px; }.collection-hero>p:last-child,.lead { font-size:18px; max-width:560px; }.archive { max-width:1080px; margin:auto; padding:76px 38px 120px; }.archive-list { border-top:1px solid var(--line); }.archive-item { align-items:center; border-bottom:1px solid var(--line); color:inherit; display:grid; gap:25px; grid-template-columns:80px 1fr; padding:26px 0; text-decoration:none; }.archive-item>span { color:var(--terracotta); font-size:12px; font-weight:600; }.archive-item h2 { font-size:clamp(28px,3vw,43px); }.editorial { padding-bottom:115px; }.editorial .lead { margin:25px 0 38px; }.prose { font-size:18px; max-width:620px; }.prose p { margin:0 0 22px; }.contact-page { min-height:560px; }
.entry-hero { background:var(--cream); padding:92px max(10vw,42px) 42px; }.entry-hero h1 { font-size:clamp(54px,7vw,94px); margin:10px 0 36px; }.entry-cover { box-shadow:15px 18px 32px rgba(25,39,30,.2); display:block; margin:0 0 30px; max-height:290px; max-width:210px; object-fit:contain; }.reading { font-family:"Playfair Display",serif; font-size:20px; line-height:1.75; margin:0 auto; max-width:720px; padding:52px 36px 125px; }.reading p { margin:0 0 1.4em; }.reading.story p { margin:0; }.reading.story p:has(> br:only-child) { display:none; }.reading.poem { font-size:20px; max-width:600px; text-align:center; }.reading.poem p { margin-bottom:.35em; }.archive-item:has(.archive-cover) { grid-template-columns:86px 80px 1fr; }.archive-cover { height:88px; object-fit:contain; width:65px; }
@media (max-width:760px) { .site-header { flex-wrap:wrap; gap:16px; padding:20px 22px; }.site-header nav { align-items:baseline; display:flex; gap:20px; order:3; width:100%; }.site-header nav a { font-size:15px; }.site-header nav a.is-active { font-size:17px; }.hero { grid-template-columns:1fr; padding:70px 26px 55px; }.portrait-wrap { margin-top:20px; }.manifesto,.books { grid-template-columns:1fr; gap:20px; padding:80px 26px; }.collection { padding:75px 26px; }.section-heading { display:block; }.section-heading h2 { margin-top:8px; }.cards { grid-template-columns:1fr; }.card { border-right:0; border-bottom:1px solid rgba(245,240,230,.3); min-height:265px; }.book-display { margin-top:20px; }.book-one { left:5px; }.book-two { right:0; }.closing { padding:82px 26px; } footer { padding:20px 24px; } }
.book-one { left:10px; top:36px; }.book-two { right:10px; top:36px; }.book-three { left:50%; top:3px; transform:translateX(-50%); z-index:1; }
.reading.alika-kokkina p { margin:0; }
@media (max-width:760px) { .book-one { left:0; }.book-two { right:0; } }