:root{--cream:#fbf6ef;--sand:#f3e9dc;--blush:#f6e4dc;--sage:#e7ece2;--sageink:#6f8466;--terra:#b8654a;--terra2:#c97b5f;--gold:#b8924f;--ink:#3a2e27;--soft:#6e5f55;--line:rgba(120,90,70,.16);--card:#fffdf9}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font:400 17px/1.75 "DM Sans",system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.12;color:var(--ink);overflow-wrap:break-word}
h1{font-size:clamp(42px,5.6vw,78px);letter-spacing:-.01em}
h1 em{color:var(--terra);font-style:italic;font-weight:400}
h2{font-size:clamp(32px,3.8vw,52px);max-width:30ch;margin-bottom:20px}
h3{font-size:clamp(23px,2vw,28px);font-weight:600;margin-bottom:10px}
p{overflow-wrap:break-word}a{color:inherit}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.eyebrow,.eyebrow.dk{font:600 12.5px/1.4 "DM Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin-bottom:16px}
.intro{font-size:19px;color:var(--soft);max-width:760px;margin-bottom:44px}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(251,246,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.brand{font:600 25px "Cormorant Garamond",serif;text-decoration:none;white-space:nowrap;color:var(--ink)}
.links{display:flex;gap:30px;font-size:14.5px;color:var(--soft)}.links a{text-decoration:none}.links a:hover{color:var(--terra)}
/* buttons */
.btn{display:inline-block;background:var(--terra);color:#fffaf4;font:600 15px "DM Sans",sans-serif;letter-spacing:.04em;text-decoration:none;padding:17px 34px;border-radius:999px;box-shadow:0 10px 24px rgba(184,101,74,.22);transition:transform .15s,background .15s}
.btn:hover{background:#a8573d;transform:translateY(-1px)}
.btn.sm{padding:10px 20px;font-size:13.5px;box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(58,46,39,.25);box-shadow:none}
.btn.ghost:hover{background:var(--sand)}
.btn.outline{background:transparent;color:var(--terra);border:1.5px solid var(--terra);box-shadow:none}
.btn.outline:hover{background:var(--blush)}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 22px}.ctas.c{justify-content:center}
.meta{font-size:14px;color:var(--soft)}
/* hero */
.hero{padding:100px 0 96px;background:radial-gradient(800px 480px at 88% 10%,rgba(232,182,160,.45),transparent 70%),radial-gradient(700px 500px at 0% 100%,rgba(196,210,184,.45),transparent 70%),var(--cream)}
.herogrid{display:grid;grid-template-columns:1.25fr .9fr;gap:64px;align-items:center}
.lede{font-size:20px;color:var(--soft);max-width:600px;margin-top:22px}
.heroq{background:var(--card);border-radius:24px;padding:44px 42px;box-shadow:0 20px 50px rgba(120,80,50,.10)}
/* quotes */
.q{margin:0}
.q blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:22px;line-height:1.42;color:var(--ink)}
.q figcaption{margin-top:14px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--terra)}
.q figcaption b{font-weight:600;margin-right:8px}
.q figcaption span{color:var(--soft);letter-spacing:.02em;text-transform:none;font-size:13px}
.q figcaption span:before{content:"· "}
.q.big blockquote{font-size:clamp(25px,2.4vw,32px)}
.q.sm blockquote{font-size:20px}.q.xs blockquote{font-size:18px}
.q.sm,.q.xs{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.q.wide{max-width:900px;margin:10px 0 48px}.q.wide blockquote{font-size:clamp(24px,2.3vw,31px)}
.q.center{text-align:center;max-width:820px;margin:34px auto}
.qi{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:20px}
.who{color:var(--terra);font-size:13px}
/* bands */
.band{padding:104px 0}
.dark{background:var(--cream)}
.dark2{background:var(--sand)}
.light{background:var(--blush)}
.ember{background:var(--sage)}
.strip{background:var(--terra);color:#fff8f0;padding:24px 0;text-align:center}
.strip p{font:500 italic clamp(20px,2vw,25px) "Cormorant Garamond",serif}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card,.conv,.move,.inc,.host,.price{background:var(--card);border:1px solid var(--line);padding:34px 30px;border-radius:22px;box-shadow:0 12px 34px rgba(120,80,50,.07)}
.card p,.conv p,.move p,.inc p{color:var(--soft)}
.num{display:inline-block;font:600 12.5px "DM Sans";letter-spacing:.14em;color:var(--sageink);background:var(--sage);border-radius:999px;padding:4px 12px;margin-bottom:16px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.split.center{align-items:center}
.stack{display:flex;flex-direction:column;gap:30px;background:var(--card);border-radius:24px;padding:40px;box-shadow:0 12px 34px rgba(120,80,50,.07)}
.stack .q.lt+.q.lt{border-top:1px solid var(--line);padding-top:26px}
.checks{list-style:none;margin-top:10px}
.checks li{position:relative;padding:13px 0 13px 38px;border-bottom:1px solid var(--line);font-size:18px}
.checks li:before{content:"";position:absolute;left:0;top:17px;width:22px;height:22px;border-radius:50%;background:var(--sage)}
.checks li:after{content:"";position:absolute;left:7px;top:23px;width:8px;height:5px;border-left:2px solid var(--sageink);border-bottom:2px solid var(--sageink);transform:rotate(-45deg)}
.checks.sm li{font-size:15.5px;padding:10px 0 10px 34px}.checks.sm li:before{top:12px;width:20px;height:20px}.checks.sm li:after{top:18px;left:6px}
.convs .date{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin-bottom:8px}
.exchange{background:var(--card);border-radius:24px;padding:40px;box-shadow:0 12px 34px rgba(80,100,70,.08)}
.exchange>p{margin-bottom:14px}.exchange b{display:inline-block;min-width:62px;color:var(--sageink);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.ember p{color:#4d4a40;font-size:18.5px}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}
.incgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
.inc.bonus{background:linear-gradient(160deg,#fff6ea,#f7e2cf);border:1.5px solid rgba(184,146,79,.55)}
.tag{font:600 12px "DM Sans";letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.val{margin-top:16px;color:var(--terra)!important;font-weight:600}
.privacy{max-width:800px;margin:52px auto 0;text-align:center}
.hosts{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.photo{aspect-ratio:4/3;background:linear-gradient(150deg,var(--sand),var(--blush));display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:14px;margin-bottom:24px;border-radius:16px}
.bio{color:var(--terra);margin-bottom:14px}
.cred{list-style:none}.cred li{padding:12px 0;border-top:1px solid var(--line)}
.prices{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}
.price{padding:44px 40px}
.price.feat{border:2px solid var(--terra2);box-shadow:0 20px 50px rgba(184,101,74,.14)}
.amt{font:600 clamp(46px,5vw,62px)/1 "Cormorant Garamond",serif;margin:6px 0;color:var(--ink)}
.sub{color:var(--soft);margin-bottom:18px}
.price .btn{margin-top:26px;width:100%;text-align:center}
.resq{max-width:760px;margin:52px auto 0;text-align:center}
.faqwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.faq{display:flex;flex-direction:column;gap:12px}
details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 24px}
summary{cursor:pointer;font:600 21px "Cormorant Garamond",serif;list-style:none;position:relative;padding-right:30px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;top:-3px;color:var(--terra);font-size:26px}
details[open] summary:after{content:"–"}
details p{color:var(--soft);margin-top:10px}
.final{padding:110px 0;text-align:center;background:radial-gradient(700px 380px at 50% 0%,rgba(232,182,160,.5),transparent 70%),linear-gradient(180deg,var(--cream),var(--sand))}
.final h2{margin:0 auto 18px;max-width:none}
.final>.wrap>p{max-width:680px;margin:0 auto;color:var(--soft);font-size:19px}
footer{background:var(--sand);border-top:1px solid var(--line);padding:28px 0;font-size:13.5px;color:var(--soft)}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:1020px){.four,.incgrid{grid-template-columns:1fr 1fr}.links{display:none}}
@media (max-width:860px){
 .herogrid,.three,.duo,.split,.roles,.hosts,.prices,.faqwrap,.incgrid,.four{grid-template-columns:1fr}
 .herogrid,.duo,.split,.faqwrap{gap:40px}
 .band{padding:68px 0}.hero{padding:60px 0 66px}.duo{margin-top:40px;padding-top:36px}
}
@media (max-width:480px){
 body{font-size:16px}.brand{font-size:21px}.btn.sm{padding:8px 14px;font-size:12.5px}
 .lede{font-size:18px}.intro{font-size:17px}
 .card,.conv,.move,.inc,.price,.host,.exchange,.stack,.heroq{padding:26px 22px;border-radius:18px}
 .btn{padding:16px 24px}.ctas .btn{width:100%;text-align:center}
}
/* ---- v3 additions: deeper accent bands ---- */
.deep{background:radial-gradient(900px 500px at 90% 0%,rgba(201,123,95,.35),transparent 70%),linear-gradient(160deg,#5a2a20,#3e1f19);color:#fbefe4}
.deep h2,.deep h3{color:#fff6ec}.deep .eyebrow{color:#e9b98c}
.deep p{color:#f0ddcd;font-size:18.5px;margin-bottom:16px}.deep p.big{font:500 italic clamp(26px,2.4vw,34px)/1.35 "Cormorant Garamond",serif;color:#fff3e6}
.deep .q blockquote{color:#fff3e6}.deep .q figcaption{color:#e9b98c}.deep .q figcaption span{color:#e2c7b3}
.pills{margin-top:56px}
.pill{border:1px solid rgba(255,230,210,.22);border-radius:22px;padding:28px 26px;background:rgba(255,245,235,.06)}
.pill p{font-size:16px!important;margin:0}
.solo{margin-top:56px}
.whogrid{margin-top:16px}
.who4{background:var(--card);border-radius:22px;padding:30px 28px;border:1px solid var(--line);box-shadow:0 12px 34px rgba(120,80,50,.07);border-top:4px solid var(--terra2)}
.who4 p{font:500 clamp(21px,1.8vw,24px)/1.35 "Cormorant Garamond",serif;color:var(--ink)}
.note{margin-top:34px;color:var(--soft);font-size:18px}
.diff{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:24px}
.dcard{background:var(--card);border-radius:22px;padding:34px 30px;border:1px solid var(--line)}
.dcard p{color:var(--soft)}
.dcard.feat{background:linear-gradient(160deg,#5a2a20,#3e1f19);border:none;box-shadow:0 20px 50px rgba(90,42,32,.25)}
.dcard.feat h3{color:#fff6ec}.dcard.feat p{color:#f0ddcd}.dcard.feat .tag{color:#e9b98c}
.dcard.feat .q blockquote{color:#fff3e6}.dcard.feat .q figcaption{color:#e9b98c}.dcard.feat .q figcaption span{color:#e2c7b3}.dcard.feat .q.xs{border-color:rgba(255,230,210,.2)}
.host p.sm{margin-top:18px;font-size:14px;color:var(--soft)}
.deepfinal{background:radial-gradient(700px 380px at 50% 0%,rgba(201,123,95,.4),transparent 70%),linear-gradient(170deg,#5a2a20,#3a1c17)!important;color:#fbefe4}
.deepfinal h2{color:#fff6ec}.deepfinal>.wrap>p{color:#f0ddcd!important}.deepfinal .meta{color:#e2c7b3}
.deepfinal .q blockquote{color:#fff3e6}.deepfinal .q figcaption{color:#e9b98c}.deepfinal .q figcaption span{color:#e2c7b3}
.btn.light{background:#fbefe4;color:#5a2a20}.btn.light:hover{background:#fff}
@media (max-width:1020px){.diff{grid-template-columns:1fr 1fr}.dcard.feat{grid-column:span 2}}
@media (max-width:860px){.diff{grid-template-columns:1fr}.dcard.feat{grid-column:auto}.pills,.solo{margin-top:40px}}
@media (max-width:480px){.pill,.who4,.dcard{padding:24px 22px;border-radius:18px}}

.photo.img{background:none;aspect-ratio:4/5;overflow:hidden}.photo.img img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:26px;margin-top:36px}
.clip{margin:0;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(120,80,50,.07)}
.clip video{width:100%;aspect-ratio:16/9;display:block;background:#000}
.clip figcaption{padding:18px 22px 22px}.clip blockquote{margin:0 0 8px;font:italic 500 21px/1.3 "Cormorant Garamond",serif;color:var(--ink)}.clip b{font-size:13px;color:var(--soft)}
img,video{max-width:100%}
