/* Shared styling for the gated guide pages — Gilded Minimal */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --ivory:#F9F6F1; --ivory-mid:#EEE8DE; --ivory-deep:#E0D8CD;
  --gold:#C4A882; --gold-deep:#A8896A; --gold-pale:#F0E8DA;
  --ink:#1C1917; --ink-mid:#5C5248; --ink-lt:#9C9088; --ink-cap:#6E6359;
  --gold-text:#7E6242; --white:#FFFFFF;
  --serif:'Libre Baskerville',Georgia,serif; --sans:'Nunito Sans',system-ui,sans-serif;
}
html { font-size:16px; scroll-behavior:smooth; }
body { font-family:var(--sans); color:var(--ink); background:var(--ivory); line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.gwrap { max-width:1040px; margin:0 auto; padding:0 32px; }

/* nav */
.gnav { border-bottom:1px solid var(--ivory-deep); background:var(--ivory); }
.gnav-inner { display:flex; align-items:center; justify-content:space-between; height:66px; }
.gnav-name { font-family:var(--serif); font-size:18px; text-decoration:none; }
.gnav-back { font-size:13px; font-weight:600; color:var(--ink-mid); text-decoration:none; letter-spacing:0.02em; }
.gnav-back:hover { color:var(--ink); }

/* hero split */
.ghero { padding:72px 0 88px; position:relative; overflow:hidden; }
.ghero::before { content:''; position:absolute; top:0; right:0; width:40%; height:100%; background:var(--gold-pale); z-index:0; }
.ghero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-text); margin-bottom:20px; }
.ghero h1 { font-family:var(--serif); font-weight:400; font-size:clamp(42px, 4.6vw, 60px); line-height:1.08; letter-spacing:-0.025em; color:var(--ink); margin-bottom:22px; }
.ghero .lead { font-size:18px; color:var(--ink-mid); max-width:30em; margin-bottom:28px; }
.inside { list-style:none; }
.inside li { position:relative; padding-left:30px; margin-bottom:14px; font-size:16px; color:var(--ink); }
.inside li::before { content:''; position:absolute; left:0; top:10px; width:14px; height:2px; background:var(--gold); }

/* form card */
.form-card { background:var(--white); border:1px solid var(--ivory-deep); border-top:3px solid var(--gold); border-radius:3px; padding:36px 32px; box-shadow:0 12px 40px rgba(28,25,23,0.10); }
.form-card h2 { font-family:var(--serif); font-weight:400; font-size:23px; margin-bottom:8px; }
.form-card .sub { font-size:14.5px; color:var(--ink-mid); margin-bottom:24px; }
.field { margin-bottom:18px; }
.field label { display:block; font-size:12px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-mid); margin-bottom:7px; }
.field input { width:100%; font-family:var(--sans); font-size:15px; color:var(--ink); background:var(--ivory); border:1px solid var(--ivory-deep); border-radius:2px; padding:13px 14px; }
.field input:focus { outline:none; border-color:var(--gold); background:var(--white); }
.hp { position:absolute; left:-9999px; }
.btn { display:inline-block; width:100%; text-align:center; font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; text-decoration:none; padding:16px 28px; border-radius:2px; cursor:pointer; border:1.5px solid var(--ink); background:var(--ink); color:var(--ivory); transition:all .2s ease; }
.btn:hover { background:var(--gold-deep); border-color:var(--gold-deep); transform:translateY(-1px); }
.privacy { font-size:12.5px; color:var(--ink-cap); margin-top:14px; text-align:center; }

/* centered thank-you */
.center-wrap { min-height:calc(100vh - 66px); display:grid; place-items:center; text-align:center; padding:56px 32px; }
.center-box { max-width:560px; }
.center-box h1 { font-family:var(--serif); font-weight:400; font-size:36px; line-height:1.25; margin-bottom:16px; }
.center-box h1 .the { font-style:italic; }
.center-box p { color:var(--ink-mid); font-size:17px; margin-bottom:28px; }
.rule { width:48px; height:1px; background:var(--gold); margin:0 auto 28px; }
.btn-inline { display:inline-block; width:auto; margin:0 6px 12px; }
.btn-ghost { background:transparent; color:var(--ink); }
.btn-ghost:hover { background:var(--ink); color:var(--ivory); }

/* footer */
.gfoot { background:var(--ink); color:var(--ivory-deep); padding:40px 0; font-size:13px; }
.gfoot a { color:var(--gold); text-decoration:none; }
.gfoot .gwrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.gfoot-right { display:inline-flex; align-items:center; gap:20px; flex-wrap:wrap; }
.gfoot-right a:hover { color:var(--ivory); }
.social { display:inline-flex; align-items:center; gap:14px; }
.social a { display:inline-flex; color:var(--gold); transition:color .2s ease; }
.social a:hover { color:var(--ivory); }
.social svg { width:19px; height:19px; fill:currentColor; display:block; }

@media (max-width:820px) {
  .ghero-grid { grid-template-columns:1fr; gap:36px; }
  .ghero::before { width:100%; height:34%; }
  .ghero { padding:48px 0 56px; }
  .ghero h1 { font-size:32px; }
  .form-card { order:-1; }
}
