:root{--plum:#24121f;--plum2:#311a2b;--rose:#d9a3a8;--gold:#d8ac5f;--text:#f3e8ea;--mute:#bfa9b1}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--plum);color:var(--text);font:16px/1.65 Inter,system-ui,sans-serif}
h1,h2,h3,.brand{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.15}
a{color:var(--gold)}
.preview-bar{background:var(--gold);color:var(--plum);text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;position:sticky;top:0;background:rgba(36,18,31,.92);backdrop-filter:blur(6px);z-index:5}
.brand{color:var(--rose);text-decoration:none;font-size:1.3rem;letter-spacing:.08em}
.brand span{font-size:.7em;letter-spacing:.3em;text-transform:uppercase;color:var(--text);font-weight:500}
.nav nav{display:none}.nav nav a{color:var(--mute);text-decoration:none;margin-left:22px;font-size:.9rem}.nav nav a:hover{color:var(--gold)}
.hero{text-align:center;padding:40px 20px 70px;background:radial-gradient(ellipse at 50% 30%,rgba(216,172,95,.18),transparent 60%),linear-gradient(180deg,rgba(36,18,31,.6),var(--plum)),url(assets/banner-1280.jpg) center/cover}
.logo{width:min(260px,70vw);height:auto;border-radius:50%;box-shadow:0 0 60px rgba(216,172,95,.25)}
.eyebrow{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;margin:24px 0 8px}
h1{font-size:clamp(2.2rem,7vw,4rem);margin:0 0 16px}
.sub{max-width:620px;margin:0 auto 28px;color:var(--mute);font-size:1.05rem}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.badge{border:1px solid var(--rose);color:var(--rose);border-radius:99px;padding:6px 14px;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase}
.btn{display:inline-block;background:var(--gold);color:var(--plum);border:0;border-radius:99px;padding:12px 24px;font:600 .95rem Inter,sans-serif;text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.wrap{padding:64px 20px;max-width:1040px;margin:0 auto}
.alt{max-width:none;background:var(--plum2)}.alt>*{max-width:1000px;margin-left:auto;margin-right:auto}
h2{font-size:clamp(1.9rem,5vw,2.8rem);margin:0 0 16px;color:var(--rose)}
h3{font-size:1.4rem;margin:0 0 6px;color:var(--gold)}
.lead{color:var(--mute);max-width:640px}
.grid3{display:grid;gap:18px}
.card{background:var(--plum2);border:1px solid rgba(217,163,168,.18);border-radius:14px;padding:22px}
.themes{text-align:center;color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:1.3rem;margin-top:32px}
.journey{list-style:none;counter-reset:s;padding:0;display:grid;gap:12px;margin:28px auto}
.journey li{counter-increment:s;display:flex;flex-direction:column;padding:14px 16px 14px 60px;position:relative;border-left:2px solid var(--gold);background:rgba(0,0,0,.12);border-radius:0 10px 10px 0}
.journey li:before{content:counter(s);position:absolute;left:16px;top:12px;font:600 1.6rem "Cormorant Garamond",serif;color:var(--gold)}
.journey b{font-family:"Cormorant Garamond",serif;font-size:1.3rem}.journey span{color:var(--mute);font-size:.95rem}
.formats p{color:var(--mute);margin:0}
.verse{text-align:center;padding:56px 20px}
blockquote{margin:0 auto;max-width:700px;font:italic 500 clamp(1.5rem,4vw,2.2rem)/1.3 "Cormorant Garamond",serif}
cite{display:block;margin-top:10px;font:normal .8rem Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.form{display:grid;gap:14px;max-width:720px;margin-top:24px}.row{display:grid;gap:14px}
label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--mute)}
input,textarea{background:#1b0d17;border:1px solid rgba(217,163,168,.3);border-radius:10px;color:var(--text);padding:12px;font:inherit}
input:focus,textarea:focus{outline:2px solid var(--gold);border-color:transparent}
.check{flex-direction:row;align-items:center;gap:10px}.check input{width:20px;height:20px}
.form .btn{justify-self:start}.note{font-size:.8rem;color:var(--mute);margin:0}.ok{color:var(--gold)}
.center{text-align:center}.center .lead{margin:0 auto}
.signup{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.signup input{flex:1 1 240px;max-width:340px}
.host p{max-width:720px}.book{font-size:.9rem;color:var(--mute)}
footer{text-align:center;padding:40px 20px;border-top:1px solid rgba(217,163,168,.15);color:var(--mute)}.small{font-size:.8rem}
@media(min-width:760px){.nav nav{display:block}.grid3{grid-template-columns:repeat(3,1fr)}.row{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.hero{padding:70px 20px 100px}}
.big{font-size:1.1rem;margin-bottom:18px}.grid3{margin-top:28px}
/* ===== Desktop editorial layout (>=900px only) ===== */
@media(min-width:900px){
  :root{--hair:rgba(216,172,95,.35)}
  .nav{padding:18px 6vw;border-bottom:1px solid rgba(216,172,95,.15)}
  .hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto auto auto 1fr;column-gap:5vw;align-content:center;text-align:left;padding:60px 7vw;
    background:linear-gradient(90deg,var(--plum) 0%,rgba(36,18,31,.85) 45%,rgba(36,18,31,.35) 100%),radial-gradient(ellipse at 75% 50%,rgba(216,172,95,.18),transparent 55%),url(assets/banner-1280.jpg) center/cover}
  .hero .logo{grid-column:2;grid-row:1/5;align-self:center;justify-self:center;width:min(440px,32vw)}
  .hero .eyebrow{grid-column:1;margin:0 0 20px;padding-top:18px;border-top:1px solid var(--hair);width:max-content}
  .hero h1{grid-column:1;font-size:clamp(3.6rem,5.4vw,6rem);font-weight:500;line-height:1.02;margin:0 0 28px;letter-spacing:-.01em}
  .hero .sub{grid-column:1;margin:0 0 36px;max-width:56ch;font-size:1.15rem}
  .hero .cta{grid-column:1;justify-content:flex-start;align-self:start}
  .wrap{max-width:1240px;padding:110px 7vw}
  .alt>*{max-width:1240px}
  h2{font-size:clamp(2.6rem,3.4vw,3.4rem);font-weight:500;margin-bottom:28px}
  h2:after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-top:18px}
  .center h2:after{margin-left:auto;margin-right:auto}
  .lead{max-width:65ch;font-size:1.1rem}
  /* What this is: heading left, copy right */
  #show{display:grid;grid-template-columns:1fr 2fr;column-gap:6vw}
  #show h2{grid-row:1/3}
  #show .lead{grid-column:2}
  #show .grid3,#show .themes{grid-column:1/-1}
  #show .grid3{margin-top:56px;gap:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  #show .card{background:none;border:0;border-radius:0;padding:36px 32px}
  #show .card+.card{border-left:1px solid var(--hair)}
  #show .themes{margin-top:44px;letter-spacing:.08em;font-size:1.45rem}
  .verse{padding:120px 7vw;border-top:1px solid rgba(216,172,95,.15);border-bottom:1px solid rgba(216,172,95,.15);background:radial-gradient(ellipse at center,rgba(216,172,95,.08),transparent 65%)}
  blockquote{max-width:22ch;font-size:clamp(2.4rem,3.2vw,3.2rem)}
  /* Story: intro left, form right */
  #story{display:grid;grid-template-columns:5fr 7fr;column-gap:6vw;align-items:start}
  #story h2,#story .lead{grid-column:1}
  #story .lead{position:sticky;top:120px}
  #story .form{grid-column:2;grid-row:1/3;margin-top:0;max-width:none;padding:44px;border:1px solid var(--hair);border-radius:4px;background:rgba(0,0,0,.14)}
  input,textarea{border-radius:4px}
  /* Signup band */
  #signup{padding:100px 7vw}
  #signup{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:center;text-align:left}
  #signup>*{max-width:none;margin:0}
  #signup h2:after{margin-left:0}
  #signup .lead{grid-column:1;margin:0}
  #signup .signup{grid-column:2;grid-row:1/3;justify-content:flex-start;margin:0}
  #signup .signup input{max-width:none}
  /* Host: visual left, bio right */
  #host{display:grid;grid-template-columns:5fr 7fr;column-gap:6vw;align-items:center}
  #host:before{content:"";grid-row:1/4;aspect-ratio:1;width:100%;max-width:420px;border-radius:50%;background:url(assets/logo-640.jpg) center/cover;box-shadow:0 0 80px rgba(216,172,95,.18);border:1px solid var(--hair)}
  #host h2,#host p{grid-column:2}
  #host p{font-size:1.1rem;max-width:62ch}
  #host .book{font-size:.95rem;padding-top:18px;border-top:1px solid var(--hair)}
  footer{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:40px 7vw;border-top:1px solid var(--hair)}
  footer p{margin:0}
}
@media(min-width:900px){
  .hero{grid-template-rows:auto auto auto auto;align-content:center}
  .hero h1{font-size:clamp(3.6rem,5vw,5.6rem)}
  #story{grid-template-rows:auto 1fr}
  #story .lead{align-self:start}
  #signup{max-width:none;padding:100px max(7vw,calc((100vw - 1240px)/2 + 7vw*0))}
}
@media(min-width:900px){#story{grid-template-columns:4fr 6fr;column-gap:5vw}#story h2{font-size:clamp(2.6rem,3.4vw,3.4rem)}}
@media(min-width:1600px){.wrap,.alt>*{max-width:1360px}#story{column-gap:96px}}