/* ===== Tokens (taken from the logo: coal, aged brass, ember) ===== */
:root{
  --coal:#14110d; --coal-2:#1c1711; --coal-3:#27200f;
  --brass:#c9a24b; --brass-lt:#e3c77a; --ember:#e8731f;
  --ash:#efe6d4; --muted:#b2a68e; --line:rgba(201,162,75,.28);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --r:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--coal);color:var(--ash);font:400 1.0625rem/1.65 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--brass-lt)}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--ember);outline-offset:3px}
.wrap{width:min(1160px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--brass);color:#000;padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}

/* ===== Type ===== */
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1;margin:0 0 .6em;color:#fff}
h1{font-size:clamp(2.5rem,6vw,4.4rem);letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
h3{font-size:1.5rem}
p{margin:0 0 1.1em;max-width:62ch}
.lead{font-size:1.2rem;color:var(--ash);max-width:52ch}

/* ===== Buttons ===== */
.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:var(--r);font-weight:600;text-decoration:none;
  border:1.5px solid var(--brass);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.2;transition:background .2s,color .2s}
.btn-solid{background:var(--brass);color:#1a1409}
.btn-solid:hover{background:var(--brass-lt);color:#1a1409}
.btn-line{background:transparent;color:var(--brass-lt)}
.btn-line:hover{background:var(--brass);color:#1a1409}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.text-link{font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(20,17,13,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.menu{display:flex;align-items:center;gap:1.8rem}
.menu a{color:var(--ash);text-decoration:none;font-weight:500;padding:.3rem 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a.active{color:#fff;border-bottom-color:var(--brass)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);width:46px;height:46px;cursor:pointer;padding:0;position:relative}
.nav-toggle i{position:absolute;left:11px;right:11px;height:2px;background:var(--brass-lt);transition:transform .25s,opacity .2s}
.nav-toggle i:nth-child(1){top:15px}.nav-toggle i:nth-child(2){top:22px}.nav-toggle i:nth-child(3){top:29px}
.nav-toggle[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded=true] i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


/* ===== Sections ===== */
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.section.dark{background:var(--coal-2);border-block:1px solid var(--line)}
.page-head{padding:clamp(3rem,6vw,5rem) 0 2rem;background:linear-gradient(180deg,var(--coal-3),var(--coal));border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}

.band{background:var(--coal-3);border-block:1px solid var(--line);padding:2.8rem 0}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.trio h3{color:var(--brass-lt);margin-bottom:.4em}
.trio p{margin:0;color:var(--muted)}

.checks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.checks li{padding:1rem 0 1rem 2rem;border-bottom:1px solid var(--line);position:relative}
.checks li::before{content:"";position:absolute;left:.2rem;top:1.45rem;width:.9rem;height:.45rem;border-left:2px solid var(--ember);border-bottom:2px solid var(--ember);transform:rotate(-45deg)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.cards.shapes{grid-template-columns:1fr 1fr}
.eyebrow{margin:0 0 .4rem;font-size:.95rem}
.eyebrow a{text-decoration:none}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--coal);border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:var(--r);padding:1.8rem}
.card.has-img{padding:0 0 1.4rem;overflow:hidden}
.card.has-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#f3f1ec}
.card.has-img h3,.card.has-img p,.card.has-img .text-link,.card.has-img .btn{margin-left:1.3rem;margin-right:1.3rem}
.card.has-img h3{margin-top:1rem}
.card p{color:var(--muted);margin-bottom:0}
.card .role{color:var(--brass-lt);margin-bottom:.6rem}
.card.person p a{font-size:1.25rem;font-weight:600}
.more{margin-top:2rem}

/* Process */
.steps{list-style:none;counter-reset:s;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem}
.steps li{counter-increment:s;position:relative;padding-top:3.4rem;border-top:2px solid var(--line)}
.steps li::before{content:counter(s);position:absolute;top:-1.1rem;left:0;width:2.2rem;height:2.2rem;border-radius:50%;
  background:var(--ember);color:#1a0d02;font-weight:700;display:grid;place-items:center}
.steps h3{font-size:1.35rem;margin-bottom:.3em}
.steps p{color:var(--muted);font-size:.98rem;margin:0}

/* CTA */
.cta{padding:0 0 clamp(3.5rem,7vw,6rem)}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--coal-3),#33260f);border:1px solid var(--brass);border-radius:var(--r);padding:clamp(1.8rem,4vw,3rem)}
.cta-box h2{margin-bottom:.3em}.cta-box p{margin:0;color:var(--muted)}
.cta-box .actions{margin:0}

/* About */
.panel{background:var(--coal-2);border:1px solid var(--line);border-radius:var(--r);padding:2rem}
.values dt{font:600 1.45rem var(--serif);color:var(--brass-lt);margin-top:1.2rem}
.values dt:first-child{margin-top:0}
.values dd{margin:.2rem 0 0;color:var(--muted)}
.tags{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem}
.tags li{border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;color:var(--ash)}

/* Products */
.product-list{display:grid;gap:1.5rem}
.product{display:grid;grid-template-columns:150px 1.3fr 1fr auto;gap:1.6rem;align-items:center;
  border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:var(--r);padding:2rem;background:var(--coal-2)}
.product img{width:150px;height:112px;object-fit:cover;border-radius:10px}
.product h2{font-size:1.9rem;margin-bottom:.3em}
.product h3{font-size:1.05rem;margin:0 0 .4rem;font-family:var(--sans,inherit)}
.product p{margin:0;color:var(--muted)}
.product ul{list-style:none;margin:0;padding:0;color:var(--ash);font-size:.98rem}
.product li{padding:.25rem 0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.person-line{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}
.person-line h3{margin-bottom:.1em}
.person-line .role{color:var(--brass-lt);margin-bottom:.4rem}
.person-line p{margin-bottom:.4rem}
.form{background:var(--coal-2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem)}
.form label{display:block;font-weight:500;margin-bottom:1.1rem}
.form input,.form textarea{display:block;width:100%;margin-top:.4rem;padding:.8rem .9rem;font:inherit;color:#fff;
  background:var(--coal);border:1px solid rgba(201,162,75,.45);border-radius:var(--r)}
.form input:focus,.form textarea:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.notice{padding:1rem 1.2rem;border-radius:var(--r);margin-bottom:1.3rem}
.notice ul{margin:0;padding-left:1.1rem}
.notice.ok{background:rgba(90,160,90,.15);border:1px solid #5aa05a}
.notice.err{background:rgba(220,80,60,.14);border:1px solid #dc503c}

/* ===== Footer ===== */
.site-footer{background:#0e0c09;border-top:1px solid var(--line);padding-top:3.5rem;font-size:.98rem}
.foot-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr;gap:2.5rem}
.foot-logo{width:70px;margin-bottom:1rem}
.foot-note{color:var(--muted)}
.site-footer h3{font:600 1.3rem var(--serif);color:var(--brass-lt);margin-bottom:.8em}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:.7rem;color:var(--muted)}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;padding:1.4rem 0 5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}

/* Floating quick contact */
.quick{ display: none; position:fixed;right:1rem;bottom:1rem;flex-direction:column;gap:.6rem;z-index:60}
.quick a{padding:.7rem 1.1rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.q-wa{background:#25a244;color:#fff}.q-call{background:var(--brass);color:#1a1409}

/* ===== Responsive ===== */
@media (max-width:1000px){
  .steps{grid-template-columns:repeat(2,1fr);row-gap:2.6rem}
  .product{grid-template-columns:1fr;gap:1.2rem}
  .product .btn{justify-self:start}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav-toggle{display:block}
  .menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--coal);
    border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.2rem;display:none}
  .menu.open{display:flex}
  .menu a{padding:.9rem 0;border-bottom:1px solid var(--line)}
  .menu .menu-cta{margin-top:1rem;text-align:center;border-bottom:1.5px solid var(--brass)}
  .hero-grid,.split,.contact-grid,.cards,.cards.shapes,.cards.two,.trio,.prod-intro,.shape-grid{grid-template-columns:1fr}
  .hero-logo{order:-1;width:min(240px,60%)}
  .hero-grid{gap:1.5rem}
}
@media (max-width:560px){
  body{font-size:1rem}
  .steps,.row,.foot-grid{grid-template-columns:1fr}
  .actions .btn{flex:1 1 100%;text-align:center}
  .brand b{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ===== v2: top bar, logo-only header, slider, about, counters, certificates, footer ===== */
.topbar{background:#0b0906;border-bottom:1px solid var(--line);font-size:.9rem}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:42px}
.top-contacts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.6rem}
.top-contacts li{display:flex;align-items:center;gap:.45rem;color:var(--muted)}
.top-contacts a{color:var(--ash);text-decoration:none}
.top-contacts a:hover{color:var(--brass-lt)}
.ico{flex:none;color:var(--brass)}
.social{display:flex;gap:.5rem}
.social a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--brass-lt);transition:background .2s,color .2s}
.social a:hover{background:var(--brass);color:#1a1409}
.social .ico{color:inherit}

.bar{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:1rem}
.brand{display:block;line-height:0}
.brand img{height:92px;width:auto}
.menu{display:flex;align-items:center;gap:1.8rem}
.menu .menu-cta{border:1.5px solid var(--brass);padding:.7rem 1.3rem;color:#1a1409;border-bottom:1.5px solid var(--brass)}
.menu .menu-cta:hover{color:#1a1409}

/* Slider (base) */
.slider{position:relative;overflow:hidden}
.slides{position:relative}
.slide{display:none}
.slide.is-active{display:block;animation:fadeIn .7s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.s-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--brass);background:rgba(20,17,13,.7);color:var(--brass-lt);font-size:2rem;line-height:1;cursor:pointer;z-index:5}
.s-btn:hover{background:var(--brass);color:#1a1409}
.s-btn.prev{left:1rem}.s-btn.next{right:1rem}
.dots{position:absolute;left:0;right:0;bottom:1.4rem;display:flex;justify-content:center;gap:.6rem;z-index:5}
.dots button{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--brass);background:transparent;padding:0;cursor:pointer}
.dots button.on{background:var(--brass)}

/* About */
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:center}
.about-img{width:100%;max-width:440px;border-radius:50%;justify-self:center;box-shadow:0 0 0 2px var(--brass),0 20px 60px rgba(0,0,0,.6)}

/* Counters */
.counters{background:linear-gradient(120deg,var(--coal-3),#33260f);border-block:1px solid var(--brass);padding:3rem 0}
.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.count strong{display:block;font:700 clamp(2.4rem,5vw,3.6rem)/1 var(--serif);color:var(--brass-lt)}
.count>span{display:block;margin-top:.5rem;color:var(--ash)}

/* Cards extra */
.card-meta{color:var(--brass-lt)!important;font-weight:500;margin:.8rem 0 1rem!important}
.card.has-img .card-meta{margin:.55rem 1.3rem .9rem!important}

/* Certificates */
.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2rem}
.cert{margin:0;text-align:center}
.certs{align-items:start}
.cert a{display:block}
.cert img,.cert-ph{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top center;border:1px solid var(--brass);border-radius:var(--r);background:#fff}
.cert-ph{display:grid;place-items:center;color:var(--muted);font-size:.95rem;border-style:dashed}
.cert figcaption{margin-top:.8rem;font-weight:500}

/* Footer */
.foot-grid{grid-template-columns:1.4fr 1fr .8fr 1.3fr}
.foot-logo{width:96px;height:auto;margin-bottom:1rem}
.foot-brand p{color:var(--muted);max-width:42ch}
.foot-brand h3{margin-top:1.4rem}
.foot-contact li{display:flex;gap:.6rem;align-items:flex-start}
.foot-contact .ico{margin-top:.3rem}
.foot-bottom{justify-content:center;text-align:center;padding-bottom:5rem}

@media (max-width:1000px){
  .certs{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .bar{min-height:84px}
  .brand img{height:70px}
  .about-grid{grid-template-columns:1fr;gap:1.8rem}
  .about-img{max-width:220px}
  .s-btn{display:none}
  .count-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}
  .menu{top:100%}
}
@media (max-width:560px){
  .topbar{font-size:.82rem}
  .social a{width:28px;height:28px}
  .hide-sm{display:none!important}
  .certs{grid-template-columns:1fr 1fr;gap:.9rem}
  .foot-grid{grid-template-columns:1fr}
}


/* ===== v3: transparent header over full-bleed hero ===== */
.btn-ember{background:var(--ember);border-color:var(--ember);color:#fff;font-weight:600;letter-spacing:.02em}
.btn-ember:hover{background:#ff8a33;border-color:#ff8a33;color:#fff}
.cta-mob{display:none}
.cta-desk{white-space:nowrap}

.site-header.overlay{position:absolute;top:42px;left:0;right:0;z-index:50;background:transparent;border-bottom:0;backdrop-filter:none}
.site-header.overlay.stuck{position:fixed;top:0;background:rgba(20,17,13,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.site-header .menu{flex:1;justify-content:center}
.site-header .menu a{font-size:1.1rem;font-weight:500}
.site-header .menu a.active{border-bottom:3px solid var(--brass)}

/* Hero slide: image only, no overlay, no text */
.slide{min-height:clamp(560px,calc(100svh - 42px),860px);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:transparent}

@media (max-width:860px){
  .site-header.overlay{top:42px}
  .cta-desk{display:none}
  .cta-mob{display:block;margin-top:1rem;text-align:center}
  .site-header .menu{justify-content:flex-start}
  .site-header .menu a{font-size:1rem}
}

/* ===== v3 fixes: bigger, clearer logo ===== */
.bar{min-height:150px}
.brand img{height:132px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.7))}
@media (max-width:860px){
  .bar{min-height:104px}
  .brand img{height:88px}
}

/* ===== v3 mobile menu fix: closed by default, opens via the toggle ===== */
@media (max-width:860px){
  .site-header .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(20,17,13,.98);border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.2rem}
  .site-header .menu.open{display:flex}
  .site-header .menu a{text-align:left;padding:.9rem 0;border-bottom:1px solid var(--line)}
  .site-header .menu a.cta-mob{color:#fff;text-align:center;border:1.5px solid var(--ember);padding:.9rem 1rem}
}

/* ===== v3 mobile: keep floating buttons compact ===== */
@media (max-width:560px){
  .quick{flex-direction:row;bottom:.7rem;right:.7rem;gap:.4rem}
  .quick a{padding:.5rem .85rem;font-size:.85rem}
}

/* ===== v4: LIGHT THEME - warm paper pages, dark only for counters, CTA and footer ===== */
:root{
	 --paper-2:#efe6d2; --white:#fff;
  --ink:#2b2218; --ink-soft:#5d5039; --brass-dk:#8a6416;
  --line:rgba(138,100,22,.28);
}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{color:var(--ink)}
.lead{color:var(--ink-soft)}
a{color:var(--brass-dk)}
a:hover{color:var(--ember)}
.text-link{color:var(--brass-dk)}
.btn-line{color:var(--brass-dk);border-color:var(--brass-dk)}
.btn-line:hover{background:var(--brass-dk);color:#fff}
.btn-solid{color:#241a08}

/* Top bar: brass strip */
.topbar{background:var(--brass);border-bottom:0;color:#241a08}
.top-contacts li,.top-contacts a{color:#241a08}
.top-contacts a:hover{color:#000;text-decoration:underline}
.topbar .ico{color:#241a08}
.topbar .social a{border-color:rgba(36,26,8,.45);color:#241a08}
.topbar .social a:hover{background:#241a08;color:var(--brass-lt)}

/* Header on inner pages is light; on the home hero it stays transparent with white text */
.site-header:not(.overlay){background:rgba(248,244,234,.96);border-bottom:1px solid var(--line)}
.site-header:not(.overlay) .menu a{color:var(--ink)}
.site-header:not(.overlay) .menu a:hover,.site-header:not(.overlay) .menu a.active{color:#000;border-bottom-color:var(--brass-dk)}
.site-header:not(.overlay) .menu a.cta-mob,.site-header:not(.overlay) .cta-desk{color:#fff}
.site-header:not(.overlay) .nav-toggle{border-color:var(--brass-dk)}
.site-header:not(.overlay) .nav-toggle i{background:var(--brass-dk)}
.site-header.overlay .menu a{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.site-header.overlay.stuck{background:rgba(43,34,24,.97)}
.site-header.overlay .cta-desk,.site-header.overlay .menu a.cta-mob{color:#fff}

.s-btn{background:rgba(43,34,24,.55)}

/* Sections */
.section.dark{background:var(--paper-2);border-block:1px solid var(--line)}
.page-head{background:linear-gradient(180deg,#eadfc4,var(--paper));border-bottom:1px solid var(--line)}
.page-head h1{color:var(--ink)}

.card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--brass);box-shadow:0 10px 30px rgba(90,64,20,.08)}
.card p{color:var(--ink-soft)}
.card .role,.card-meta{color:var(--brass-dk)!important}
.card.person p a{color:var(--brass-dk)}

.about-img{box-shadow:0 0 0 3px var(--brass),0 18px 50px rgba(90,64,20,.25)}

.panel{background:var(--white);border-color:var(--line)}
.values dt{color:var(--brass-dk)}
.values dd{color:var(--ink-soft)}
.tags li{color:var(--ink);background:var(--white);border-color:var(--line)}

.product{background:var(--white);border-color:var(--line);border-left-color:var(--ember)}
.product p{color:var(--ink-soft)}
.product ul{color:var(--ink)}

.person-line{border-bottom-color:var(--line)}
.person-line .role{color:var(--brass-dk)}
.form{background:var(--white);border-color:var(--line);box-shadow:0 10px 30px rgba(90,64,20,.08)}
.form input,.form textarea{background:#fffdf8;color:var(--ink);border-color:#cdb97f}
.notice.ok{background:#e6f3e4}.notice.err{background:#fbe6e1}

.cert img,.cert-ph{background:var(--white);border-color:var(--brass)}
.cert-ph{color:var(--ink-soft)}
.cert figcaption{color:var(--ink)}

/* Counters, CTA and footer stay dark, but warm brown instead of black */
.counters{background:linear-gradient(120deg,#4a3820,#6a4e22);border-block:0}
.count>span{color:#f6ecd6}
.cta-box{background:linear-gradient(120deg,#4a3820,#6a4e22);border:0}
.cta-box h2{color:#fff}.cta-box p{color:#f1e6cc}
.cta-box .btn-line{color:#fff;border-color:#fff}
.cta-box .btn-line:hover{background:#fff;color:#2b2218}

.site-footer{background:#2f2418;border-top:0}
.site-footer h3{color:var(--brass-lt)}
.site-footer li,.foot-brand p,.foot-note{color:#dccfb2}
.site-footer a{color:#f0e3c4}
.site-footer a:hover{color:var(--brass-lt)}
.site-footer .social a{color:var(--brass-lt);border-color:rgba(227,199,122,.4)}
.site-footer .social a:hover{background:var(--brass);color:#241a08}
.foot-bottom{border-top:1px solid rgba(227,199,122,.25);color:#cbbd9f}

@media (max-width:860px){
  .site-header:not(.overlay) .menu{background:var(--paper);border-bottom:1px solid var(--line)}
  .site-header:not(.overlay) .menu a{border-bottom-color:var(--line)}
  .site-header.overlay .menu{background:rgba(43,34,24,.98)}
}

/* Compact sticky header after scrolling */
.site-header.overlay.stuck .bar{min-height:92px}
.site-header.overlay.stuck .brand img{height:76px}

/* ===== v6: image-only hero (no overlay, no bg color, no text, no button) ===== */
.slider{background:none!important;border-bottom:0}
.slide{background-color:transparent!important}
.slide::before,.slide::after{content:none!important;background:none!important}

/* ===== v7: black top bar + solid white header ===== */
.topbar{background:#000;border-bottom:0;color:#fff}
.top-contacts li,.top-contacts a{color:#fff}
.top-contacts a:hover{color:var(--brass-lt);text-decoration:none}
.topbar .ico{color:#fff}
.topbar .social a{border-color:rgba(255,255,255,.25);color:#fff}
.topbar .social a:hover{background:var(--brass);border-color:var(--brass);color:#1a1409}

.site-header,
.site-header:not(.overlay){
  background:#fff;
  border-bottom:1px solid #eee;
  backdrop-filter:none;
}
.site-header .menu a,
.site-header:not(.overlay) .menu a{color:var(--ink);text-shadow:none}
.site-header .menu a:hover,
.site-header .menu a.active,
.site-header:not(.overlay) .menu a:hover,
.site-header:not(.overlay) .menu a.active{color:#000;border-bottom-color:var(--brass)}
.site-header:not(.overlay) .cta-desk,
.site-header:not(.overlay) .menu a.cta-mob{color:#fff}

.bar{min-height:110px}
.brand img{height:96px;width:auto;filter:none}

/* Hero now sits below the header, so it no longer needs full-screen height */
/* Slide height follows the image ratio so the full image shows (change 16/9 to your image's ratio if different) */
.slide{width:100%;min-height:0;max-height:none;height:auto;aspect-ratio:1920/700;background-size:cover;background-position:center center}

@media (max-width:860px){
  .bar{min-height:84px}
  .brand img{height:68px}
  .slide{height:auto;max-height:none;aspect-ratio:2.25/1;background-position:22% center;background-size:cover}
  .site-header .menu,
  .site-header:not(.overlay) .menu{background:#fff;border-bottom:1px solid var(--line)}
  .site-header .menu a,
  .site-header:not(.overlay) .menu a{color:var(--ink);border-bottom-color:var(--line)}
}

/* Product page: image left, copy right, shape cards below */
.prod-page{background:#fff}
.prod-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,4.2rem);align-items:center}
.prod-photo{background:#f4f1ea;border-radius:22px;padding:.7rem;display:flex;align-items:center;justify-content:center}
.prod-photo img{width:100%;height:auto;object-fit:contain;object-position:center}
.prod-intro h1{font-family:var(--sans);font-weight:750;font-size:clamp(2.3rem,4vw,3.3rem);letter-spacing:-.03em;line-height:1.08;margin:0 0 .55em}
.prod-intro p{color:#4e463c;font-size:1.05rem;line-height:1.75;max-width:58ch}
.btn-ember{background:#f26a1b;border-color:#f26a1b;color:#fff}
.btn-ember:hover{background:#d8560f;border-color:#d8560f;color:#fff}
.shape-block{margin-top:clamp(3.2rem,6vw,5rem)}
.shape-block h2{font-family:var(--sans);font-weight:750;font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:-.02em;margin:0 0 .35em}
.shape-block .shape-note{color:#4e463c;font-size:1.05rem;margin:0 0 1.4rem;max-width:62ch}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;margin-top:0}
.shape-card{background:#fff;border:1px solid #ece7dc;border-radius:16px;padding:.45rem .45rem 1.15rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.shape-card img{width:100%;height:320px;object-fit:contain;object-position:center;background:#f3f1ec;border-radius:12px}
.shape-card a{display:inline-block;position:relative;margin-top:-16px;background:#f26a1b;color:#fff;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;padding:.6rem 1rem;border-radius:6px}
.shape-card a:hover{background:#d8560f;color:#fff}
@media (max-width:860px){
  .prod-intro,.shape-grid{grid-template-columns:1fr}
  .shape-card img{height:280px}
}