
:root{
  --ink:#0a0807;
  --ink-soft:#1a1511;
  --ivory:#efe9e1;
  --ivory-2:#f7f3ed;
  --paper:#fbf8f3;
  --gold:#d9b56f;
  --gold-light:#f1d590;
  --gold-deep:#b68545;
  --stone:#d6c7b5;
  --taupe:#9a8875;
  --line:rgba(10,8,7,.14);
  --white:#fffdf9;
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Manrope", Arial, sans-serif;
  --shell:min(1180px, calc(100% - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
::selection{background:var(--gold);color:var(--ink)}
.shell{width:var(--shell);margin-inline:auto}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe);margin:0 0 18px}
.display{font-family:var(--serif);font-size:clamp(56px,7.7vw,118px);line-height:.84;font-weight:500;letter-spacing:-.048em;margin:0}
h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.03em}
h2{font-size:clamp(44px,5vw,74px);line-height:.98;margin:0}
h3{font-size:32px;line-height:1.05;margin:0}
p{margin-top:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:9999}

/* Header */
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;transition:.25s ease}
.site-header.scrolled{background:rgba(10,8,7,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{height:88px;display:flex;align-items:center;gap:28px}
.brand img{height:56px;width:auto}
.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav-links a{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#f4eadc}
.nav-links a:hover{color:var(--gold-light)}
.nav-toggle{display:none;margin-left:auto;border:0;background:transparent;width:44px;height:44px}
.nav-toggle span{display:block;height:1px;background:#fff;margin:7px 0}
.header-cta{margin-left:6px}

/* buttons */
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:.22s ease}
.btn-dark{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.btn-dark:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light)}
.btn-light{border-color:rgba(255,255,255,.35);color:white}
.btn-light:hover{border-color:var(--gold);color:var(--gold)}
.btn-ghost{background:transparent}
.text-link{display:inline-flex;gap:10px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}

/* Hero */
.hero{min-height:100vh;background:var(--ink);color:white;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px 0 70px}
.hero:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 70% 22%, rgba(217,181,111,.18), transparent 30%),
  linear-gradient(115deg, rgba(255,255,255,.025), transparent 52%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:8vw;align-items:center}
.hero .eyebrow{color:#cdbda8}
.hero-copy{max-width:660px}
.hero-copy .display .gold{color:var(--gold)}
.hero-lead{font-family:var(--serif);font-size:24px;line-height:1.3;color:#d7cfc5;max-width:620px;margin:34px 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-art{position:relative;min-height:590px;display:grid;place-items:center}
.hero-card{position:absolute;inset:4% 5%;border:1px solid rgba(217,181,111,.38);background:linear-gradient(145deg,#16110e,#0b0908 66%,#2b2118);box-shadow:0 30px 100px rgba(0,0,0,.25)}
.hero-card:after{content:"";position:absolute;inset:26px;border:1px solid rgba(217,181,111,.14)}
.hero-logo{position:relative;z-index:2;width:min(66%,360px);filter:drop-shadow(0 20px 45px rgba(0,0,0,.35))}
.hero-note{position:absolute;right:0;bottom:2%;z-index:3;background:var(--ivory);color:var(--ink);padding:22px 26px;width:250px;border-top:2px solid var(--gold)}
.hero-note strong{display:block;font-family:var(--serif);font-size:26px;font-weight:500}
.hero-note span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#756554}
.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8f8274}

/* statement */
.statement{padding:90px 0;background:var(--ivory)}
.statement-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}
.statement-copy{font-family:var(--serif);font-size:clamp(30px,3.2vw,48px);line-height:1.05;margin:0}
.statement-small{max-width:520px;color:#6f6256}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}
.stat{background:var(--ivory);padding:28px}
.stat strong{font-family:var(--serif);font-size:clamp(28px,3.4vw,46px);font-weight:500;display:block;line-height:1.02}
.stat span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#786a5d}

/* worlds */
.worlds{padding:120px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}
.section-head p:last-child{max-width:430px;color:#75685d;margin-bottom:4px}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.world-card{position:relative;overflow:hidden;min-height:490px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line)}
.world-card.big{min-height:490px}
.world-card:before{content:"";position:absolute;inset:0;transition:transform .6s ease}
.world-card:hover:before{transform:scale(1.025)}
.world-card>*{position:relative;z-index:1}
.world-card .eyebrow{margin-bottom:12px}
.world-card h3{font-size:clamp(46px,5vw,76px)}
.world-card p{max-width:450px}
.world-card.heritage{background:#e4d7c6;color:#2a1e14}
.world-card.heritage:before{background:
  linear-gradient(0deg,rgba(246,240,230,.15),rgba(246,240,230,.15)),
  radial-gradient(circle at 72% 25%,rgba(255,255,255,.7),transparent 22%),
  linear-gradient(135deg,#b69d7b 0%,#eadfce 50%,#8a7158 100%)}
.world-card.opaline{background:#ead7d0}
.world-card.opaline:before{background:
  radial-gradient(circle at 25% 15%,rgba(255,255,255,.85),transparent 25%),
  radial-gradient(circle at 78% 75%,rgba(184,133,126,.4),transparent 26%),
  linear-gradient(145deg,#f4ebe6,#d9bdb7 52%,#a58983)}
.world-card.ashbourne{background:#172116;color:#f1ede6}
.world-card.ashbourne:before{background:
  radial-gradient(circle at 70% 20%,rgba(194,163,100,.25),transparent 22%),
  linear-gradient(145deg,#263021,#10150e 60%,#4c3b26)}
.world-card.obsidian{background:#111;color:#f3eee8}
.world-card.obsidian:before{background:
  radial-gradient(circle at 20% 20%,rgba(155,123,93,.24),transparent 24%),
  linear-gradient(145deg,#0b0b0c,#1e1917 50%,#080808)}
.world-card .card-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}
.world-card.dark .eyebrow,.world-card.dark p{color:#c8beb0}

/* membership */
.membership{padding:120px 0;background:var(--ink);color:white}
.membership .section-head .eyebrow{color:#b9a894}
.membership .section-head p:last-child{color:#b5aa9e}
.tiers{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:16px;align-items:stretch}
.tier{position:relative;border:1px solid rgba(255,255,255,.14);padding:34px;display:flex;flex-direction:column;min-height:410px;background:#100d0b}
.tier.vip{background:linear-gradient(145deg,#3c2c1e,#17100b 55%,#080706);border-color:rgba(217,181,111,.48);box-shadow:0 0 0 1px rgba(217,181,111,.08) inset}
.tier-badge{position:absolute;right:20px;top:18px;color:var(--gold);font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.tier-name{font-family:var(--serif);font-size:38px;margin:0 0 8px}
.price{font-family:var(--serif);font-size:60px;line-height:1;margin:26px 0 22px}
.price small{font-family:var(--sans);font-size:10px;letter-spacing:.08em;color:#aa9f94}
.tier ul{padding:0;list-style:none;margin:0 0 34px;color:#c9c0b7}
.tier li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.tier .btn{margin-top:auto}
.tier-note{font-size:10px;color:#92867a;margin-top:16px}
.vip .tier-name,.vip .price{color:var(--gold-light)}

/* funnel */
.funnel{padding:120px 0;background:var(--ivory)}
.funnel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.funnel-card{padding:52px;border:1px solid var(--line);background:var(--paper)}
.funnel-card.dark{background:var(--ink-soft);color:white;border-color:var(--ink-soft)}
.funnel-card h3{font-size:52px;margin-bottom:18px}
.funnel-card p{color:#6f6358;max-width:520px}
.funnel-card.dark p{color:#c6bbb0}
.funnel-card.dark .eyebrow{color:#baa993}

/* history */
.history{padding:120px 0}
.timeline{margin-top:54px;border-top:1px solid var(--line)}
.timeline-item{display:grid;grid-template-columns:150px 1fr 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.timeline-item .year{font-family:var(--serif);font-size:26px;color:var(--gold-deep)}
.timeline-item strong{font-family:var(--serif);font-size:30px;font-weight:500}
.timeline-item p{color:#786b5f;margin-bottom:0}

/* about + socials */
.about{padding:120px 0;background:#e8dfd4}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.about-logo-panel{background:#0a0807;padding:56px;min-height:420px;display:grid;place-items:center}
.about-logo-panel img{width:min(80%,390px)}
.about-copy .lead{font-family:var(--serif);font-size:34px;line-height:1.08}
.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.socials a{font-size:9px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}

/* final CTA */
.final-cta{padding:110px 0;background:linear-gradient(145deg,#d7bd8c,#f0dec0);text-align:center}
.final-cta h2{max-width:900px;margin:0 auto 24px}
.final-cta p{max-width:660px;margin:0 auto 34px;color:#635342}

/* footer */
footer{background:#080706;color:#d8cec0;padding:60px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}
.footer-logo img{height:105px;width:auto}
.footer-heading{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:12px;color:#c6baac}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;color:#7e7469}

/* responsive */
@media(max-width:980px){
  .hero-grid,.statement-inner,.about-grid{grid-template-columns:1fr}
  .hero-art{min-height:440px}
  .world-grid{grid-template-columns:1fr}
  .world-card.big{min-height:560px}
  .tiers{grid-template-columns:1fr}
  .tier{min-height:auto}
  .funnel-grid{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:100px 1fr}
  .timeline-item p{grid-column:2}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  :root{--shell:min(100% - 28px,1180px)}
  .header-inner{height:74px}
  .brand img{height:46px}
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:#0a0807;padding:22px 14px;flex-direction:column;align-items:flex-start;margin:0;border-top:1px solid rgba(255,255,255,.08)}
  .nav-links.open{display:flex}
  .header-cta{display:none}
  .hero{min-height:auto;padding-top:120px}
  .hero-art{min-height:390px}
  .hero-note{right:10px;width:220px}
  .statement,.worlds,.membership,.funnel,.history,.about{padding:82px 0}
  .stats{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-direction:column}
  .world-card.big,.world-card{min-height:470px}
  .timeline-item{grid-template-columns:1fr;gap:8px}
  .timeline-item p{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}


/* interior pages */
.page-hero{padding:170px 0 90px;background:var(--ink);color:white;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(217,181,111,.16),transparent 30%)}
.page-hero .shell{position:relative;z-index:1}
.page-hero h1{font-family:var(--serif);font-size:clamp(58px,7vw,106px);font-weight:500;line-height:.88;letter-spacing:-.045em;max-width:930px;margin:0}
.page-hero p:last-child{max-width:650px;color:#c8bfb5;font-family:var(--serif);font-size:22px;margin:28px 0 0}
.page-section{padding:100px 0}
.page-section.alt{background:var(--ivory)}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.editorial-card{border:1px solid var(--line);background:var(--paper);padding:30px;min-height:320px;display:flex;flex-direction:column}
.editorial-card h3{font-size:40px;margin-bottom:14px}
.editorial-card p{color:#75685d}
.editorial-card .text-link,.editorial-card .btn{margin-top:auto;align-self:flex-start}
.editorial-card.vip-card{background:var(--ink-soft);color:#fff;border-color:var(--ink-soft)}
.editorial-card.vip-card p{color:#c8beb4}
.editorial-card.vip-card h3{color:var(--gold-light)}
.seo-copy{max-width:860px;margin:0 auto}
.seo-copy h2{margin-bottom:26px}
.seo-copy p{font-family:var(--serif);font-size:21px;color:#66594e}
.clean-list{list-style:none;padding:0;margin:28px 0}
.clean-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}
.clean-list span:first-child{font-family:var(--serif);font-size:25px}
.clean-list span:last-child{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#817365}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.editorial-grid{grid-template-columns:1fr}.page-hero{padding-top:130px}}

.more-worlds{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
@media(max-width:760px){.more-worlds{grid-template-columns:1fr!important}}


/* Evergreen membership labels — no hard-coded prices */
.tier-focus{
  font-family:var(--serif);
  font-size:clamp(34px,3.4vw,52px);
  line-height:1;
  margin:26px 0 22px;
  letter-spacing:-.025em;
}
.vip .tier-focus,
.vip-card .tier-focus{color:var(--gold-light)}
.pricing-note{
  font-size:10px;
  color:#786f67;
  margin-top:18px;
  letter-spacing:.02em;
}
.editorial-card .tier-focus{
  font-size:42px;
  margin:22px 0 18px;
}


/* V2.3 — balanced Signature Worlds */
.world-grid-balanced{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.world-grid-balanced .world-card{
  min-height:500px;
}
.world-grid-balanced .world-card h3{
  font-size:clamp(42px,4.2vw,64px);
}
.world-grid-balanced .world-card p{
  max-width:390px;
}
.tier-value{
  font-family:var(--serif);
  font-size:22px;
  line-height:1.12;
  margin:-8px 0 22px;
  color:#d2c8be;
}
.tier.vip .tier-value,
.vip-card .tier-value{
  color:var(--gold-light);
}
.editorial-card .tier-value{
  color:#655b52;
  margin-top:-4px;
}
.vip-card .tier-value{
  color:#f1d590;
}
@media(max-width:980px){
  .world-grid-balanced{grid-template-columns:1fr 1fr}
  .world-grid-balanced .world-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .world-grid-balanced{grid-template-columns:1fr}
  .world-grid-balanced .world-card:last-child{grid-column:auto}
  .world-grid-balanced .world-card{min-height:430px}
}
