/* Phos Press — styled to match edscriver.com: white pages, light-grey bands,
   navy bold sans headings, uppercase spaced navigation, gold accents. */
:root{
  --paper:#FFFFFF; --band:#F7F7F8; --surface:#FFFFFF;
  --ink:#212635; --text:#474B57; --muted:#6B7080; --rule:#E3E4E9;
  --gold:#94681A; --gold-fill:#D9A441; --gold-soft:#FBF1DC;
  --btn:#212635; --btn-text:#FFFFFF; --btn-hover:#D9A441; --btn-hover-text:#212635;
  --cover-a:#212635; --cover-b:#343B55; --on-cover:#F6EBD6;
  --ok:#2F6B4F; --err:#A23B3B;
  --head:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --paper:#14161F; --band:#1B1E2A; --surface:#1B1E2A;
  --ink:#EDEEF3; --text:#C9CBD4; --muted:#9A9EAD; --rule:#2C3040;
  --gold:#E0B25A; --gold-fill:#E0B25A; --gold-soft:#3A3020;
  --btn:#EDEEF3; --btn-text:#14161F; --btn-hover:#E0B25A; --btn-hover-text:#14161F;
  --cover-a:#262B3F; --cover-b:#39405E; --on-cover:#F6EBD6;
  --ok:#7CC4A0; --err:#E68A8A;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#14161F; --band:#1B1E2A; --surface:#1B1E2A;
  --ink:#EDEEF3; --text:#C9CBD4; --muted:#9A9EAD; --rule:#2C3040;
  --gold:#E0B25A; --gold-fill:#E0B25A; --gold-soft:#3A3020;
  --btn:#EDEEF3; --btn-text:#14161F; --btn-hover:#E0B25A; --btn-hover-text:#14161F;
  --cover-a:#262B3F; --cover-b:#39405E; --on-cover:#F6EBD6;
  --ok:#7CC4A0; --err:#E68A8A;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.65 var(--body);-webkit-font-smoothing:antialiased;padding-inline:16px}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold-fill);outline-offset:3px;border-radius:3px}
.wrap{max-width:1080px;margin-inline:auto}

/* Header: light-grey band like edscriver.com */
header.site{position:sticky;top:0;z-index:5;background:var(--band);border-bottom:1px solid var(--rule);margin-inline:-16px;padding-inline:16px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding-block:14px}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.mark svg{flex:none;width:36px;height:36px}
.wm{font:800 27px/1.1 var(--head);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a{font:600 13px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:10px 12px;border-radius:6px;color:var(--muted)}
nav.main a:hover{color:var(--ink)}
nav.main a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold-fill);border-radius:0}

main{padding-block:52px 72px}
section.view{display:grid;gap:60px}

/* Type */
.eyebrow{font:700 12px/1.2 var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--head);font-weight:700;color:var(--ink);text-wrap:balance;margin:0;letter-spacing:0}
h1{font-size:clamp(32px,5vw,50px);line-height:1.15}
h1 em{font-style:normal;color:var(--gold)}
h2{font-size:clamp(24px,3.4vw,32px);line-height:1.2}
h3{font-size:21px;line-height:1.3}
p{margin:0;max-width:65ch}
.lede{font-size:20px;line-height:1.55;color:var(--text)}
.stack{display:grid;gap:16px;align-content:start}

/* Hero */
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.gloss{background:var(--cover-a);color:var(--on-cover);border-radius:10px;padding:32px;display:grid;gap:10px;position:relative;overflow:hidden}
.gloss::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(217,164,65,.45),transparent 65%)}
.gloss .word{font:400 52px/1.1 var(--body);color:#E9B85C;position:relative}
.gloss .pron{font:700 11px/1.4 var(--head);letter-spacing:.18em;text-transform:uppercase;color:rgba(246,235,214,.7)}
.gloss p{font-size:16px;color:rgba(246,235,214,.85);position:relative}
.gloss p b{color:#F6EBD6}

/* Imprint cards */
.imprints{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.imp{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:26px;display:grid;gap:12px;grid-template-rows:auto auto 1fr auto;transition:border-color .2s,transform .2s}
.imp:hover{border-color:var(--gold-fill)}
.imp .kind{font:700 11px/1.3 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.imp p{font-size:16px}
.links{display:flex;gap:10px;flex-wrap:wrap}

/* Buttons: dark, slightly rounded, like edscriver.com */
.btn{display:inline-flex;align-items:center;gap:6px;font:700 14px/1 var(--head);text-decoration:none;padding:12px 18px;border-radius:6px;border:1px solid var(--btn);background:var(--btn);color:var(--btn-text);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover);color:var(--btn-hover-text)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}
.btn.ghost:hover{border-color:var(--gold-fill);background:transparent;color:var(--ink)}
.btn.small{padding:8px 12px;font-size:13px}
.ext::after{content:"↗";font-size:.9em}

.band{background:var(--band);border-radius:10px;padding:36px;display:grid;grid-template-columns:1fr 2fr;gap:32px}

/* Profiles */
.profile-head{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:end}
.monogram{width:128px;aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--cover-a);color:#E9B85C;display:grid;place-items:center;font:700 48px/1 var(--head);box-shadow:0 0 0 6px var(--gold-soft)}
.tagline{font-size:21px;line-height:1.45;color:var(--muted)}
.cols{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
.facts{margin:0;border-top:2px solid var(--ink)}
.facts div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding-block:12px;border-bottom:1px solid var(--rule);font-size:16px}
.facts dt{font:700 11px/2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;color:var(--ink)}
blockquote{margin:0;padding:4px 0 4px 22px;border-left:3px solid var(--gold-fill);font:400 19px/1.55 var(--body);color:var(--ink);max-width:60ch}
blockquote cite{display:block;margin-top:10px;font:700 11px/1 var(--head);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* Feature (Ash: Bookish Troves) */
.feature{background:var(--gold-soft);border-radius:12px;padding:40px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.feature .lede{color:var(--ink)}
.trove{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.trove li{font:600 14px/1 var(--head);padding:10px 14px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--rule)}

/* Books */
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px}
.book{display:grid;gap:12px;align-content:start}
.book .btn{justify-self:start}
.cover{aspect-ratio:2/3;max-width:100%;border-radius:3px 8px 8px 3px;background:linear-gradient(165deg,var(--cover-a),var(--cover-b));color:var(--on-cover);padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 7px 0 0 rgba(0,0,0,.2),0 10px 24px -14px rgba(20,22,31,.6);overflow:hidden}
.cover .t{font:700 24px/1.15 var(--head);text-wrap:balance}
.cover .a{font:700 11px/1 var(--head);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.cover.gold{background:linear-gradient(170deg,#0E0E10 55%,#3A2A18)}
.cover.gold .t{color:#E2B75E;font-size:26px;text-transform:uppercase}
.cover.warm{background:linear-gradient(165deg,#5B2E1E,#8A4A26)}
.cover.teal{background:linear-gradient(165deg,#173B45,#23606B)}
.cover.plum{background:linear-gradient(165deg,#3A2140,#5E3562)}
.status{justify-self:start;font:700 11px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:4px;background:var(--gold-soft);color:var(--ink)}
.status.soon{background:transparent;border:1px solid var(--rule);color:var(--muted)}
.book p{font-size:16px}

/* Forms */
.contact{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
form{background:var(--band);border-radius:10px;padding:30px;display:grid;gap:18px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:grid;gap:6px;font:700 13px/1.2 var(--head);color:var(--ink)}
input,select,textarea{font:16px/1.4 var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:11px 12px;width:100%}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-fill);outline-offset:0;border-color:transparent}
.hint{font-size:14px;color:var(--muted)}
.notice{font-size:15px;padding:12px 14px;border-radius:6px;border:1px solid var(--rule)}
.notice.ok{border-color:var(--ok);color:var(--ok)}
.notice.err{border-color:var(--err);color:var(--err)}
.form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
label.check{display:flex;align-items:flex-start;gap:10px;font:400 15px/1.45 var(--body)}
label.check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--gold-fill)}

/* Privacy pages */
.prose{display:grid;gap:14px;max-width:68ch}
.prose h2{font-size:clamp(22px,3vw,28px);margin-top:18px}
.prose ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.prose a,.stack p a,.facts a{color:var(--ink);text-decoration-color:var(--gold-fill);text-underline-offset:3px}
.addr{font:600 15px/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);user-select:all;word-break:break-all}
.addr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Footer */
footer.site{border-top:1px solid var(--rule);padding-block:28px 40px;display:flex;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
footer.site nav{display:flex;gap:16px;flex-wrap:wrap}
footer.site nav + nav{margin-left:auto}
[id]{scroll-margin-top:110px}

@media (max-width:820px){
  .hero,.band,.cols,.contact,.feature{grid-template-columns:1fr}
  .imprints{grid-template-columns:1fr}
}
@media (max-width:520px){
  .wm{font-size:23px}
  .mark svg{width:32px;height:32px}
  main{padding-block:36px 56px}
  section.view{gap:44px}
  nav.main{gap:0}
  nav.main a{padding:8px 7px;font-size:12px;letter-spacing:.06em}
  .row{grid-template-columns:1fr}
  .profile-head{grid-template-columns:1fr;gap:20px}
  .monogram{width:88px;font-size:40px}
  form,.band,.feature,.gloss{padding:22px}
  .facts div{grid-template-columns:1fr;gap:2px}
  footer.site nav + nav{margin-left:0}
  .books{grid-template-columns:1fr;gap:28px}
  .book{grid-template-columns:104px 1fr;column-gap:16px;row-gap:8px}
  .book .cover{grid-row:1 / span 4;padding:12px 10px}
  .book .cover .t{font-size:16px}
  .book .cover.gold .t{font-size:15px}
  .book .cover .a{font-size:9px;letter-spacing:.12em}
  .book > :not(.cover){grid-column:2}
}
@media (prefers-reduced-motion:no-preference){
  section.view{animation:rise .35s ease-out}
  @keyframes rise{from{transform:translateY(6px)}to{transform:none}}
}

/* Smallest phones: keep the menu on one line */
@media (max-width:360px){
  nav.main a{padding:8px 5px;font-size:11.5px;letter-spacing:.02em}
}

/* Home: "New from Ash" strip */
.strip{background:var(--gold-soft);border-radius:12px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.strip .stack{flex:1 1 420px;gap:10px}
.strip h2{font-size:clamp(22px,3vw,28px)}
.strip p{color:var(--ink)}
.strip .links{flex:0 1 auto;min-width:0}
@media (max-width:520px){.strip{padding:22px}}