:root{--paper:#0A0908;--paper-2:#11100E;--ink:#F3EEE5;--ink-2:#ABA497;--ink-3:#77716A;--gold:#D9AE5B;--line:rgba(217,174,91,.18);--line-2:rgba(243,238,229,.08);
--display:"Cormorant Garamond",Garamond,"Times New Roman",serif;--sans:"Jost","Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:300 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.narrow{width:min(760px,100% - 40px);margin-inline:auto}
header.top{position:sticky;top:0;z-index:5;background:rgba(10,9,8,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
header.top img{height:46px;width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:400 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:17px 28px;text-decoration:none;border:1px solid var(--gold);background:var(--gold);color:#0A0908;transition:background .3s,color .3s}
.btn:hover{background:transparent;color:var(--gold)}
.btn.ghost{background:transparent;color:var(--gold)}
.btn.ghost:hover{background:var(--gold);color:#0A0908}
.btn.sm{padding:13px 18px;font-size:11px}
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;padding:120px 0 64px;background:#0A0908 center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,.25),rgba(10,9,8,.55) 45%,#0A0908)}
.hero .wrap{position:relative}
.crumbs{font:400 11px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin:0 0 22px}
.crumbs a{text-decoration:none;color:var(--gold)}
.eyebrow{display:flex;align-items:center;gap:14px;font:400 12px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.eyebrow::before{content:"";width:36px;height:1px;background:var(--gold)}
h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.08;margin:0}
h1{font-size:clamp(42px,6.4vw,84px);max-width:16ch}
h1 em,h2 em{font-style:italic;color:var(--gold)}
.hero p.lede{font-size:clamp(17px,1.5vw,20px);color:rgba(243,238,229,.86);max-width:52ch;margin:24px 0 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
section{padding:clamp(64px,9vw,110px) 0;border-top:1px solid var(--line-2)}
section.alt{background:var(--paper-2)}
h2{font-size:clamp(34px,4.4vw,56px);margin:0 0 26px}
h3{font-size:clamp(26px,2.6vw,32px);margin:0 0 10px}
p{margin:0 0 18px;color:var(--ink-2)}
p strong,li strong{color:var(--ink);font-weight:400}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{border:1px solid var(--line-2);padding:32px 28px;background:var(--paper)}
.card .n{font:400 11px/1 var(--sans);letter-spacing:.3em;color:var(--gold);margin:0 0 16px;display:block}
.card p{margin:0;font-size:16px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.ph{aspect-ratio:4/5;background:#141210 center/cover no-repeat;border:1px solid var(--line)}
ul.check{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
ul.check li{position:relative;padding-left:26px;color:var(--ink)}
ul.check li::before{content:"◆";position:absolute;left:0;top:.2em;font-size:9px;color:var(--gold)}
.price{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}
.price div{border:1px solid var(--line);padding:24px 20px;text-align:center}
.price b{display:block;font:300 30px/1.1 var(--display);color:var(--ink);margin-bottom:6px}
.price span{font:400 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.from{font:400 14px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#E8D3A6;margin:8px 0 6px}
.from-note{font:300 12px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 28px}
details{border-top:1px solid var(--line-2);padding:20px 0}
details:last-child{border-bottom:1px solid var(--line-2)}
summary{cursor:pointer;list-style:none;font:300 24px/1.3 var(--display);color:var(--ink);display:flex;justify-content:space-between;gap:20px}
summary::after{content:"+";color:var(--gold);font-family:var(--sans)}
details[open] summary::after{content:"–"}
details p{margin:14px 0 0}
.article h2{font-size:clamp(30px,3.6vw,44px);margin:56px 0 18px}
.article h3{margin:34px 0 10px}
.article p,.article li{font-size:18px}
.article ul{color:var(--ink-2);padding-left:22px}
.article li{margin-bottom:10px}
.tip{border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:30px 0}
.tip p{margin:0;color:var(--ink)}
.cta-box{border:1px solid var(--gold);padding:clamp(32px,5vw,56px);text-align:center;background:radial-gradient(120% 80% at 100% 0,rgba(217,174,91,.1),transparent 60%),#0D0B09}
.cta-box p{max-width:52ch;margin:0 auto 26px}
.cta-box .cta-row{justify-content:center}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.related a{font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--gold);border:1px solid var(--line);padding:12px 14px}
.related a:hover{border-color:var(--gold)}
footer{border-top:1px solid var(--line-2);padding:48px 0 40px;text-align:center;color:var(--ink-3);font-size:14px}
footer img{height:70px;width:auto;margin:0 auto 18px}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:0 0 18px}
footer nav a{text-decoration:none;font:400 11px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
footer nav a:hover{color:var(--gold)}
.wa-fab{position:fixed;right:18px;bottom:18px;z-index:9;display:flex;align-items:center;gap:10px;background:var(--gold);color:#0A0908;text-decoration:none;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:14px 18px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media (max-width:900px){.grid3,.price{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media (max-width:560px){.grid3,.price{grid-template-columns:1fr}header.top img{height:38px}.hero{padding-top:90px}}