/* Waterhouse Press - shared black & gold theme */
:root{
  --bg:#08060a; --bg2:#0e0b10; --panel:#120d12; --line:rgba(201,162,75,.28);
  --ink:#efe7da; --muted:#b6ab98; --gold:#c9a24b; --gold2:#e7c873; --goldDeep:#8c6a28; --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost','Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;overflow-x:hidden;
  background-image:radial-gradient(1100px 600px at 50% -5%, rgba(201,162,75,.08), transparent 60%);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
h1,h2,h3,.disp{font-family:'Cinzel',Georgia,serif;font-weight:600;letter-spacing:.02em}
.gold{background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,var(--goldDeep));-webkit-background-clip:text;background-clip:text;color:transparent}
a{color:inherit;text-decoration:none}
.rule{height:2px;border:0;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold2) 50%,var(--gold) 80%,transparent);opacity:.7}
.italic{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic}

.btn-gold{display:inline-block;background:linear-gradient(180deg,var(--gold2),var(--gold) 60%,var(--goldDeep));border:1px solid var(--gold2);
  color:#1a1206;font-family:'Cinzel',serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:14px 30px;border-radius:7px;
  box-shadow:0 6px 20px rgba(201,162,75,.3);transition:.16s;cursor:pointer}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 26px rgba(231,200,115,.45)}
.btn-ghost{display:inline-block;border:1px solid var(--gold);border-radius:7px;padding:14px 26px;color:var(--ink);
  font-family:'Cinzel',serif;letter-spacing:.04em;background:linear-gradient(180deg,#171015,#0d090c);transition:.16s}
.btn-ghost:hover{border-color:var(--gold2);box-shadow:0 0 16px rgba(201,162,75,.3)}

/* NAV */
nav{position:sticky;top:0;z-index:60;background:rgba(8,6,10,.9);backdrop-filter:blur(10px)}
nav .row{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:16px 22px}
nav .brand{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.16em;font-size:1.12rem}
nav .menu{display:flex;align-items:center;gap:30px}
nav .menu>a,nav .menu>.drop>.dt{font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:.15s}
nav .menu>a:hover,nav .menu>.drop:hover>.dt{color:var(--gold2)}
nav .drop{position:relative}
nav .drop>.dt::after{content:" ▾";color:var(--gold);font-size:.7em}
nav .panel{position:absolute;top:calc(100% + 14px);right:0;min-width:340px;background:#0d0a0e;border:1px solid var(--line);
  border-radius:10px;padding:14px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;
  box-shadow:0 20px 50px rgba(0,0,0,.6);display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
nav .drop:hover .panel{opacity:1;visibility:visible;transform:translateY(0)}
nav .panel a{font-family:'Jost',sans-serif;font-size:.85rem;text-transform:none;color:var(--muted);padding:7px 8px;border-radius:6px;transition:.12s}
nav .panel a:hover{color:var(--gold2);background:rgba(201,162,75,.08)}
nav .ham{display:none;width:30px;flex-direction:column;gap:5px;cursor:pointer}
nav .ham span{height:2px;background:var(--gold);border-radius:2px}
.drawer{position:fixed;inset:0 0 0 auto;width:min(86%,340px);z-index:70;background:#0c0a0e;border-left:1px solid var(--line);
  transform:translateX(100%);transition:.26s;padding:80px 26px 30px;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer a{display:block;font-family:'Cinzel',serif;font-size:.92rem;letter-spacing:.06em;color:var(--ink);padding:13px 0;border-bottom:1px solid rgba(201,162,75,.14)}
.drawer .sub{font-family:'Jost',sans-serif;font-size:.85rem;letter-spacing:0;color:var(--muted);text-transform:none;padding:9px 0 9px 14px;border:0}
.drawer .lbl{color:var(--gold);font-size:.72rem;letter-spacing:.18em;margin-top:14px;border:0;padding-bottom:4px}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:65;opacity:0;visibility:hidden;transition:.2s}
.scrim.open{opacity:1;visibility:visible}
@media(max-width:760px){ nav .menu{display:none} nav .ham{display:flex} }

/* PAGE HERO */
.page-hero{text-align:center;padding:64px 22px 30px}
.page-hero .eyebrow{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:.74rem;margin-bottom:14px}
.page-hero h1{font-size:clamp(2.1rem,5.4vw,3.2rem)}
.page-hero .sub{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);font-size:1.35rem;margin-top:10px}

/* PROSE */
.prose{max-width:760px;margin:0 auto;padding:10px 22px 40px}
.prose p{margin:0 auto 18px;color:var(--ink)}
.prose .lead{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--muted)}
.prose h2{font-size:1.5rem;margin:34px 0 12px}

/* AUTHOR GRID */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;max-width:var(--maxw);margin:0 auto;padding:20px 22px 60px}
.acard{background:linear-gradient(180deg,#100c10,#0a070a);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.acard:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 44px rgba(201,162,75,.18)}
.acard .ph{aspect-ratio:1/1;overflow:hidden;background:#0b080b}
.acard .ph img{width:100%;height:100%;object-fit:cover;object-position:center top}
.acard .meta{padding:16px;text-align:center}
.acard .nm{font-family:'Cinzel',serif;font-size:1.05rem}
.acard .ac{font-size:.72rem;letter-spacing:.06em;color:var(--gold);margin-top:4px;text-transform:uppercase}
.acard .gn{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);font-size:1.02rem;margin-top:6px}
.monogram{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:2.4rem;
  color:var(--gold);background:radial-gradient(circle at 50% 35%, rgba(201,162,75,.18), #0b080b 70%)}

/* AUTHOR DETAIL */
.adetail{max-width:920px;margin:0 auto;padding:30px 22px 50px;display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start}
.adetail .portrait{border-radius:12px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 14px 40px rgba(0,0,0,.6)}
.adetail .portrait img{width:100%;display:block}
.adetail h1{font-size:clamp(1.8rem,4.4vw,2.6rem)}
.adetail .ac{color:var(--gold);font-family:'Cinzel',serif;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin:8px 0}
.adetail .gn{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);font-size:1.3rem;margin-bottom:16px}
.adetail .bio{font-size:1.05rem;margin-bottom:22px}
.adetail .seriesH{font-family:'Cinzel',serif;color:var(--gold);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.adetail ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.adetail li{border:1px solid var(--line);border-radius:50px;padding:7px 15px;font-size:.86rem;color:var(--ink)}
@media(max-width:680px){ .adetail{grid-template-columns:1fr} .adetail .portrait{max-width:260px;margin:0 auto} }

/* FOOTER */
footer.site{padding:40px 0 54px;text-align:center;color:var(--muted)}
footer.site .b{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:.16em;display:block;margin-bottom:8px}
footer.site .flinks{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
footer.site .flinks a:hover{color:var(--gold2)}