/*
Theme Name: Xentello AI
Theme URI: https://www.xentello.com/
Author: Xentello AI
Author URI: https://www.xentello.com/
Description: Clean, premium cream, white and gold theme for Xentello AI. Responsive, with built-in SEO and schema, working forms with a leads inbox, and auto-created pages and menus.
Version: 3.2.3
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: xentello-ai
*/

:root{--cream:#faf6ee;--paper:#fffdf9;--ink:#14120d;--muted:#5d5748;--gold:#b8863b;--gold2:#e0b865;--line:#eadfca;--dark:#0e0d0b;--r:16px;--pad:clamp(16px,4vw,40px);--max:1240px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:112px;-webkit-text-size-adjust:100%}
body{font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.container{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;z-index:300;background:var(--gold2);color:#111;padding:10px 16px;font-weight:600;text-decoration:none}.skip:focus{left:0}
.screen-reader-text{position:absolute;left:-9999px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* typography */
.display{font:400 clamp(60px,9.5vw,132px)/.9 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;letter-spacing:.01em}
.display.sm{font-size:clamp(46px,7vw,92px)}
.gold{color:var(--gold)}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600}
.title{font:400 clamp(38px,5.4vw,66px)/.98 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;margin-top:8px;letter-spacing:.01em}
.title.sm{font-size:clamp(32px,4vw,46px)}
.title span{color:var(--gold)}
.lead{color:var(--muted);margin-top:14px;font-size:clamp(15px,1.4vw,17px)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:46px;border-radius:999px;font:600 13px/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#161208}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,59,.38)}
.btn-ghost{border-color:var(--gold);color:var(--gold);background:transparent}
.btn-ghost:hover{background:var(--gold);color:#fff}
.btn-sm{padding:10px 20px;font-size:12px;min-height:40px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
/* top bar + header */
.topbar{background:var(--dark);color:#d9d2c0;font-size:12px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.topbar nav{display:flex;gap:2px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}
.topbar a{padding:8px 12px;text-decoration:none;letter-spacing:.05em;display:inline-block}
.topbar a:hover,.topbar a.on{color:var(--gold2)}
.topbar .mail{white-space:nowrap}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.logo img{height:54px;width:auto;mix-blend-mode:multiply}
.main-nav{display:flex;align-items:center;gap:2px}
.main-nav a{padding:10px 14px;text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;transition:color .2s}
.main-nav a:hover,.main-nav a.on{color:var(--gold)}
.main-nav a.btn{margin-left:10px;padding:10px 22px;color:#161208}.main-nav a.btn:hover{color:#161208}
.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{width:20px;height:2px;background:var(--ink);display:block;transition:.2s}
@media(max-width:1020px){
 .nav-toggle{display:inline-flex}
 .main-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px var(--pad) 20px;display:none;box-shadow:0 18px 30px rgba(0,0,0,.08)}
 .main-nav.open{display:flex}
 .main-nav a{padding:15px 6px;border-bottom:1px solid #f1e9d8;border-radius:0;font-size:13px}
 .main-nav a.btn{margin:16px 0 0;border-bottom:0;border-radius:999px}
}
@media(max-width:640px){.topbar .mail{display:none}.logo img{height:46px}}
/* hero */
.hero{background:radial-gradient(900px 520px at 78% 38%,rgba(224,184,101,.24),transparent 62%),#fff;padding:clamp(24px,4vw,56px) 0 0;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,3vw,48px);align-items:end}
.hero-copy{align-self:center;padding-bottom:clamp(28px,5vw,64px)}
.tag{border-left:3px solid var(--gold);padding-left:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);max-width:430px;line-height:1.7;margin-bottom:22px}
.hero-copy .lead{max-width:540px;margin:22px 0 28px}
.hero-points{margin-top:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-points b{color:var(--gold);font-weight:600}
.hero-media{justify-self:center;align-self:end}
.hero-media img{max-height:min(68vh,640px);width:auto;max-width:100%;mix-blend-mode:multiply;}
@media(max-width:900px){.hero .container{grid-template-columns:1fr}.hero-copy{padding-bottom:8px}.hero-media{width:100%}.hero-media img{width:min(100%,460px);max-height:none;margin:0 auto}}
/* stats */
.stats{background:var(--dark);color:#f4efe6}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#2b2619}
.stat{background:var(--dark);padding:26px 10px;text-align:center}
.stat b{display:block;font:400 clamp(30px,3.6vw,46px)/1 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold2);letter-spacing:.02em}
.stat span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
/* sections */
.section{padding:clamp(56px,8vw,104px) 0}
.bg-white{background:#fff}.bg-cream{background:var(--cream)}.bg-dark{background:var(--dark);color:#f4efe6}
.bg-dark .lead{color:#c9c1ad}.bg-dark .title span,.bg-dark .eyebrow{color:var(--gold2)}
.sec-head{max-width:740px;margin:0 auto clamp(32px,4vw,56px);text-align:center}
.grid{display:grid;gap:clamp(12px,2vw,22px)}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1020px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2vw,26px);transition:transform .25s,box-shadow .25s,border-color .25s;height:100%}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 36px rgba(184,134,59,.16)}
.card h3{font:600 15.5px/1.35 Poppins,sans-serif;margin-bottom:6px}
.card p{font-size:13.5px;color:var(--muted);line-height:1.6}
.ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#fbf1da,#f2dfb2);display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.ic span{filter:grayscale(1) sepia(1) saturate(4) hue-rotate(-12deg)}
@media(max-width:520px){.svc .card{padding:16px 14px}.svc .card h3{font-size:14px}.svc .card p{font-size:12.5px}.ic{width:42px;height:42px;font-size:19px}}
.showcase{max-width:1040px;margin:0 auto}.showcase img{width:100%;border-radius:20px;mix-blend-mode:multiply}
.media-multiply img{width:100%;mix-blend-mode:multiply;}
/* brands */
.brand{background:radial-gradient(circle at 50% 0,#211e15,#08080a 72%);border:1px solid #4a3a1a;border-radius:var(--r);overflow:hidden;color:#f4efe6;text-decoration:none;display:flex;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s}
.brand:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(184,134,59,.4)}
.brand img{width:100%;aspect-ratio:16/9;object-fit:cover}
.brand .bd{padding:14px 14px 18px;text-align:center;display:flex;flex-direction:column;flex:1;gap:4px}
.brand h3{font:500 clamp(16px,1.6vw,21px)/1.25 Poppins,sans-serif}.brand h3 span{color:var(--gold2)}
.brand p{font-size:12.5px;color:#cfc7b4;flex:1;line-height:1.5}
.brand .visit{margin-top:10px;align-self:center;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:6px 16px;font-size:10.5px;letter-spacing:.14em}
/* lists */
.checks{list-style:none;margin:20px 0 26px;display:grid;gap:8px;font-size:14.5px}.checks li:before{content:"✓";color:var(--gold);font-weight:700;margin-right:10px}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px}.chip:before{content:"◈ ";color:var(--gold)}
.founder{background:linear-gradient(160deg,#1b1812,#070706);color:#f4efe6;border:1px solid #4a3a1a;border-radius:20px;padding:clamp(24px,3vw,36px);text-align:center}
.founder small{letter-spacing:.3em;font-size:11px;opacity:.8}.founder b{display:block;font:400 clamp(34px,4vw,48px)/1.1 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold2);letter-spacing:.06em;margin:6px 0}.founder em{font:clamp(32px,4vw,44px) 'Great Vibes',cursive;font-style:normal;color:var(--gold2)}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;text-align:center}
.mini div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 6px}.mini b{display:block;font:400 30px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold)}.mini span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(max-width:520px){.mini{grid-template-columns:repeat(2,1fr)}}
.prose p{margin-top:14px;color:#3d392f}.prose h3{font:400 30px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold);letter-spacing:.03em;margin-top:22px}
/* pricing / work / testimonials */
.price{text-align:center;display:flex;flex-direction:column}
.price h3{font:400 30px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;letter-spacing:.06em}
.price .am{font:400 clamp(46px,5vw,60px)/1 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold);margin:6px 0 2px}.price .am small{font:300 12px Poppins,sans-serif;color:var(--muted)}
.price ul{list-style:none;margin:16px 0 22px;text-align:left;display:grid;gap:8px;font-size:14px;flex:1;align-content:start}.price li:before{content:"✓ ";color:var(--gold);font-weight:700}
.price.hot{background:linear-gradient(160deg,#1b1812,#070706);color:#f4efe6;border-color:var(--gold2);box-shadow:0 20px 44px rgba(184,134,59,.28)}.price.hot .am{color:var(--gold2)}.price.hot li:before{color:var(--gold2)}.price.hot small{color:#c9c1ad}
.work{background:linear-gradient(160deg,#1b1812,#070706);color:#f4efe6;border-color:#4a3a1a;min-height:170px}.work small{color:var(--gold2);letter-spacing:.2em;font-size:11px;font-weight:600}.work h3{font:400 28px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;letter-spacing:.04em;margin:6px 0}.work p{color:#cfc7b4}
.tm .st{color:var(--gold);letter-spacing:.2em}.tm p{font-style:italic;margin:10px 0;font-size:14.5px}.tm b{font-size:13px}
/* faq */
.faq{max-width:840px;margin:0 auto;display:grid;gap:10px}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1}details[open] summary::after{content:"–"}details p{margin-top:10px;color:var(--muted);font-size:14.5px}
/* newsletter / contact / forms */
.center{text-align:center}.narrow{max-width:640px;margin-inline:auto}
.info{margin-top:22px;display:grid;gap:8px;font-size:14.5px}.info a{color:var(--gold);text-decoration:none}
[id^="xt-form-"] form{display:grid;gap:12px}
[id^="xt-form-"] input,[id^="xt-form-"] textarea,[id^="xt-form-"] select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font:400 15px Poppins,sans-serif;color:var(--ink)}
[id^="xt-form-"] textarea{min-height:130px;resize:vertical}
[id^="xt-form-"] button{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#161208;border:0;border-radius:999px;padding:15px 28px;min-height:48px;font:600 13px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s}
[id^="xt-form-"] button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(184,134,59,.38)}
.nl{display:flex!important;gap:10px!important;max-width:560px;margin-inline:auto}.nl input{flex:1}
.su{grid-template-columns:1fr 1fr}.su .w{grid-column:1/-1}
@media(max-width:640px){.nl{flex-direction:column}.su{grid-template-columns:1fr}}
.bg-dark [id^="xt-form-"] input,.bg-dark [id^="xt-form-"] textarea{background:#17150f;border-color:#3b3320;color:#fff}
.ok{background:#eef8ee;color:#1d5c2a;padding:12px 16px;border-radius:12px;margin-bottom:12px;font-size:14px}.err{background:#fdeeee;color:#9b2c2c;padding:12px 16px;border-radius:12px;margin-bottom:12px;font-size:14px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,40px);max-width:640px;margin:0 auto}
/* page hero + breadcrumbs */
.page-hero{background:radial-gradient(800px 320px at 82% 0,rgba(224,184,101,.22),transparent 62%),#fff;padding:clamp(26px,4vw,52px) 0 clamp(30px,4vw,56px);border-bottom:1px solid var(--line)}
.page-hero .lead{max-width:720px}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:16px;letter-spacing:.04em}.crumbs a{color:var(--gold);text-decoration:none}
.entry{max-width:820px;margin-inline:auto}.entry p{margin:0 0 1em;color:#3d392f}.entry h2{font:400 38px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;margin:1.4em 0 .4em}.entry h3{font:400 28px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold);margin:1.4em 0 .3em;letter-spacing:.03em}.entry ul{padding-left:1.2em;margin:0 0 1em}.entry a{color:var(--gold)}.entry img{border-radius:12px}
.meta{font-size:13px;color:var(--muted);margin-top:12px}
.post .pthumb{border-radius:12px;margin-bottom:12px;width:100%}.post h3 a{text-decoration:none}.post .more{display:inline-block;margin-top:10px;color:var(--gold);font-size:12px;letter-spacing:.14em;font-weight:600;text-decoration:none}
.pagination{margin-top:28px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.pagination .page-numbers{padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff}.pagination .current{background:var(--gold);color:#fff;border-color:var(--gold)}
.related{padding-left:1.2em}.related a{color:var(--gold)}
.search-form{display:flex;gap:8px;max-width:460px;margin:18px 0}.search-form label{flex:1}.search-form input[type=search]{width:100%;padding:12px 16px;border-radius:999px;border:1px solid var(--line)}.search-form input[type=submit]{background:linear-gradient(135deg,var(--gold2),var(--gold));border:0;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer}
/* footer */
.site-footer{background:var(--dark);color:#d9d2c0;padding:clamp(44px,6vw,72px) 0 24px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-brand{font:400 34px 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;letter-spacing:.2em;color:#fff}.foot-brand span{color:var(--gold2)}
.site-footer p{margin-top:10px;color:#a9a18c;line-height:1.7}
.site-footer h4{font:600 12px Poppins,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);margin-bottom:14px}
.site-footer ul{list-style:none;display:grid;gap:8px}.site-footer a{text-decoration:none;color:#d9d2c0}.site-footer a:hover{color:var(--gold2)}
.soc{display:flex;gap:10px;margin-top:16px}.soc span,.soc a{width:38px;height:38px;border-radius:50%;border:1px solid #3b3320;display:grid;place-items:center;font-size:13px;color:#d9d2c0;text-decoration:none}.soc a:hover{border-color:var(--gold2);color:var(--gold2)}
.foot-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #2b2619;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#8d856f}
#top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:1px solid var(--gold2);background:var(--dark);color:var(--gold2);font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:90}#top.show{opacity:1;pointer-events:auto}
.display,.title,.stat b,.price h3,.price .am,.work h3,.founder b,.mini b,.entry h2,.entry h3,.prose h3,.foot-brand{text-transform:uppercase}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* WordPress core classes */
.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{display:block;margin:0 auto 1em}
.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted)}
.sticky .eyebrow:after{content:" · Featured"}
.comments-area{max-width:820px;margin:40px auto 0}.comment-list{list-style:none}.comment-body{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:12px}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;font:400 15px Poppins,sans-serif}
.comment-respond .submit{background:linear-gradient(135deg,var(--gold2),var(--gold));border:0;border-radius:999px;padding:12px 26px;font-weight:600;cursor:pointer}
.post-navigation{margin-top:30px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:16px}.post-navigation a{color:var(--gold);text-decoration:none}

/* v2.2 additions */
.ic svg{color:var(--gold)}
.topbar .top-right{display:flex;align-items:center;gap:12px}
.topbar .follow{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#a89f88}
.topbar .soc{margin:0;gap:6px}.topbar .soc span,.topbar .soc a{width:28px;height:28px;padding:0}
.topbar .soc a:last-child{display:none}
@media(max-width:900px){.topbar .follow{display:none}}
.soc svg{display:block}
.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 8px}
.stats-row.dark{background:var(--dark);border-color:#2b2619;grid-template-columns:repeat(5,1fr);margin-top:30px}
.stats-row div{text-align:center;border-right:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row.dark div{border-color:#2b2619}
.stats-row b{display:block;font:400 clamp(26px,3vw,38px)/1 'Bebas Neue','Arial Narrow','Roboto Condensed',Oswald,Impact,sans-serif;color:var(--gold)}
.stats-row.dark b{color:var(--gold2)}
.stats-row span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stats-row.dark span{color:#c9c1ad}
@media(max-width:700px){.stats-row,.stats-row.dark{grid-template-columns:repeat(2,1fr);row-gap:14px}.stats-row div{border:0}}
.shelves{display:grid;gap:0;margin:8px auto 0;max-width:1100px}
.shelf{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(6px,1.4vw,18px);padding:18px clamp(8px,2vw,24px) 14px;border-bottom:6px solid #eadfca;background:linear-gradient(#fff,#fbf6ea);box-shadow:0 8px 14px -10px rgba(184,134,59,.55)}
.book{aspect-ratio:3/4;border-radius:6px;background:linear-gradient(145deg,#1d1a13,#0e0d0b);border:1px solid #4a3c1f;box-shadow:3px 4px 0 #2a2417,0 10px 16px -6px rgba(0,0,0,.45);color:var(--gold2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 4px;text-align:center}
.book .bx{font:400 clamp(18px,2.6vw,32px)/1 'Bebas Neue',Impact,sans-serif;color:var(--gold2);opacity:.9}
.book b{font:500 clamp(7.5px,.95vw,11px)/1.25 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#f1e6c8}
@media(max-width:700px){.shelf{grid-template-columns:repeat(4,1fr)}.book b{font-size:8.5px}}
.trust{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px;align-items:center;border:1px solid #3b3320;border-radius:16px;padding:18px 22px;margin-bottom:34px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9d2c0}
.trust>div{display:flex;align-items:center;gap:12px}.trust svg{color:var(--gold2);flex:none}
.trust>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.trust>div:first-child b{font:400 22px 'Bebas Neue',Impact,sans-serif;letter-spacing:.1em;color:#fff}.trust b span{color:var(--gold2)}.trust small{font-size:10px;letter-spacing:.14em;color:var(--gold2)}
.trust a{color:#fff;text-decoration:none;text-transform:none;letter-spacing:.04em}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}}@media(max-width:520px){.trust{grid-template-columns:1fr}}

/* v2.2.1 polish */
.display{font-size:clamp(56px,8.2vw,112px)}
.title{font-size:clamp(36px,4.6vw,58px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px}
.eyebrow:before,.eyebrow:after{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.split .eyebrow:after,.prose .eyebrow:after{display:none}
.section+.section{border-top:1px solid rgba(184,134,59,.14)}
.bg-cream{background:linear-gradient(180deg,#fbf7ef,#f6efe0)}
.card{box-shadow:0 14px 30px -22px rgba(90,60,10,.45)}
.ic{box-shadow:inset 0 0 0 1px rgba(184,134,59,.25)}
.brand{box-shadow:0 18px 34px -22px rgba(0,0,0,.6)}
.showcase img{border-radius:0;box-shadow:none}
.site-header{box-shadow:0 8px 24px -18px rgba(0,0,0,.35)}
.bg-dark{background:radial-gradient(800px 380px at 50% 0,rgba(224,184,101,.16),transparent 70%),var(--dark)}
.hero-copy .btns{margin-top:6px}

/* v2.3 poster layout */
.hero{background:radial-gradient(1000px 560px at 50% 40%,rgba(224,184,101,.22),transparent 62%),linear-gradient(180deg,#fff,#fbf8f1);padding:clamp(18px,3vw,40px) 0 0;overflow:hidden}
.hero .container.hero-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,400px) minmax(300px,1.05fr);gap:clamp(14px,2.4vw,36px);align-items:center}
.hero-copy{padding:0 0 clamp(24px,4vw,56px)}
.hero .display{font-size:clamp(52px,6.4vw,92px);line-height:.92;margin:6px 0 18px}
.hero .tag{max-width:270px;font-size:11px;margin-bottom:14px}
.rule{width:34px;height:2px;background:var(--gold);margin:0 0 16px}
.hero-lines{list-style:none;font-size:15px;line-height:1.75;color:var(--ink);margin-bottom:22px}.hero-lines b{color:var(--gold);font-weight:600}
.hero-media{position:relative;align-self:end;display:flex;justify-content:center}
.hero-media .arc{position:absolute;left:50%;top:6%;width:118%;aspect-ratio:1;transform:translateX(-50%);border:1.5px solid rgba(184,134,59,.55);border-radius:50%;clip-path:inset(0 0 52% 0);pointer-events:none}
.hero-media img{position:relative;max-height:min(78vh,660px);width:auto;max-width:100%;mix-blend-mode:multiply}
.hero-svc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-self:center;padding-bottom:clamp(18px,3vw,36px)}
.sv{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 10px 22px -16px rgba(90,60,10,.4);transition:transform .2s,border-color .2s}
.sv:hover{transform:translateY(-3px);border-color:var(--gold)}.sv svg{color:var(--gold)}
.sv span{font-size:11.5px;font-weight:500;line-height:1.3;color:var(--ink)}
@media(max-width:1100px){.hero .container.hero-grid{grid-template-columns:1fr 1fr}.hero-svc{grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding-bottom:28px}.hero-media{align-self:end}}
@media(max-width:700px){.hero .container.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-media img{max-height:none;width:min(88%,380px)}.hero-svc{grid-template-columns:repeat(2,1fr)}}
/* podium */
.podium{position:relative;max-width:1040px;margin:0 auto;padding:10px 0 34px}
.pd-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,1.8vw,22px);position:relative;z-index:2}
.pd-row.bot{margin-top:-6px;align-items:center}
.pbox,.pscr,.pphone{background:linear-gradient(150deg,#241f14,#0b0a08);border:1px solid #5a4620;color:#f4efe6;box-shadow:0 18px 26px -14px rgba(0,0,0,.55),inset 0 0 0 1px rgba(224,184,101,.12);text-align:center}
.pbox{flex:1;max-width:170px;aspect-ratio:.78;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px}
.pbox.big{max-width:190px;aspect-ratio:.72}
.pbox small,.pscr small{font-size:clamp(8px,1vw,11px);letter-spacing:.14em;text-transform:uppercase;color:#d8c9a4}
.pbox b,.pscr b{font:600 clamp(11px,1.5vw,17px)/1.2 Poppins,sans-serif;text-transform:uppercase;color:var(--gold2)}
.pbox i{font:400 clamp(26px,4vw,48px)/1 'Bebas Neue',Impact,sans-serif;color:var(--gold2);font-style:normal;opacity:.9}.pbox i.xl{font-size:clamp(46px,7vw,86px)}
.pbox i.nt{background:#fff;color:#111;width:clamp(26px,3.6vw,44px);aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:clamp(16px,2.4vw,28px);margin-top:6px}
.pbox em{font:italic 600 clamp(18px,2.6vw,30px) 'Great Vibes',cursive;color:#fff}
.pbox u{display:block;width:70%;height:38%;border-radius:4px;background:linear-gradient(135deg,#2c5a8a,#8a4a9a,#d4903a);opacity:.85;margin-top:6px}
.pscr{flex:1.25;max-width:230px;border-radius:8px 8px 4px 4px;padding:12px 10px 10px;display:flex;flex-direction:column;gap:6px;align-items:center}
.pscr.wide{max-width:290px}
.pscr u{display:block;width:100%;height:clamp(34px,5vw,64px);border-radius:4px;background:linear-gradient(135deg,rgba(224,184,101,.35),rgba(255,255,255,.06))}
.pscr u.bars{background:repeating-linear-gradient(90deg,#2ea8b8 0 8px,transparent 8px 14px);mask:linear-gradient(transparent,#000 40%);-webkit-mask:linear-gradient(transparent,#000 40%)}
.pphone{width:clamp(50px,7vw,86px);aspect-ratio:.52;border-radius:14px;display:grid;place-items:center;background:#fff;border:3px solid #111}.pphone i{font-style:normal;background:#111;color:#fff;width:50%;aspect-ratio:1;display:grid;place-items:center;border-radius:6px;font-weight:700}
.plate{position:absolute;left:2%;right:2%;bottom:0;height:46%;border-radius:50%;background:linear-gradient(180deg,#fff,#efe6d3);box-shadow:0 0 0 2px #e0b865,0 22px 30px -18px rgba(90,60,10,.5);z-index:1}
/* laptop mocks */
.media-lap{display:flex;justify-content:center;padding:6px 0}
.laptop{width:min(100%,560px);filter:drop-shadow(0 24px 30px rgba(90,60,10,.28))}
.lscreen{background:radial-gradient(circle at 78% 90%,rgba(224,184,101,.5),transparent 42%),linear-gradient(160deg,#17140d,#050505);border:6px solid #1c1c1c;border-bottom-width:8px;border-radius:14px 14px 4px 4px;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;color:#fff;padding:14px}
.lscreen .lbrand{position:absolute;margin:0;display:none}
.lscreen b{font:600 clamp(24px,4.4vw,46px)/1.02 Poppins,sans-serif;letter-spacing:.02em}.lscreen b.gold{color:var(--gold2)}
.lscreen small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d8c9a4;margin-top:8px}
.lscreen strong{font:600 clamp(12px,1.6vw,16px) Poppins,sans-serif;letter-spacing:.14em;margin-bottom:12px}
.lbase{height:14px;background:linear-gradient(#d9d9d9,#a9a9a9);border-radius:0 0 18px 18px;width:106%;margin-left:-3%}
.laptop.mk .lscreen b{font-size:clamp(20px,3.4vw,36px)}
.lsearch{margin:10px 0 8px;font-size:11px;color:#b9ae94;border:1px solid #4a3c1f;border-radius:8px;padding:7px 14px;width:72%;text-align:left;background:rgba(255,255,255,.04)}
.lstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:92%}.lstats i{font-style:normal;font-size:9px;color:#d8c9a4;border:1px solid #3b3320;border-radius:8px;padding:5px 2px;background:rgba(255,255,255,.03)}.lstats b{display:block;font:600 14px Poppins,sans-serif;color:var(--gold2)}
.brand-grid{max-width:1040px;margin-inline:auto}
.brand img{aspect-ratio:2.1/1;object-fit:cover}
.trio{display:grid;grid-template-columns:repeat(3,1fr);background:var(--dark);border:1px solid #3b3320;border-radius:16px;margin-top:clamp(26px,4vw,44px);padding:6px}
.trio div{padding:16px 22px;border-right:1px solid #2b2619;color:#f4efe6}.trio div:last-child{border:0}.trio b{display:block;font:600 15px Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold2)}.trio span{font-size:13px;color:#cfc7b4}
@media(max-width:700px){.trio{grid-template-columns:1fr}.trio div{border:0;border-bottom:1px solid #2b2619}.pd-row.top{flex-wrap:wrap}.pbox{max-width:30%}.pscr{max-width:46%}}

/* v2.3.1 hero + showcase fixes */
.hero{padding-top:clamp(10px,2vw,24px)}
.hero .container.hero-grid{align-items:end;grid-template-columns:minmax(240px,1fr) minmax(300px,400px) minmax(300px,1.05fr)}
.hero-copy{align-self:center}
.hero-svc{align-self:center}
.hero-media{align-self:end;overflow:visible}
.hero-media img{max-height:none;height:min(78vh,650px);width:auto;max-width:100%;z-index:1}
.hero-media .arc{width:120%;top:7%;aspect-ratio:1;border:0;border-radius:0;background:radial-gradient(circle closest-side,transparent calc(100% - 3px),#d6a84f calc(100% - 3px),#e9c776 calc(100% - 1px),transparent 100%);filter:drop-shadow(0 0 8px rgba(224,184,101,.55));clip-path:inset(0 0 44% 0);z-index:0}
.showcase{max-width:1040px;margin:0 auto}.showcase img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:0}
@media(max-width:1100px){.hero-media img{height:auto;width:min(86%,420px)}}
@media(max-width:700px){.hero-media .arc{width:106%}}
.showcase img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 100%);mask-composite:intersect}

/* v2.4 original poster artwork */
.mk-img{max-width:1040px;margin:0 auto 18px}.mk-img img{width:100%;height:auto;border-radius:14px}
.mk-img.list img{border:1px solid var(--line);box-shadow:0 14px 30px -22px rgba(90,60,10,.4)}
.hero{padding-top:6px}
.hero .container.hero-grid{align-items:start}
.hero-copy{align-self:center;padding-top:18px}
.hero-svc{align-self:center}
.hero-media{align-self:start;margin-top:0}
.hero-media img{height:clamp(420px,calc(100vh - 150px),690px)}
.hero-media .arc{top:9%}
@media(max-width:1100px){.hero-media img{height:auto;width:min(86%,420px)}.hero-media{align-self:end}}
/* v2.4.1 responsive hero (must stay last) */
.hero-copy{position:relative;z-index:2}
@media(max-width:1100px){
 .hero .container.hero-grid{grid-template-columns:1fr 1fr;align-items:end}
 .hero-media{align-self:end}
 .hero-media img{height:auto;width:min(92%,430px);max-height:none}
 .hero-svc{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:700px){
 .hero .container.hero-grid{grid-template-columns:1fr;gap:6px}
 .hero-media{order:-1;align-self:center;justify-self:center;width:100%}
 .hero-media img{width:auto;height:min(56vh,460px);max-width:100%}
 .hero-media .arc{width:82%;top:7%}
 .hero-copy{padding-top:0;padding-bottom:6px}
 .hero-svc{grid-template-columns:repeat(2,1fr)}
}

/* v2.5 service pages */
a.sv,a.card{text-decoration:none;color:inherit;cursor:pointer}
a.card{display:block}
.more{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.svc .more{font-size:11px;margin-top:8px}
a.card:hover .more,a.sv:hover span{color:var(--gold)}
.svc-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
.svc-intro{font-size:clamp(16px,1.6vw,19px);color:#3d392f;line-height:1.8}
.svc-main .title.sm{margin-top:34px;font-size:clamp(28px,3.2vw,40px)}
.svc-list{list-style:none;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svc-list li{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 38px;position:relative;font-size:14.5px;line-height:1.5}
.svc-list li:before{content:"\2713";position:absolute;left:14px;top:11px;color:var(--gold);font-weight:700}
.svc-steps{list-style:none;counter-reset:s;margin-top:14px;display:grid;gap:10px}
.svc-steps li{counter-increment:s;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14.5px}
.svc-steps li:before{content:counter(s);flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#161208;font-weight:700;display:grid;place-items:center;font-size:14px}
.svc-side{position:sticky;top:112px;display:grid;gap:18px}
.svc-side .form-card{max-width:none;margin:0}.svc-side .form-card h3{font:400 30px 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--gold)}
.svc-side .form-card p{font-size:14px;color:var(--muted);margin:4px 0 14px}
.svc-others{background:var(--dark);color:#f4efe6;border-radius:20px;padding:22px}
.svc-others h3{font:400 24px 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--gold2);margin-bottom:8px}
.svc-others ul{list-style:none;display:grid;gap:2px}.svc-others a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:14px;color:#d9d2c0}
.svc-others a:hover,.svc-others a.on{background:#1b1812;color:var(--gold2)}
@media(max-width:900px){.svc-layout{grid-template-columns:1fr}.svc-side{position:static}.svc-list{grid-template-columns:1fr}}
.page-hero .display span{color:var(--gold)}

/* v2.6 brand pages */
.brand-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,56px);align-items:center}
.brand-art{background:radial-gradient(circle at 50% 0,#211e15,#08080a 72%);border:1px solid #4a3a1a;border-radius:22px;padding:14px;box-shadow:0 24px 40px -24px rgba(0,0,0,.6);max-width:420px;justify-self:end;width:100%}
.brand-art img{width:100%;height:auto;aspect-ratio:2.1/1;object-fit:cover;border-radius:14px}
.brand-hero .display{font-size:clamp(46px,6vw,84px)}
@media(max-width:800px){.brand-hero-grid{grid-template-columns:1fr}.brand-art{justify-self:start;max-width:340px}}

/* v2.7 marketplace pages */
.mk-search{max-width:640px;margin:0 auto 34px;position:relative}
.mk-search input{width:100%;border:1.5px solid var(--line);border-radius:999px;padding:15px 24px;font:inherit;font-size:15px;background:#fff;box-shadow:0 14px 28px -20px rgba(90,60,10,.5)}
.mk-search input:focus{outline:2px solid var(--gold);border-color:var(--gold)}
#mk-count{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:8px;min-height:16px}
.mk-group .title.sm{margin-bottom:20px}
.pgrid{align-items:stretch}.cgrid{gap:14px}
.pcard,.ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 14px 30px -22px rgba(90,60,10,.45);transition:transform .2s,border-color .2s}
.pcard:hover,.ccard:hover{transform:translateY(-4px);border-color:var(--gold)}
.pcard[hidden],.ccard[hidden],.mk-group[hidden]{display:none}
.pimg{background:radial-gradient(circle at 50% 30%,#fff,#f4ecdb);border-radius:12px;height:190px;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}
.pimg img{max-height:170px;width:auto;max-width:90%;mix-blend-mode:multiply}
.pcard h3,.ccard h3{font:600 16px Poppins,sans-serif;margin-bottom:4px}
.pcard p,.ccard p{font-size:13.5px;color:var(--muted);line-height:1.55;flex:1}
.ccard{padding:20px}.ccard h3{color:var(--ink)}
.prod-hero .brand-hero-grid{grid-template-columns:.8fr 1.2fr}
.prod-art{background:radial-gradient(circle at 50% 30%,#fff,#f1e7d1);border:1px solid var(--line);border-radius:22px;min-height:300px;display:grid;place-items:center;padding:22px;box-shadow:0 24px 40px -28px rgba(90,60,10,.5)}
.prod-art img{max-height:320px;width:auto;max-width:100%;mix-blend-mode:multiply}
.price{font:600 22px Poppins,sans-serif;color:var(--gold);margin:14px 0}
.ticks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13px;color:var(--muted)}.ticks li:before{content:"\2713 ";color:var(--gold);font-weight:700}
.soon{background:var(--cream);border:1px dashed #d9c493;border-radius:16px;padding:22px;display:grid;gap:14px;justify-items:start}
.svc-others ul.scroll{max-height:380px;overflow:auto;padding-right:6px}
.svc-main .chips{justify-content:flex-start;margin-top:12px}
.mk-browse{margin-top:46px}.mk-browse .chips{margin-top:18px}
.prodlinks{margin-top:26px}
@media(max-width:800px){.prod-hero .brand-hero-grid{grid-template-columns:1fr}.pimg{height:160px}}
.svc-main .pcard h3,.svc-main .ccard h3{font:600 16px Poppins,sans-serif;text-transform:none;letter-spacing:0;color:var(--ink);margin:0 0 4px}
.prod-hero .price{text-align:left}.prod-hero .btns{justify-content:flex-start}

/* v2.8 clickable shelves, resource list, covers */
.shelves2{max-width:1060px;margin:6px auto 0}
.shelf2{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(6px,1.4vw,18px);padding:18px clamp(8px,2vw,22px) 10px;border-bottom:7px solid #eadfca;background:linear-gradient(#fff,#fbf6ea);box-shadow:0 10px 16px -12px rgba(184,134,59,.6)}
.bookcard{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--ink);transition:transform .2s}
.bookcard img{width:100%;height:auto;border-radius:4px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}
.bookcard span{font-size:clamp(7.5px,.85vw,10.5px);letter-spacing:.07em;text-transform:uppercase;font-weight:600;text-align:center;line-height:1.25;color:#3b3626}
.bookcard:hover{transform:translateY(-6px)}.bookcard:hover span{color:var(--gold)}
.rlist{max-width:1060px;margin:22px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 14px 30px -22px rgba(90,60,10,.4)}
.ritem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:12.5px;line-height:1.25;transition:background .15s}
.ritem img{width:30px;height:30px;flex:none;mix-blend-mode:multiply}.ritem:hover{background:var(--cream);color:var(--gold)}
@media(max-width:700px){.shelf2{grid-template-columns:repeat(4,1fr)}.bookcard span{font-size:8px}}
.pp{display:block;font:600 15px Poppins,sans-serif;color:var(--gold);margin:8px 0 2px}
.pcover{width:112px;height:150px;border-radius:6px;background:linear-gradient(150deg,#241f14,#0a0908);border:1px solid #5a4620;box-shadow:4px 6px 0 #2a2417,0 14px 20px -8px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;text-align:center}
.pcover i{font:400 34px/1 'Bebas Neue',Impact,sans-serif;font-style:normal;color:var(--gold2)}
.pcover .pc-ico{width:34px;height:34px;border-radius:8px;background:#f4ecdb;padding:3px;mix-blend-mode:normal}
.pcover b{font:600 10px/1.25 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f1e6c8}
.prod-art .pcover{width:190px;height:250px}.prod-art .pcover i{font-size:58px}.prod-art .pcover b{font-size:13px}

/* v2.9 shop */
.cart-link{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);margin-left:auto;margin-right:6px}
.cart-link:hover{color:var(--gold)}
.cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:#161208;font:700 11px/18px Poppins,sans-serif;text-align:center;padding:0 4px}
.cart-count[hidden]{display:none}
.cart-box,.order-box{max-width:760px;margin:0 auto}
.order-box.narrow{max-width:520px}
.c-row{display:grid;grid-template-columns:1fr auto 34px;gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.c-row a{font-weight:500;text-decoration:none;color:var(--ink)}.c-price{font-weight:600;color:var(--gold)}
.c-rm{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px;line-height:1;cursor:pointer}.c-rm:hover{border-color:var(--gold);color:var(--gold)}
.c-total{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:18px;border-top:2px solid var(--gold);margin-top:14px}.c-total b{font-size:22px;color:var(--gold)}
.c-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
.empty{text-align:center;padding:40px 0;display:grid;gap:16px;justify-items:center}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:clamp(20px,4vw,48px);align-items:start;max-width:1000px}
.co-form{max-width:none;margin:0;display:grid;gap:12px}.co-form h3,.co-sum h3,.pay-box h3{font:400 28px 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--gold)}
.co-form input:not([type=radio]),.co-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font:inherit;font-size:14.5px;background:#fff}
.co-form textarea{min-height:84px}
.co-form button{border:0;border-radius:999px;padding:15px;background:linear-gradient(135deg,var(--gold2),var(--gold));font:700 12.5px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.co-form button:disabled{opacity:.5;cursor:not-allowed}
.pay-list{display:grid;gap:10px}.pay{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}
.pay input{margin-top:4px;accent-color:var(--gold)}.pay b{display:block;font-size:14.5px}.pay small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:3px}
.pay:has(input:checked){border-color:var(--gold);background:var(--cream)}
.co-sum{background:var(--dark);color:#f4efe6;border-radius:20px;padding:22px;position:sticky;top:112px}
.co-sum .c-row{background:#17140d;border-color:#2b2619;color:#f4efe6;grid-template-columns:1fr auto}.co-sum .c-row a{color:#f4efe6}.co-sum .c-total{border-color:#3b3320;color:#f4efe6}
.fine{font-size:12.5px;color:var(--muted);line-height:1.5}.co-sum .fine a{color:var(--gold2)}
.ok-note{background:#f2f8ee;border:1px solid #cfe3c4;border-radius:12px;padding:14px 16px;margin-bottom:18px}
.err-note{background:#fdf1ef;border:1px solid #efc4bd;border-radius:12px;padding:14px 16px;margin-bottom:18px}
.badge{display:inline-block;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.st-pending{background:#fdf3d9;color:#8a6410}.st-paid{background:#e4f4de;color:#2d6a1e}.st-cancelled{background:#f3e3e0;color:#8a2c20}
.o-table{width:100%;border-collapse:collapse;margin:16px 0}.o-table td{padding:11px 4px;border-bottom:1px solid var(--line)}.o-table td:last-child{text-align:right;font-weight:600}.o-table .tot td{border-bottom:0;font-size:17px;color:var(--gold)}
.pay-box{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:10px}.dl{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.xt-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#15130e;color:#f4efe6;border:1px solid var(--gold);border-radius:999px;padding:12px 22px;font-size:14px;opacity:0;transition:.25s;z-index:9999}.xt-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.checkout-grid{grid-template-columns:1fr}.co-sum{position:static}}

/* v3.0 brand decoration */
.brands-split{position:relative}
.brand-grid{position:relative;z-index:3}
.deco-cat{position:absolute;left:-6px;bottom:-96px;width:clamp(120px,14vw,200px);height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(60,40,10,.25))}
.deco-plant{position:absolute;right:-8px;bottom:-6px;width:clamp(64px,7.5vw,112px);height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(60,40,10,.22))}
@media(max-width:900px){.deco-cat,.deco-plant{display:none}}
.deco-cat{-webkit-mask-image:linear-gradient(#000 74%,transparent 100%);mask-image:linear-gradient(#000 74%,transparent 100%)}
/* v3.1 ring around the waist */
.hero-media .arc{width:132%;top:auto;bottom:-12%;left:50%;aspect-ratio:1;transform:translateX(-50%);clip-path:none;background:radial-gradient(circle closest-side,transparent calc(100% - 3px),#d6a84f calc(100% - 3px),#ecd08a calc(100% - 1px),transparent 100%);filter:drop-shadow(0 0 10px rgba(224,184,101,.5))}
@media(max-width:1100px){.hero-media .arc{width:124%;bottom:-14%}}
@media(max-width:700px){.hero-media .arc{width:118%;bottom:-8%}}
.hero{overflow:hidden}
.hero-media .arc{width:114%;bottom:-6%}
@media(max-width:1100px){.hero-media .arc{width:108%;bottom:-8%}}
@media(max-width:700px){.hero-media .arc{width:100%;bottom:-2%}}

/* v3.1 articles */
.article{max-width:760px;margin:0 auto}
.article h2{font:400 clamp(28px,3.4vw,40px)/1.05 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:34px 0 10px}
.article p,.article li{font-size:16.5px;line-height:1.85;color:#38342a}
.article ul{margin:8px 0 8px 22px}.article li{margin:6px 0}
.takeaways{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:18px 22px;margin:34px 0 14px}
.takeaways h3{font:400 26px 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin-bottom:6px}
.byline{font-size:13px!important;color:var(--muted)!important;margin-top:18px}
.insight-grid .card.post p{margin:8px 0 10px}.meta{display:block;color:var(--muted);font-size:12.5px;margin-bottom:6px}

/* v3.1 content sections */
.price .for{font-size:13px;color:var(--muted);margin:-4px 0 6px}
.price .am small{font-size:13px;font-weight:500;color:var(--muted)}
.price{position:relative}.pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold2),var(--gold));color:#161208;font:700 10.5px Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap}
.custom-quote{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--dark);color:#f4efe6;border-radius:18px;padding:22px 26px;margin-top:26px}
.custom-quote b{display:block;font-size:18px;color:var(--gold2)}.custom-quote span{font-size:14px;color:#cfc7b4}
.center-ticks{justify-content:center;margin-top:18px}
.why .card{position:relative;padding-top:34px}.why .num{font:400 44px/1 'Bebas Neue',Impact,sans-serif;color:var(--gold);opacity:.35;position:absolute;top:12px;right:18px}
.why h3{margin-bottom:6px}
.works .card{display:block;text-decoration:none;color:inherit}.works .card:hover{border-color:var(--gold)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.pillars div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.pillars b{display:block;color:var(--gold);font:400 22px 'Bebas Neue',Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}.pillars span{font-size:12.5px;color:var(--muted);line-height:1.45}
@media(max-width:700px){.pillars{grid-template-columns:1fr}.custom-quote{padding:18px}}
.nf-links .card{text-decoration:none;color:inherit}.nf-links .card:hover{border-color:var(--gold)}
.why h3{padding-right:46px}
.insight-grid>*{min-width:0}.card.post .eyebrow{white-space:normal}
@media(max-width:700px){.insight-grid{grid-template-columns:1fr}}
.page-hero .display{overflow-wrap:anywhere}@media(max-width:420px){.page-hero .display.sm{font-size:clamp(34px,11vw,48px)}}
.entry,.article,.prose{overflow-wrap:anywhere}

/* v3.2 waist ring (replaces the big circle) */
.hero-media .arc{display:none}
.hero-media .figure{position:relative;display:inline-block;line-height:0}
.hero-media .figure img{display:block;position:relative;z-index:1}
.ring{position:absolute;left:50%;top:67%;width:122%;height:auto;aspect-ratio:5/1;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;filter:drop-shadow(0 0 7px rgba(224,184,101,.55))}
.ring-back{z-index:0}.ring-front{z-index:2}
@media(max-width:1100px){.ring{width:116%}}
@media(max-width:700px){.ring{width:112%}}
.ring{width:112%}@media(max-width:1100px){.ring{width:108%}}@media(max-width:700px){.ring{width:106%}}

/* portfolio: brand projects */
.sub-h{font:400 clamp(26px,3vw,36px)/1 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.02em;margin:0 0 18px;text-transform:uppercase}
.brand-projects{margin-top:0;margin-bottom:8px}.works+.sub-h{margin-top:clamp(36px,5vw,64px)}
.bproj{display:flex;flex-direction:column;gap:10px;background:#fff}
.bp-logo{height:64px;display:flex;align-items:center}.bp-logo img{max-height:56px;width:auto;object-fit:contain}
.bproj h3{font-size:20px;line-height:1.2}.bp-tag{color:var(--gold);font-size:13px;font-weight:600}
.bproj ul{list-style:none;display:grid;gap:6px;font-size:14px;color:var(--muted)}
.bproj li{padding-left:18px;position:relative}.bproj li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--gold2)}
.bp-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:10px;font-size:14px;font-weight:600}.bp-links a{color:var(--gold);text-decoration:none}.bp-links .bp-soon{color:var(--muted);font-weight:500}
.works .card.work{color:#f4efe6}.works .card.work h3{color:#fff}
/* 10 brands: two even rows of five on wide screens */
@media(min-width:1100px){#brand-grid.brand-grid{grid-template-columns:repeat(5,1fr);max-width:1180px}#brand-grid .brand h3{font-size:17px}}
.prodlinks { display: none; }