:root{--ink:#2B2622;--grey:#6F6860;--muted:#8A837B;--line:#E6E0D8;--paper:#FAF7F2;--white:#fff;--honey:#B8862F;--honey-l:#EBD3A0;--sage:#3A4A3C;--petal:#EFD9D2;--serif:'Cardo',Georgia,serif;--sans:'Montserrat',system-ui,sans-serif;--wrap:1328px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--serif);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{left:0}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
.narrow{max-width:780px}
.center{text-align:center}
.small{font-size:.9rem;color:var(--grey)}
.cap{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin:0}
.eyebrow{font-style:italic;color:var(--honey);margin:0 0 .5rem;font-size:1.05rem}
.eyebrow.light{color:var(--honey-l)}
.title{font-family:var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.35;margin:0 0 1rem}
.title.small{font-size:clamp(1.1rem,3vw,1.4rem)}
.title.light,.light{color:#fff}
.lede{font-size:1.15rem;color:var(--grey);margin:0 auto}
/* hero */
.hero{background:linear-gradient(115deg,#5E4630,#9C7A4E 55%,#6E5136);color:#fff;text-align:center;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}
.hero-inner{max-width:720px;margin:0 auto;padding:6rem 1.25rem;position:relative;z-index:1}
.hero-short .hero-inner{padding:4.5rem 1.25rem}
.bee{width:40px;height:40px;margin:0 auto 1rem;color:var(--honey-l)}
.hero-title{font-family:var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.24em;font-size:clamp(1.8rem,6vw,3rem);margin:0 0 1rem}
.hero p{font-size:1.15rem;line-height:1.7}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}
.btn{display:inline-block;font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:1rem 1.8rem;border:1px solid transparent;cursor:pointer}
.btn-light{background:#fff;color:var(--ink)}
.btn-ghost{border-color:#fff;color:#fff}
.btn-dark,button[type=submit]{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.btn-honey{background:var(--honey);color:#fff}
.btn:hover,button[type=submit]:hover{opacity:.85}
/* sections */
.section{padding:4.5rem 1.25rem}
.section-head{text-align:center;max-width:720px;margin:0 auto 2.75rem}
.band{padding:4.5rem 0}
.band-sage{background:var(--sage);color:rgba(255,255,255,.88)}
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:860px){.split{grid-template-columns:5fr 7fr;gap:5rem}}
/* placeholders */
.ph{position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);overflow:hidden}
.ph svg{width:34%;}
.ph.wide{aspect-ratio:16/9;margin:2rem 0}
.ph-note{position:absolute;top:.6rem;left:.75rem;font-style:italic;font-size:.75rem;color:rgba(255,255,255,.75)}
.ph-honey{background:linear-gradient(160deg,#C99A4F,#8E6634)}
.ph-oat{background:linear-gradient(160deg,#E4CFA6,#B99862)}
.ph-amber{background:linear-gradient(160deg,#D4A24C,#9A6B26)}
.ph-moss{background:linear-gradient(160deg,#B9A27A,#6F5B3C)}
.ph-sand{background:linear-gradient(160deg,#D9C7A8,#8C7454)}
.ph-blush{background:linear-gradient(160deg,#E8D3CB,#B48E80)}
.ph-petal{background:linear-gradient(160deg,#F2DCD5,#C9A096)}
.ph-sage{background:linear-gradient(160deg,#A7B39C,#5D6E58)}
.ph-sage-dark{background:#4A5B4C;aspect-ratio:1/1}
/* grids */
.tiles,.grid,.points,.trust,.inline-links{list-style:none;margin:0;padding:0}
.tiles,.grid{display:grid;gap:2.5rem 1.5rem;grid-template-columns:1fr 1fr}
.tiles a,.post a{text-decoration:none;display:block;text-align:center}
.tile h3,.product h3{margin:1.1rem 0 .4rem}
.tile p,.product p,.post p{margin:0 0 .5rem;color:var(--grey);font-size:.98rem}
.more{font-family:var(--sans);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--honey)}
.product{text-align:center}
.soon{font-family:var(--sans);font-size:.66rem!important;letter-spacing:.18em;text-transform:uppercase;color:var(--honey)!important}
.grid.three{grid-template-columns:1fr}
.post h3{font-weight:400;font-size:1.3rem;margin:.3rem 0 .5rem;line-height:1.35}
.post .eyebrow{margin-top:1rem}
@media(min-width:700px){.grid.three{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.tiles.five{grid-template-columns:repeat(5,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.tiles.five .tile:last-child{grid-column:1/-1;max-width:50%;margin:0 auto}}
.points{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}
.points h3{margin-bottom:.5rem}.points p{margin:0;color:var(--grey)}
.points li{border-top:1px solid var(--line);padding-top:1.2rem}
@media(min-width:800px){.points{grid-template-columns:repeat(4,1fr)}}
.strip{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.2rem 0}
.trust{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}
.trust li{display:flex;flex-direction:column;gap:.3rem}.trust span{color:var(--grey);font-size:.95rem}
@media(min-width:900px){.trust{grid-template-columns:repeat(4,1fr)}}
/* forms */
.callout{background:var(--petal);padding:2.5rem 1.5rem;display:grid;gap:2rem;align-items:center}
@media(min-width:900px){.callout{grid-template-columns:1fr 1fr;padding:4rem}}
.field-row{display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;border:1px solid var(--ink);padding:.35rem}
.field-row input{flex:1 1 180px;border:0;font:inherit;padding:.7rem .8rem;min-width:0;background:transparent}
.field-row input:focus{outline:2px solid var(--honey)}
.field-row button,.contact button{font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:.9rem 1.4rem;cursor:pointer;flex:0 0 auto}
.form-note{font-size:.85rem;color:var(--grey);margin:.6rem 0 0}
.form-status{font-style:italic;color:var(--sage);margin:.5rem 0 0;min-height:1.2em}
.contact{display:grid;gap:1.1rem;margin:2rem 0}
.contact label{display:grid;gap:.35rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.contact input,.contact select,.contact textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;padding:.8rem;border:1px solid var(--line);border-radius:0;background:#fff}
.contact button{justify-self:start}
/* article */
.article{padding-top:3rem;padding-bottom:4rem}
.article header{text-align:left}
.article .title{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.12em}
.crumbs{font-family:var(--sans);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}
.crumbs a{text-decoration:none}
.prose h2{font-family:var(--sans);font-weight:500;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;margin:2.4rem 0 .8rem}
.prose h3{font-weight:700;font-size:1.1rem;margin:1.6rem 0 .4rem}
.prose a{color:var(--honey)}
.prose li{margin:.3rem 0}
.disclaimer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0;margin:2.5rem 0;font-size:.9rem;color:var(--grey)}
.pillar-hero{padding-top:3rem;padding-bottom:2rem}
.inline-links{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1rem}
.inline-links a{color:var(--honey)}
/* footer */
.site-footer{background:#2E2924;color:rgba(255,255,255,.8);padding:4rem 0 2rem;margin-top:2rem}
.site-footer a{text-decoration:none}
.site-footer ul{list-style:none;padding:0;margin:.9rem 0 0;display:grid;gap:.45rem}
.site-footer .cap{color:var(--honey-l)}
.footer-grid{display:grid;gap:2.2rem;grid-template-columns:1fr 1fr}
.footer-brand{grid-column:1/-1}
.footer-brand .wm{color:#fff;margin:0 0 .6rem}
@media(min-width:900px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-brand{grid-column:auto}}
.footer-legal{border-top:1px solid rgba(255,255,255,.15);margin-top:3rem;padding-top:1.5rem;font-size:.82rem;color:rgba(255,255,255,.55)}
@media(min-width:1000px){.section{padding:6.5rem 3.5rem}.wrap{padding-left:3.5rem;padding-right:3.5rem}.section.wrap{padding-left:3.5rem;padding-right:3.5rem}}
html,body{overflow-x:clip}
/* photos */
.ph.photo{margin:0;background:#E9E1D6;aspect-ratio:4/5}
.ph.photo picture,.ph.photo img{width:100%;height:100%;display:block}
.ph.photo img{object-fit:cover;filter:saturate(.92) sepia(.06)}
.ph.photo.wide{aspect-ratio:16/9;margin:2rem 0}
.ph.photo.square{aspect-ratio:1/1}
.hero{overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg picture,.hero-bg img{width:100%;height:100%}
.hero-bg img{object-fit:cover;filter:saturate(.85)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,28,16,.55),rgba(40,28,16,.45))}
.fynbos-duo{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.fynbos-duo .ph:last-child{grid-column:1/-1;aspect-ratio:4/3}
@media(min-width:800px){.fynbos-duo{grid-template-columns:repeat(3,1fr)}.fynbos-duo .ph:last-child{grid-column:auto;aspect-ratio:4/5}}
.table-wrap{overflow-x:auto}
table.credits{border-collapse:collapse;width:100%;font-size:.9rem}
.credits th,.credits td{border-bottom:1px solid var(--line);padding:.6rem .5rem;text-align:left;vertical-align:top}
.credits th{font-family:var(--sans);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.site-footer ul.social{display:flex;gap:.6rem;margin-top:1.2rem}
.social a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);color:#fff}
.social a:hover{border-color:var(--honey-l);color:var(--honey-l)}

/* header v2: utility row + centred brand + centred nav */
.utility{background:var(--paper);border-bottom:1px solid var(--line)}
.utility-inner{max-width:1440px;margin:0 auto;padding:.45rem 1.25rem;display:flex;justify-content:center;gap:1.5rem;font-family:var(--sans);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.u-note{display:none}
.u-cta{text-decoration:none;color:var(--ink);border-bottom:1px solid var(--honey)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.brand-row{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;padding:.7rem 1rem;max-width:1440px;margin:0 auto;transition:padding .25s ease}
.wordmark{grid-column:2;text-decoration:none;text-align:center;min-width:0}
.wm{display:block;font-size:clamp(1rem,4.2vw,1.85rem);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;line-height:1.2;padding-left:.26em}
.tag{display:block;font-style:italic;font-size:.72rem;color:var(--muted);margin-top:.15rem;max-height:2em;overflow:hidden;transition:max-height .25s ease,opacity .25s ease}
.menu-toggle{grid-column:1;justify-self:start;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;padding:0}
.menu-toggle span:first-child,.menu-toggle span:first-child::before,.menu-toggle span:first-child::after{position:absolute;left:10px;width:22px;height:1px;background:var(--ink);content:""}
.menu-toggle span:first-child{top:21px}.menu-toggle span:first-child::before{left:0;top:-7px}.menu-toggle span:first-child::after{left:0;top:7px}
.site-nav{display:none;border-top:1px solid var(--line)}
.site-nav.open{display:block}
.site-nav ul{list-style:none;margin:0 auto;padding:1rem 1.25rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:1440px}
.site-nav a{font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:.2rem 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current]{border-bottom-color:var(--honey)}
@media(min-width:700px){.u-note{display:inline}.utility-inner{justify-content:space-between;padding:.45rem 2rem}}
@media(min-width:900px){
 .brand-row{padding:1.4rem 2rem 1.1rem}
 .menu-toggle{display:none}
 .site-nav{display:block}
 .site-nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.4rem clamp(1.2rem,3vw,2.6rem);padding:.85rem 2rem}
 .site-nav a{font-size:.66rem}
 .tag{font-size:.8rem}
 .site-header.is-compact .brand-row{padding:.6rem 2rem .5rem}
 .site-header.is-compact .tag{max-height:0;opacity:0}
 .site-header.is-compact .site-nav ul{padding:.55rem 2rem}
}
@media(max-width:360px){.wm{letter-spacing:.14em;font-size:.95rem}.brand-row{padding:.6rem .5rem}}
/* illustrations */
.divider{display:flex;align-items:center;gap:1.2rem;max-width:420px;margin:0 auto;padding:0 1.25rem;opacity:.9}
.divider span{flex:1;height:1px;background:var(--line)}
.divider img{width:30px;height:30px}
.art-panel{margin:0;background:var(--paper);border:1px solid var(--line);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:2rem}
.art-panel img{width:100%;max-width:420px;height:auto}
.doodle{width:96px;height:auto;margin:0 0 .5rem -6px}
.motif{display:block;margin:0 auto 1rem;width:64px;height:auto}
/* Liver Reset programme */
.lr-subnav{list-style:none;margin:0 auto;padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.lr-subnav a{text-decoration:none;color:var(--grey)}.lr-subnav a:hover,.lr-subnav a[aria-current]{color:var(--honey)}
.lr-phases{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.5rem;grid-template-columns:1fr}
.lr-phases li{background:var(--paper);border:1px solid var(--line);padding:1.8rem 1.5rem}
.lr-phases .eyebrow{margin:0 0 .3rem}
.lr-cols{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:800px){.lr-phases{grid-template-columns:1fr 1fr}.lr-cols{grid-template-columns:1fr 1fr}}
.lr-table{border-collapse:collapse;width:100%;font-size:.95rem}
.lr-table th,.lr-table td{border-bottom:1px solid var(--line);padding:.7rem .6rem;text-align:left;vertical-align:top}
.lr-table th{font-family:var(--sans);font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.lr-faq details{border-top:1px solid var(--line);padding:1rem 0}.lr-faq details:last-child{border-bottom:1px solid var(--line)}
.lr-faq summary{cursor:pointer;font-weight:700}.lr-faq p{color:var(--grey);margin:.6rem 0 0}
.placeholder{background:#FFF4D6;border:1px dashed var(--honey);padding:.1rem .4rem;font-family:var(--sans);font-size:.85em}
.lr-card{background:var(--paper);border:1px solid var(--line);padding:1.8rem 1.5rem}
.lr-card ul{padding-left:1.1rem}
/* skincare */
.sk-steps{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.5rem;grid-template-columns:1fr}
.sk-steps li{background:var(--paper);border:1px solid var(--line);padding:1.8rem 1.5rem}
.sk-steps .eyebrow{margin:0 0 .3rem}.sk-how{font-size:.92rem;color:var(--grey)}
@media(min-width:700px){.sk-steps{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.sk-steps{grid-template-columns:repeat(4,1fr)}}
.sk-offers{display:grid;gap:2rem;grid-template-columns:1fr;max-width:62rem;margin:2rem auto}
@media(min-width:800px){.sk-offers{grid-template-columns:1fr 1fr}}
.sk-offer{display:flex;flex-direction:column;position:relative}.sk-offer ul{flex:1;margin-bottom:1.5rem}
.sk-offer .btn{align-self:flex-start}
.sk-price{font-size:2rem;margin:.2rem 0 1rem;color:var(--honey)}
.sk-rec{border:2px solid var(--honey)}
.sk-badge{position:absolute;top:-.8rem;right:1.2rem;margin:0;background:var(--honey);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .7rem}
/* skincare v2: peach, blush, powder blue */
.sk-story,.sk-within{--peach:#f6d9c6;--blush:#f3d3d8;--sky:#d6e4ee}
.sk-timeline{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1rem;grid-template-columns:1fr}
.sk-timeline li{border-left:3px solid #e9b8a4;padding:.4rem 0 .4rem 1rem;background:linear-gradient(90deg,#fbeee6,transparent)}
.sk-timeline li p{margin:0}.sk-timeline .eyebrow{margin-bottom:.2rem}
@media(min-width:800px){.sk-timeline{grid-template-columns:repeat(4,1fr)}.sk-timeline li{border-left:0;border-top:3px solid #e9b8a4;padding:1rem .8rem;background:linear-gradient(180deg,#fbeee6,transparent)}}
.sk-layers{background:#fff;color:var(--ink);padding:1.8rem 1.2rem;margin:2rem auto 0;max-width:62rem}
.sk-layers ol{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;text-align:center}
@media(min-width:800px){.sk-layers ol{grid-template-columns:repeat(4,1fr)}}
.sk-layers li{display:flex;flex-direction:column;align-items:center;gap:.3rem}.sk-layers li span:last-child{font-size:.88rem;color:var(--grey)}
.sk-layers .dot{border-radius:50%;display:block;box-shadow:inset 0 -4px 10px rgba(0,0,0,.06)}
.sk-layers .d1{width:34px;height:34px;background:#d6e4ee}.sk-layers .d2{width:44px;height:44px;background:#e6dde8}
.sk-layers .d3{width:54px;height:54px;background:#f3d3d8}.sk-layers .d4{width:64px;height:64px;background:#f6d9c6}
.sk-within-card{background:linear-gradient(135deg,#f6d9c6,#f3d3d8 55%,#d6e4ee);padding:2.5rem 1.8rem}
.sk-rec{background:linear-gradient(180deg,#fdf1ec,var(--paper))}
.sk-badge{background:#d98f86}
/* contact + waitlist (Netlify forms) */
:root{--peach:#F6DCC8;--blush:#EFD9D2;--powder:#DCE6EE}
.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
.contact{display:grid;gap:1.1rem}
.contact .opt{text-transform:none;letter-spacing:0;color:var(--muted);font-size:.85rem}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--honey);outline-offset:0}
.form-grid{display:grid;gap:1.1rem}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}
.contact label.check{display:flex;gap:.7rem;align-items:flex-start;font-family:var(--serif);font-size:1rem;letter-spacing:0;text-transform:none}
.contact label.check input{width:1.1rem;height:1.1rem;padding:0;margin:.2rem 0 0;accent-color:var(--sage);flex:0 0 auto}
.contact .consent{font-size:.92rem!important;color:var(--grey)}
.checks{border:1px solid var(--line);background:#fff;margin:0;padding:1rem 1.1rem;display:grid;gap:.6rem}
.checks legend{font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:0 .4rem}
.contact button{justify-self:start}
.contact-layout{display:grid;gap:2.5rem}@media(min-width:900px){.contact-layout{grid-template-columns:1.4fr 1fr;align-items:start}}
.contact-aside{background:var(--paper);border:1px solid var(--line);padding:2rem 1.6rem}
.contact-aside .cap{margin-bottom:1rem}
.contact-list{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.9rem}
.contact-list li{display:flex;gap:.7rem;align-items:center;word-break:break-word}.contact-list li[hidden]{display:none}
.contact-list svg{color:var(--honey);flex:0 0 auto}.contact-list a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--honey-l)}
.note-card{background:var(--powder);padding:1.2rem 1.3rem;margin:0 0 1.2rem}.note-card p{margin:.3rem 0}
.callout .signup-full{background:transparent}
.callout .signup-full .checks{background:rgba(255,255,255,.7)}
.thanks .bee-ink{color:var(--honey);width:56px;height:56px}
.thanks{padding-top:4rem;padding-bottom:4rem}.thanks .motif{display:block;margin:2.5rem auto 0;opacity:.8}
/* free guide: Full Moon Skin (lead magnet) */
.gd-hero{padding-top:3rem}
.gd-cover{margin:0 auto;max-width:420px;box-shadow:0 18px 40px rgba(120,90,60,.16),0 2px 6px rgba(120,90,60,.08);background:#fbefe7}
.gd-cover img,.gd-peek img,.gd-thumb img,.gd-teaser-img img{width:100%;height:auto}
.gd-lede{margin:0 0 1rem}
.gd-inside{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem;grid-template-columns:1fr}
.gd-inside li{display:flex;gap:1rem;align-items:flex-start;border-top:1px solid var(--line);padding-top:1.1rem}
.gd-inside h3{margin:.2rem 0 .35rem}.gd-inside p{margin:0;color:var(--grey)}
.gd-num{font-style:italic;color:var(--honey);font-size:1.4rem;line-height:1;min-width:2rem}
@media(min-width:760px){.gd-inside{grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}}
.gd-peek{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:3rem auto 0;max-width:620px}
.gd-peek figure{margin:0}.gd-peek img{border:1px solid var(--line);box-shadow:0 10px 24px rgba(120,90,60,.1)}
.gd-peek figcaption{font-style:italic;font-size:.88rem;color:var(--grey);text-align:center;margin-top:.6rem}
.guide-form{margin:0}
.contact input::placeholder{color:var(--muted)}
.gd-links{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:1.5rem;grid-template-columns:1fr}
.gd-links li{background:var(--paper);border:1px solid var(--line);padding:1.6rem 1.5rem}
.gd-links p{color:var(--grey);margin:.5rem 0 .9rem}.gd-links .more{text-decoration:none}
@media(min-width:700px){.gd-links{grid-template-columns:1fr 1fr}}
.gd-download{display:grid;gap:1.5rem;align-items:center;text-align:left;background:linear-gradient(135deg,#f6d9c6,#f3d3d8 55%,#d6e4ee);padding:1.8rem 1.5rem;margin:0 auto 1rem;max-width:620px}
.gd-download .title{margin-bottom:.5rem}.gd-download p{margin:0 0 1rem}
.gd-thumb{margin:0 auto;width:120px;box-shadow:0 8px 20px rgba(120,90,60,.15)}
@media(min-width:560px){.gd-download{grid-template-columns:120px 1fr}}
.gd-teaser-wrap{padding-top:1.5rem;padding-bottom:1.5rem;max-width:1100px}
.gd-teaser{display:grid;grid-template-columns:72px 1fr;gap:1rem 1.4rem;align-items:center;background:linear-gradient(135deg,#f6d9c6,#f3d3d8 55%,#d6e4ee);padding:1.4rem 1.3rem}
.gd-teaser-img{display:block;width:72px;box-shadow:0 6px 16px rgba(120,90,60,.15)}
.gd-teaser-text p{margin:0;color:var(--grey);font-size:.98rem}.gd-teaser-text .eyebrow{color:var(--honey);margin:0 0 .2rem}
.gd-teaser-text .title{margin:0 0 .35rem}
.gd-teaser-btn{grid-column:1/-1;justify-self:start}
@media(min-width:800px){.gd-teaser{grid-template-columns:84px 1fr auto;padding:1.5rem 2rem}.gd-teaser-img{width:84px}.gd-teaser-btn{grid-column:auto;justify-self:end}}
/* logo v22 – image lockup in header/footer (replaces text wordmark) */
.wordmark{display:block;line-height:0}
.wordmark picture{display:block}
/* mobile layout (<900px, menu button): stacked lockup; desktop: side-by-side lockup */
.wordmark .logo{display:block;width:136px;max-width:100%;height:auto;margin:0 auto;transition:width .25s ease}
.site-header.is-compact .wordmark .logo{width:96px}
@media(max-width:360px){.wordmark .logo{width:128px}}
@media(min-width:600px){.wordmark .logo{width:150px}.site-header.is-compact .wordmark .logo{width:100px}}
@media(min-width:900px){.wordmark .logo{width:320px}.site-header.is-compact .wordmark .logo{width:230px}}
.footer-logo{margin:0 0 1.1rem}
.footer-logo img{width:220px;height:auto}