
:root {
  --forest: #15372e;
  --forest-dark: #071713;
  --gold: #c9a64d;
  --cream: #f7efe1;
  --paper: #fffaf1;
  --rose: #b87b78;
  --ink: #202521;
  --muted: #69716d;
  --line: rgba(21,55,46,.16);
  --shadow: 0 28px 90px rgba(7,23,19,.16);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; background: var(--cream); color: var(--ink); line-height: 1.65; }
h1,h2,h3 { font-family: "Cormorant Garamond", Georgia, serif; line-height: .96; color: var(--forest-dark); margin: 0 0 1rem; letter-spacing: -.035em; }
h1 { font-size: clamp(3.4rem, 9vw, 8rem); }
h2 { font-size: clamp(2.35rem, 5vw, 4.6rem); }
h3 { font-size: clamp(1.75rem, 3vw, 2.6rem); }
a { color: inherit; }
.skip-link { position:absolute; left:-999px; top:1rem; background:var(--forest); color:var(--paper); padding:.75rem 1rem; z-index:999; }
.skip-link:focus { left:1rem; }
.site-header { position: sticky; top:0; z-index:50; display:flex; justify-content:space-between; align-items:center; padding: 1rem 6vw; background: rgba(247,239,225,.92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.brand, .footer-brand { text-decoration:none; display:flex; gap:.6rem; align-items:center; color:var(--forest); font-family:"Cormorant Garamond", Georgia, serif; font-weight:700; font-size:1.65rem; }
.brand-mark { color:var(--gold); }
.nav-links { display:flex; gap:1.2rem; align-items:center; font-weight:700; font-size:.92rem; }
.nav-links a { text-decoration:none; color:var(--forest-dark); }
.nav-cta { border:1px solid var(--forest); border-radius:999px; padding:.55rem .9rem; }
.menu-toggle { display:none; border:0; background:transparent; color:var(--forest); font-size:1.8rem; }
.eyebrow, .section-kicker { margin:0 0 .9rem; text-transform:uppercase; letter-spacing:.18em; font-size:.76rem; font-weight:800; color:var(--gold); }
.section { padding: 6rem 6vw; }
.centered { text-align:center; margin-left:auto; margin-right:auto; }
.section-heading { max-width: 880px; margin-bottom:3rem; }
.lead { font-size: clamp(1.15rem, 2vw, 1.45rem); color:#38423d; }
.button { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--forest); border-radius:999px; padding:.9rem 1.25rem; text-decoration:none; font-weight:800; }
.primary { background:var(--forest); color:var(--paper); }
.secondary { background:transparent; color:var(--forest); }
.text-link { font-weight:800; color:var(--forest); text-decoration:none; }
.premium-hero { min-height: 92vh; display:grid; grid-template-columns:1.2fr .8fr; gap:4rem; align-items:center; padding: 7rem 6vw; background: radial-gradient(circle at 78% 35%, rgba(201,166,77,.22), transparent 32%), linear-gradient(135deg, #fff7e8, var(--cream)); }
.hero-tagline { font-family:"Cormorant Garamond", Georgia, serif; color:var(--forest); font-size: clamp(1.55rem, 3vw, 2.45rem); margin:.75rem 0 1rem; }
.hero-copy { max-width: 760px; font-size:1.16rem; color:#3c4741; }
.hero-actions, .showcase-actions { display:flex; gap:1rem; flex-wrap:wrap; margin-top:2rem; }
.premium-light { position:relative; min-height:480px; border-radius:2.4rem; background:linear-gradient(180deg, var(--forest), var(--forest-dark)); overflow:hidden; box-shadow:var(--shadow); border:1px solid rgba(201,166,77,.42); display:grid; place-items:center; }
.light-orb { position:absolute; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(201,166,77,.55), rgba(201,166,77,.18) 38%, transparent 70%); filter: blur(8px); }
.light-symbol { position:relative; color:var(--gold); font-size:8rem; text-shadow:0 0 50px rgba(201,166,77,.8); }
.split { display:grid; grid-template-columns:.82fr 1.18fr; gap:4rem; align-items:start; }
.showcase-stack { display:grid; gap:5rem; }
.showcase { display:grid; grid-template-columns: .82fr 1.18fr; gap:4rem; align-items:center; border-top:1px solid var(--line); padding-top:4rem; }
.showcase:first-child { border-top:0; padding-top:0; }
.showcase.reverse { grid-template-columns:1.18fr .82fr; }
.showcase.reverse .showcase-cover { order:2; }
.showcase-cover { display:grid; place-items:center; min-height:380px; border-radius:2rem; background:linear-gradient(145deg, #fff7e9, #eadfc9); border:1px solid var(--line); box-shadow:var(--shadow); padding:2rem; }
.showcase-cover img { max-width:min(100%, 300px); max-height:460px; border-radius:.75rem; box-shadow:0 24px 70px rgba(7,23,19,.24); }
.cover-placeholder { width: 220px; height: 320px; border-radius:.8rem; background:linear-gradient(180deg, var(--forest), var(--forest-dark)); color:var(--gold); display:grid; place-items:center; font-size:5rem; border:1px solid rgba(201,166,77,.45); box-shadow:0 24px 70px rgba(7,23,19,.2); }
.cover-placeholder.large { width:min(100%, 340px); height:500px; }
.showcase-copy { max-width:720px; }
.comps { color:var(--muted); }
.page-hero { padding: 6rem 6vw; background:linear-gradient(135deg, #fff7e8, var(--cream)); border-bottom:1px solid var(--line); }
.page-hero p { max-width: 820px; font-size:1.18rem; color:#3f4844; }
.work-page-hero { display:grid; grid-template-columns:.82fr 1.18fr; gap:4rem; align-items:center; padding:6rem 6vw; background:linear-gradient(135deg,#fff7e8,var(--cream)); border-bottom:1px solid var(--line); }
.work-page-cover { display:grid; place-items:center; }
.work-page-cover img { max-width:min(100%, 360px); max-height:560px; border-radius:.9rem; box-shadow:var(--shadow); border:1px solid var(--line); }
.metadata { display:grid; gap:.75rem; margin-top:1.5rem; }
.metadata div { display:grid; grid-template-columns:170px 1fr; gap:1rem; border-top:1px solid var(--line); padding-top:.75rem; }
.metadata dt { font-weight:800; color:var(--forest); }
.metadata dd { margin:0; }
.dark-section { background:var(--forest-dark); color:var(--paper); }
.dark-section h2, .dark-section h3 { color:var(--paper); }
.dark-section p { color:#e5dcc9; }
.values-grid, .purchase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.values-grid article, .purchase-card { border:1px solid rgba(255,250,241,.16); background:rgba(255,250,241,.08); border-radius:1.25rem; padding:2rem; }
.purchase-section .purchase-card { background:var(--paper); border-color:var(--line); box-shadow:0 14px 45px rgba(7,23,19,.08); }
.theme-list { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; }
.theme-list span { border:1px solid var(--line); border-radius:999px; padding:.35rem .8rem; color:var(--forest); background:var(--paper); font-weight:800; }
.newsletter-section { background:linear-gradient(135deg, var(--forest), var(--forest-dark)); }
.newsletter-box { max-width:780px; margin:auto; background:var(--paper); border-radius:2rem; padding:3rem; text-align:center; }
.newsletter-form { display:flex; gap:.75rem; max-width:540px; margin:2rem auto 0; }
.newsletter-form input { flex:1; min-width:0; border:1px solid var(--line); border-radius:999px; padding:1rem; font:inherit; }
.newsletter-form button { border:0; cursor:pointer; }
.form-message { min-height:1.5rem; color:var(--forest); font-weight:800; }
.site-footer { border-top:1px solid var(--line); padding:2.5rem 6vw; display:grid; gap:1rem; color:var(--muted); }
.footer-links { display:flex; gap:1rem; flex-wrap:wrap; }
.footer-links a { color:var(--forest); font-weight:800; }
.email-link { font-family:"Cormorant Garamond", Georgia, serif; color:var(--forest); font-size:2rem; }
@media (max-width:900px) {
  .menu-toggle { display:block; }
  .nav-links { display:none; position:absolute; left:6vw; right:6vw; top:100%; flex-direction:column; align-items:stretch; background:var(--paper); border:1px solid var(--line); border-radius:1rem; padding:1rem; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .premium-hero, .split, .showcase, .showcase.reverse, .work-page-hero, .values-grid, .purchase-grid { grid-template-columns:1fr; }
  .showcase.reverse .showcase-cover { order:0; }
  .premium-light { min-height:300px; }
  .newsletter-form { flex-direction:column; }
  .metadata div { grid-template-columns:1fr; gap:.2rem; }
}
