:root {
  --paper:#f5f1e8;
  --ink:#1f1d1a;
  --muted:#6e675e;
  --accent:#7a2f3a;
  --line:#d6cec1;
  --card:#fffdf8;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,232,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:24px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{width:205px!important;height:auto!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important}
nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;font-size:.95rem}
nav a:hover,.text-link:hover{color:var(--accent)}
.hero{padding:86px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:.78rem;font-weight:700}
h1,h2,h3{line-height:1.08;margin:0 0 18px;font-weight:500}
h1{font-size:clamp(3rem,7vw,6.3rem);letter-spacing:-.045em}
h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.03em}
h3{font-size:1.4rem}
.lead{font-size:1.2rem;max-width:680px;color:#4d4842}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid var(--ink);font-size:.92rem;letter-spacing:.04em}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn:hover{transform:translateY(-1px)}
.hero-stack{min-height:470px;position:relative}
.hero-book{position:absolute;width:46%;aspect-ratio:4/5;border-radius:2px;box-shadow:0 22px 45px rgba(29,25,20,.18);display:block;overflow:hidden;background:#eee9e1;border:1px solid rgba(29,25,20,.08)}
.hero-book img{width:100%;height:100%;object-fit:contain;display:block}
.book1{left:4%;top:10%;background:linear-gradient(160deg,#18171d,#504455);transform:rotate(-7deg)}
.book2{right:6%;top:0;background:linear-gradient(160deg,#543945,#141218);transform:rotate(5deg)}
.book3{left:29%;bottom:0;background:linear-gradient(160deg,#59745d,#d1b47f);transform:rotate(1deg)}
.section{padding:72px 0;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.book-card{min-width:0}
.cover{aspect-ratio:2/3;background:#d8d2c8;border:1px solid #c8c0b3;box-shadow:0 12px 24px rgba(33,28,22,.1);display:flex;align-items:flex-end;padding:18px;position:relative;overflow:hidden}
.cover:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(0,0,0,.18))}
.cover span{position:relative;color:#fff;font-size:1.1rem;line-height:1.1}
.cover.hollow{background:#3b3440}.cover.hidden{background:#596854}.cover.tiny{background:#889f6f}.cover.lantern{background:#83683b}.cover.nocturne{background:#313241}
.book-card h3{font-size:1.1rem;margin:14px 0 3px}.meta{font-size:.87rem;color:var(--muted)}
.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.collection{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.28);min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
.collection p{color:var(--muted);margin:0}
.feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center}.feature .cover{max-width:320px;margin:auto}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{padding-top:18px;border-top:2px solid var(--ink)}
.newsletter{background:var(--ink);color:var(--paper);padding:52px}.newsletter p{color:#d3ccc1;max-width:630px}.signup{display:flex;gap:10px;max-width:650px}.signup input{flex:1;padding:14px;border:1px solid #82796f;background:#2a2723;color:white}.signup button{padding:14px 20px;border:0;background:var(--paper);color:var(--ink)}
.site-footer{padding:42px 0;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.page-hero{padding:70px 0 45px}.page-hero p{max-width:700px;color:var(--muted)}
.catalogue-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.chip{padding:9px 13px;border:1px solid var(--line);background:transparent;cursor:pointer}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.product-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.product-layout .cover{max-width:420px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:28px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.fact span{color:var(--muted)}
@media(max-width:900px){nav ul{display:none}.hero-grid,.feature,.product-layout{grid-template-columns:1fr}.hero-stack{min-height:390px}.book-grid{grid-template-columns:repeat(3,1fr)}.collections,.journal-grid{grid-template-columns:1fr}.feature .cover{margin:0}.newsletter{padding:36px 24px}}
@media(max-width:580px){.hero{padding-top:54px}.book-grid{grid-template-columns:repeat(2,1fr)}.section{padding:54px 0}.section-head{align-items:start;flex-direction:column}.hero-stack{min-height:320px}.signup{flex-direction:column}.facts{grid-template-columns:1fr}}

nav a.active, nav a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:6px}.article{display:block;color:inherit;text-decoration:none}.article:hover h3,.collection:hover h3,.book-card:hover h3{text-decoration:underline;text-underline-offset:4px}.prose{max-width:780px}.prose p{font-size:1.08rem;line-height:1.8}.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}


/* v3 launch-quality additions */
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:99;background:var(--ink);color:var(--paper);padding:10px 14px}
.nav-toggle{display:none;border:1px solid var(--line);background:transparent;padding:9px 12px;font:inherit;cursor:pointer}.mobile-nav{display:none}
.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:28px}.breadcrumbs a:hover{color:var(--accent)}
.product-cover-wrap{position:sticky;top:110px}.product-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pill{border:1px solid var(--line);padding:5px 9px;font-size:.78rem;color:var(--muted);background:rgba(255,255,255,.28)}
.product-copy{max-width:760px}.product-copy>p:not(.lead){font-size:1.05rem}.purchase-panel{margin:28px 0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.32)}.purchase-panel h3{margin-bottom:8px}.purchase-panel p{margin:0;color:var(--muted)}
.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.sample-placeholder{aspect-ratio:3/4;border:1px dashed #bcb3a7;background:rgba(255,255,255,.22);display:grid;place-items:center;text-align:center;padding:18px;color:var(--muted);font-size:.88rem}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related-grid .book-card .cover{max-width:220px}
.book-card .cover,.hero-book{transition:transform .18s ease,box-shadow .18s ease}.book-card:hover .cover{transform:translateY(-4px);box-shadow:0 17px 30px rgba(33,28,22,.16)}
.cover-image{padding:0;background:transparent}.cover-image img{width:100%;height:100%;object-fit:contain;display:block}.cover-image:before{display:none}
.notice{padding:14px 16px;border-left:3px solid var(--accent);background:rgba(122,47,58,.06);font-size:.92rem;color:var(--muted)}
@media(max-width:900px){.nav-toggle{display:block}nav{display:none}.mobile-nav.open{display:block;position:absolute;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px 18px}.mobile-nav ul{list-style:none;margin:0;padding:0}.mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.product-cover-wrap{position:static}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.sample-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}

.cover-image{aspect-ratio:4/5;background:#eee9e1}.book-card .cover-image{aspect-ratio:4/5}.product-cover-wrap .cover-image{aspect-ratio:4/5;max-width:460px}.cover-image img{background:#eee9e1}

.hero-book:hover{box-shadow:0 28px 54px rgba(29,25,20,.24);z-index:5}

/* Operational build: forms and administration */
.contact-form,.admin-form{display:grid;gap:18px;max-width:860px}.contact-form label,.admin-form label{display:grid;gap:7px;font-size:.9rem;font-weight:700}.contact-form input,.contact-form textarea,.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);font:inherit}.contact-form textarea,.admin-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.check-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.check-row label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.check-row input{width:auto}.article-body{font-size:1.08rem;line-height:1.85;white-space:normal}
.admin-body{background:#f3efe7}.admin-header{background:var(--ink);color:var(--paper);padding:18px 0}.admin-nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.admin-nav nav{display:flex;gap:18px;flex-wrap:wrap}.admin-nav nav a{font-size:.9rem}.admin-main{padding:45px 0 70px}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.admin-title h1{font-size:clamp(2rem,4vw,3.5rem)}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.admin-card{background:var(--card);border:1px solid var(--line);padding:24px;display:grid;gap:5px}.admin-card strong{font-size:2rem;font-weight:500}.admin-card span{color:var(--muted)}.admin-actions{margin:0 0 20px}.admin-table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line)}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.admin-table details{margin-top:8px}.admin-table summary{cursor:pointer;color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:rgba(0,0,0,.05);padding:.1em .35em}
@media(max-width:900px){.admin-nav{align-items:flex-start;flex-direction:column}.admin-nav nav{display:flex}.admin-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.form-grid{grid-template-columns:1fr}.admin-cards{grid-template-columns:1fr}}

@media (max-width:700px){.nav{min-height:58px}.brand-logo{width:160px!important;max-height:40px!important;height:auto!important}}

.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand img{width:38px;height:38px;object-fit:contain}


/* v6 final responsive polish — 2026-09-15 */
@media (max-width:580px){
  /* Homepage */
  .hero{padding-top:30px}
  .hero .lead{font-size:1rem;line-height:1.52}

  /* Shared page heroes */
  .page-hero{padding-top:34px;padding-bottom:24px}
  .page-hero .lead{font-size:1rem;line-height:1.52}

  /* Catalogue */
  .page-hero + .section{padding-top:36px}

  /* Product pages */
  .product-layout{gap:24px}
  .product-cover-wrap{max-width:88%;margin:0 auto}
  .product-kicker{margin-top:2px}
  .facts{margin:16px 0}
  .purchase-panel{margin:18px 0 22px}

  /* Collections */
  .collections{margin-top:-6px}
  .collection{padding-top:20px;padding-bottom:20px}

  /* About / general content sections */
  .section .prose{margin-top:-4px}
  .section + .section{padding-top:38px}

  /* Journal */
  .journal-grid{gap:18px}
  .journal-grid .article{border-top-width:2px;padding-top:14px}
  .journal-grid .article h3{font-size:1.28rem;line-height:1.18}
  .journal-grid .article p{line-height:1.6}

  /* Contact */
  .contact-form{gap:15px}
  .contact-form input{min-height:58px;padding:10px 12px}
  .contact-form textarea{padding:11px 12px}
}

@media (max-width:390px){
  .product-cover-wrap{max-width:90%}
  .journal-grid .article h3{font-size:1.22rem}
}