/* ===== Next Level Meats — websites for BBQ joints, butcher shops & meat markets =====
   Warm butcher-shop identity: charcoal smoke + butcher-paper cream + ember red.
   Display = Oswald (condensed menu-board), Body = Barlow. Self-hosted. */

@font-face{font-family:"Oswald";src:url("../fonts/oswald-500-normal-0.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Oswald";src:url("../fonts/oswald-600-normal-1.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Oswald";src:url("../fonts/oswald-700-normal-2.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/barlow-400-normal-0.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/barlow-500-normal-1.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/barlow-600-normal-2.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/barlow-700-normal-3.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --smoke:#14100C; --smoke2:#1B150F; --char:#221A12; --char2:#2C2117;
  --paper:#F2E8D7; --paper2:#E7D8BE; --papercard:#F7EFE1;
  --ink:#EFE5D3; --ash:#BCAB8F; --ash2:#8E7C64;
  --ember:#CB3A1E; --ember2:#E24A2A; --brick:#94221C; --brown:#5D2218; --gold:#D9A65A;
  --line:rgba(190,171,143,.16); --line2:rgba(190,171,143,.30);
  --pline:rgba(70,46,28,.18); --pline2:rgba(70,46,28,.30);
  --disp:"Oswald",Impact,sans-serif; --body:"Barlow",system-ui,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --wrap:1180px;
}
@supports(color:color(display-p3 1 1 1)){@media(color-gamut:p3){:root{
  --ember:color(display-p3 .76 .24 .14);--ember2:color(display-p3 .85 .31 .18);--gold:color(display-p3 .82 .66 .39)}}}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--smoke);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
a{color:inherit;text-decoration:none;transition:color .18s ease}
img{max-width:100%;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--ember);color:#fff;padding:8px 14px;z-index:99;border-radius:6px}

/* type */
.kicker{font-family:var(--disp);font-weight:600;font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ember2);margin-bottom:18px}
.band--paper .kicker{color:var(--brick)}
h1,h2,h3,.h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:1.02}
h1{font-size:clamp(2.5rem,5.4vw,4.4rem);color:var(--paper)}
h1 .em{color:var(--ember2);display:inline}
.h2{font-size:clamp(1.9rem,3.8vw,3rem);color:var(--paper);text-wrap:balance}
.band--paper .h2,.band--paper h1,.band--paper h2{color:#241008}
.h2 .em{color:var(--ember)}
.lede{font-family:var(--body);font-weight:400;color:var(--ash);font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.6;text-transform:none;letter-spacing:0}
.band--paper .lede{color:#5a4632}

/* bands / sections */
.band{padding:84px 0;position:relative}
.band--paper{background:var(--paper);color:#3a2a1c;
  background-image:radial-gradient(rgba(120,85,55,.05) 1px,transparent 1px);background-size:22px 22px}
.band--smoke{background:var(--smoke)}
.band--char{background:linear-gradient(180deg,var(--smoke2),var(--smoke))}
.band--tight{padding:60px 0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;justify-content:center;font-family:var(--disp);font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;padding:14px 26px;border-radius:7px;border:2px solid transparent;
  line-height:1;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.btn--solid{background:var(--ember);color:#fff}.btn--solid:hover{background:var(--ember2);transform:translateY(-2px)}
.btn--lg{padding:17px 34px;font-size:1.05rem}
.btn--full{width:100%}
.btn--ghost{background:transparent;border-color:var(--line2);color:var(--ink)}.btn--ghost:hover{border-color:var(--paper);color:var(--paper)}
.band--paper .btn--ghost{border-color:var(--pline2);color:#3a2a1c}.band--paper .btn--ghost:hover{border-color:var(--brown);color:var(--brown)}
.btn--text{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;color:var(--ember2);border:0;padding:8px 2px;background:none}
.btn--text:hover{color:var(--ember)}
.band--paper .btn--text{color:var(--brick)}

/* ===== NAV ===== */
.nav{position:sticky;top:0;z-index:50;background:rgba(20,16,12,.90);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav__row{max-width:1300px;margin-inline:auto;padding:0 24px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center}
.brand__logo{height:56px;width:auto;display:block}
.nav__links{display:flex;align-items:center;gap:30px;font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;color:var(--ash)}
.nav__links a:not(.btn):hover{color:var(--paper)}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav__toggle span{width:25px;height:2px;background:var(--ink);display:block;border-radius:2px}

/* ===== HERO ===== */
.hero{position:relative;overflow:hidden;background:var(--smoke);min-height:84vh;display:flex;align-items:center}
.hero__bg{position:absolute;inset:0;z-index:0;
  background:radial-gradient(120% 90% at 82% 35%,rgba(203,58,30,.20),transparent 55%),
             radial-gradient(80% 70% at 12% 90%,rgba(93,34,24,.30),transparent 60%)}
.hero__scene{position:absolute;top:0;right:0;z-index:1;height:100%;width:60%;object-fit:cover;object-position:center left;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,var(--smoke),transparent 22%)}
.hero__copy{position:relative;z-index:3;width:100%;max-width:1300px;margin-inline:auto;padding:64px 24px}
.hero__in{max-width:660px}
.hero h1{margin-bottom:0}
.hero .lede{margin-top:22px;max-width:46ch}
.hero__cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:34px}
.hero__meta{margin-top:30px;display:flex;gap:26px;flex-wrap:wrap;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--ash2)}
.hero__meta b{color:var(--gold);font-weight:600}

/* ===== TRUST STRIP ===== */
.trust{background:var(--char);border-block:1px solid var(--line)}
.trust__row{max-width:1300px;margin-inline:auto;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust__i{display:flex;align-items:center;gap:14px}
.trust__i i{color:var(--ember2);font-size:1.4rem;width:30px;text-align:center}
.trust__i b{display:block;font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--paper);line-height:1.1}
.trust__i span{font-size:.82rem;color:var(--ash2)}

/* ===== section head ===== */
.shead{max-width:62ch;margin-bottom:48px}
.shead.center{margin-inline:auto;text-align:center}
.shead .lede{margin-top:16px}

/* ===== SERVICES GRID ===== */
.svcg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{position:relative;display:flex;flex-direction:column;background:var(--papercard);border:1px solid var(--pline);border-radius:12px;padding:30px 26px;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(40,18,8,.55);border-color:var(--pline2)}
.svc__ic{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:11px;
  background:linear-gradient(160deg,#fff,#efe2cd);border:1px solid var(--pline);color:var(--ember);font-size:1.5rem;margin-bottom:20px}
.svc h3{font-size:1.4rem;color:#241008;margin-bottom:10px}
.svc p{color:#5a4632;font-size:.97rem;margin-bottom:18px;flex:1}
.svc .btn--text{color:var(--brick);align-self:flex-start}
.svc__tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.svc__tags span{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;color:#7a6450;background:#fff;border:1px solid var(--pline);border-radius:5px;padding:4px 9px}
.svc .cardlink{position:absolute;inset:0;z-index:3;border-radius:inherit}
.svc .cardlink:focus-visible{outline:2px solid var(--ember);outline-offset:3px}

/* ===== MENU-TO-LEAD BOARD (signature) ===== */
.board{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.board__steps{display:grid;gap:14px}
.bstep{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--char);border:1px solid var(--line);
  border-left:3px solid var(--ember);border-radius:10px;padding:18px 22px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bstep:hover,.bstep.on{background:var(--char2);transform:translateX(4px)}
.bstep__n{font-family:var(--disp);font-weight:700;font-size:1.5rem;color:var(--ember2);width:34px}
.bstep b{display:block;font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--paper);font-size:1.08rem;line-height:1.1}
.bstep span{color:var(--ash);font-size:.92rem}
.bstep i{color:var(--ash2);font-size:1.1rem;transition:color .2s,transform .2s}
.bstep:hover i,.bstep.on i{color:var(--ember2);transform:translateX(3px)}
.board__panel{background:linear-gradient(180deg,var(--char2),var(--char));border:1px solid var(--line2);border-radius:16px;padding:30px 28px;min-height:280px;
  display:flex;flex-direction:column;justify-content:center}
.board__panel .bp{display:none}.board__panel .bp.on{display:block;animation:fade .4s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bp__k{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:.78rem;margin-bottom:12px}
.bp h4{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:var(--paper);font-size:1.5rem;margin-bottom:10px}
.bp p{color:var(--ash);font-size:.97rem;margin-bottom:14px}
.bp ul{list-style:none;padding:0;display:grid;gap:8px}
.bp li{color:var(--ink);font-size:.93rem;padding-left:24px;position:relative}
.bp li::before{content:"\2192";position:absolute;left:0;color:var(--ember2)}

/* ===== DONENESS DIAL (interactive signature) ===== */
.dial{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;background:var(--papercard);border:1px solid var(--pline);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -40px rgba(40,18,8,.5)}
.dial__l{padding:36px 34px;border-right:1px solid var(--pline)}
.dial__r{padding:36px 34px;background:linear-gradient(180deg,#241a12,#1a130d);color:var(--ink);display:flex;flex-direction:column;justify-content:center}
.dial__label{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--brick);margin:0 0 12px}
.dial__cuts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.cutbtn{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.86rem;color:#5a4632;background:#fff;border:1px solid var(--pline);
  border-radius:8px;padding:10px 15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.cutbtn:hover{border-color:var(--brown)}
.cutbtn.on{background:var(--ember);color:#fff;border-color:var(--ember)}
.dial__done label{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;color:#5a4632;display:block;margin-bottom:10px}
.dial__range{display:flex;align-items:center;gap:14px}
.dial__range input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:4px;background:linear-gradient(90deg,#e9b48f,#c8381f);cursor:pointer}
.dial__range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ember);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.dial__range input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ember)}
.dial__doneword{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:#241008;min-width:8.5ch;text-align:right;font-size:1.05rem}
.dial__note{margin-top:24px;color:#7a6450;font-size:.86rem}
.dial__temp{font-family:var(--disp);font-weight:700;line-height:.9;color:var(--gold);font-size:clamp(3.4rem,8vw,5rem)}
.dial__temp small{font-size:2rem;color:var(--ash)}
.dial__cut{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--paper);font-size:1.3rem;margin:4px 0 18px}
.dial__rows{display:grid;gap:12px;margin-top:6px}
.dial__rows div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:.95rem;color:var(--ash)}
.dial__rows b{color:var(--ink);font-weight:600;text-align:right}
.dial__tag{display:inline-block;margin-top:20px;font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--gold);border:1px solid var(--line2);border-radius:20px;padding:6px 14px;align-self:flex-start}

/* ===== WE-BUILD band ===== */
.build{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.build__media{border-radius:16px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.build__media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.build ul.checks{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:13px}
.checks li{display:flex;gap:13px;color:var(--ink);font-size:1rem}
.checks li i{color:var(--ember2);margin-top:4px}
.checks li b{font-weight:600;color:var(--paper)}

/* ===== WORK GRID ===== */
.work__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wgrid--2{grid-template-columns:repeat(2,1fr)}
.wcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--char);transition:transform .2s,border-color .2s}
.wcard:hover{transform:translateY(-4px);border-color:var(--line2)}
.wcard__shot{overflow:hidden;border-bottom:1px solid var(--line)}
.wcard__shot img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top;transition:transform .4s ease}
.wcard:hover .wcard__shot img{transform:scale(1.04)}
.wcard figcaption{padding:16px 18px;flex:1}
.wcard__tag{font-family:var(--disp);font-weight:600;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ember2);display:block;margin-bottom:7px}
.wcard figcaption b{color:var(--paper);font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:1.02rem;line-height:1.15}
.wcard .cardlink{position:absolute;inset:0;z-index:3}
.wcard .cardlink:focus-visible{outline:2px solid var(--ember2);outline-offset:3px}

/* ===== QUOTE / proof ===== */
.proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.proof__media{border-radius:16px;overflow:hidden;border:1px solid var(--pline2)}
.proof__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.quote{font-family:var(--disp);font-weight:500;text-transform:none;letter-spacing:0;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.25;color:#241008}
.band--smoke .quote{color:var(--paper)}
.quote__by{margin-top:18px;font-family:var(--body);font-size:.95rem;color:#7a6450}
.band--smoke .quote__by{color:var(--ash)}

/* ===== stat row ===== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.stat{text-align:center;padding:20px}
.stat b{display:block;font-family:var(--disp);font-weight:700;color:var(--ember2);font-size:clamp(2.2rem,4vw,3rem);line-height:1}
.band--paper .stat b{color:var(--brick)}
.stat span{color:var(--ash);font-size:.9rem}
.band--paper .stat span{color:#5a4632}

/* ===== CTA + FORM ===== */
.cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.contact-line{margin-top:18px;color:var(--ash);font-size:1rem}
.contact-line a{color:var(--gold)}.contact-line a:hover{color:var(--ember2)}
.form{display:grid;gap:15px;background:var(--char);border:1px solid var(--line2);border-radius:16px;padding:32px}
.band--paper .form{background:var(--papercard);border-color:var(--pline2)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form label{display:grid;gap:7px;font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;color:var(--ash)}
.band--paper .form label{color:#7a6450}
.form input,.form textarea,.form select{background:var(--smoke);border:1px solid var(--line2);border-radius:8px;padding:13px 15px;color:var(--ink);font:inherit;font-size:1rem;width:100%}
.band--paper .form input,.band--paper .form textarea,.band--paper .form select{background:#fff;border-color:var(--pline2);color:#241008}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--ember2)}
.form__note{font-size:.92rem;margin-top:2px;min-height:1.2em}
.form__note[data-state=ok]{color:#6fbf73}.form__note[data-state=err]{color:#ff9b8a}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ===== FOOTER ===== */
.foot{background:#0E0B08;border-top:1px solid var(--line);padding:60px 0 34px}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px;margin-bottom:42px}
.foot__logo{height:50px;width:auto;margin-bottom:16px}
.foot__about{color:var(--ash2);font-size:.92rem;max-width:30ch}
.foot h5{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--gold);margin-bottom:16px}
.foot ul{list-style:none;padding:0;display:grid;gap:10px}
.foot ul a,.foot__contact a,.foot__contact span{color:var(--ash);font-size:.92rem}
.foot ul a:hover,.foot__contact a:hover{color:var(--paper)}
.foot__contact{display:grid;gap:11px}
.foot__contact div{display:flex;gap:11px;align-items:flex-start}
.foot__contact i{color:var(--ember2);margin-top:4px;width:16px;text-align:center}
.foot__bar{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.foot__attr{color:var(--ash2);font-size:.88rem}.foot__attr a{color:var(--gold)}.foot__attr a:hover{color:var(--ember2)}
.foot__legal{display:flex;gap:18px;font-size:.85rem}.foot__legal a{color:var(--ash2)}.foot__legal a:hover{color:var(--paper)}

/* ===== SUBPAGES ===== */
.phead{position:relative;background:linear-gradient(180deg,var(--smoke2),var(--smoke));border-bottom:1px solid var(--line);padding:64px 0 52px}
.phead .wrap{max-width:var(--wrap)}
.crumbs{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;color:var(--ash2);margin-bottom:20px}
.crumbs a{color:var(--ash)}.crumbs a:hover{color:var(--paper)}.crumbs span{margin:0 8px;color:var(--ash2)}
.phead h1{font-size:clamp(2.3rem,4.6vw,3.7rem);max-width:20ch}
.phead .lede{margin-top:20px;max-width:62ch}
.prose{max-width:74ch}
.prose h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:var(--paper);font-size:1.7rem;margin:40px 0 14px}
.band--paper .prose h2{color:#241008}
.prose h3{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--paper);font-size:1.2rem;margin:28px 0 10px}
.band--paper .prose h3{color:#3a2a1c}
.prose p,.prose li{color:var(--ash);margin-bottom:14px}
.band--paper .prose p,.band--paper .prose li{color:#5a4632}
.prose ul{padding-left:22px;margin-bottom:14px}
.prose a{color:var(--gold)}.band--paper .prose a{color:var(--brick)}
.prose strong{color:var(--paper)}.band--paper .prose strong{color:#241008}

/* service detail layout */
.spv{display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:start}
.spv__main h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:var(--paper);font-size:1.6rem;margin:38px 0 14px}
.spv__main h2:first-child{margin-top:0}
.spv__main p{color:var(--ash);margin-bottom:16px;max-width:66ch}
.spv__main strong{color:var(--paper);font-weight:600}
.spv__aside{position:sticky;top:100px;background:var(--char);border:1px solid var(--line2);border-radius:16px;padding:28px}
.spv__aside h3{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--gold);margin-bottom:16px}
.spv__aside ul{list-style:none;padding:0;display:grid;gap:12px}
.spv__aside li{display:flex;gap:11px;color:var(--ink);font-size:.96rem;align-items:flex-start}
.spv__aside li i{color:var(--ember2);margin-top:4px;font-size:.85rem}
.spv__aside .btn{margin-top:24px}
.spv__aside .aside-note{color:var(--ash2);font-size:.85rem;margin-top:16px;line-height:1.5}
.deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:8px 0}
.deliver div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.deliver div:nth-child(2n){border-right:0}
.deliver h4{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--paper);font-size:1.05rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.deliver h4 i{color:var(--ember2);font-size:.95rem}
.deliver p{color:var(--ash);font-size:.92rem;margin:0}
.signs{list-style:none;padding:0;margin:6px 0;display:grid;gap:11px}
.signs li{color:var(--ash);padding-left:28px;position:relative}
.signs li::before{content:"\2192";position:absolute;left:0;color:var(--ember2)}
.howto{list-style:none;padding:0;margin:10px 0;display:grid;gap:18px}
.howto li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.howto .timeline__node{margin:0}
.timeline__node{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:var(--smoke);border:2px solid var(--ember);color:var(--ember2);font-family:var(--disp);font-weight:700;font-size:1.05rem}
.howto b{display:block;font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--paper);margin-bottom:4px}
.howto p{color:var(--ash);margin:0}

/* FAQ */
.faq{border-top:1px solid var(--line);max-width:80ch}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 2px;position:relative;color:var(--paper);font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem}
.band--paper .faq summary{color:#241008}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:16px;color:var(--ember2);font-weight:400;font-size:1.5rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ash);padding:0 2px 22px;max-width:74ch;margin:0}
.band--paper .faq details p{color:#5a4632}
.faq details{border-color:var(--line)}.band--paper .faq details,.band--paper .faq{border-color:var(--pline)}

/* related services */
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rel a{display:block;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--char);transition:border-color .2s,transform .2s}
.rel a:hover{border-color:var(--ember);transform:translateY(-3px)}
.rel .svc__n{font-family:var(--disp);font-weight:600;color:var(--ember2);font-size:.85rem}
.rel b{display:block;font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--paper);font-size:1.12rem;margin:8px 0 6px}
.rel span.d{color:var(--ash);font-size:.9rem}

/* about values */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:8px}
.values div{padding:30px 26px;border-right:1px solid var(--line)}.values div:last-child{border-right:0}
.values h3{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--paper);font-size:1.1rem;margin-bottom:8px}
.values p{color:var(--ash);font-size:.94rem;margin:0}

/* packages / pricing */
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pkg{display:flex;flex-direction:column;background:var(--char);border:1px solid var(--line2);border-radius:16px;padding:32px 28px;position:relative}
.pkg--feat{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember)}
.pkg__flag{position:absolute;top:-12px;left:28px;background:var(--ember);color:#fff;font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;padding:5px 12px;border-radius:20px}
.pkg__name{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:var(--paper);font-size:1.4rem;margin-bottom:6px}
.pkg__desc{color:var(--ash);font-size:.92rem;margin-bottom:18px;min-height:3em}
.pkg__price{font-family:var(--disp);font-weight:700;color:var(--gold);font-size:2.4rem;line-height:1;margin-bottom:4px}
.pkg__price small{font-size:.95rem;color:var(--ash);font-weight:400}
.pkg__from{font-size:.8rem;color:var(--ash2);margin-bottom:22px}
.pkg ul{list-style:none;padding:0;display:grid;gap:11px;margin-bottom:24px;flex:1}
.pkg li{display:flex;gap:11px;color:var(--ink);font-size:.93rem}
.pkg li i{color:var(--ember2);margin-top:4px}
.pkg .btn{margin-top:auto}

/* ===== interactivity: hovers + reveal ===== */
.nav__links a:not(.btn),.foot ul a,.foot__contact a,.foot__attr a,.contact-line a,.prose a,.work__more{
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1px;transition:background-size .25s ease,color .18s ease}
.nav__links a:not(.btn):hover,.foot ul a:hover,.foot__contact a:hover,.foot__attr a:hover,.contact-line a:hover,.prose a:hover,.work__more:hover{background-size:100% 1px}
.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.js [data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .svcg{grid-template-columns:repeat(2,1fr)}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .board,.build,.dial,.proof,.cta__inner,.spv{grid-template-columns:1fr;gap:34px}
  .spv__aside{position:static}
  .foot__top{grid-template-columns:1fr 1fr;gap:30px}
  .pkgs,.rel,.values{grid-template-columns:1fr}
  .deliver{grid-template-columns:1fr}.deliver div{border-right:0}
}
@media(max-width:820px){
  .nav__toggle{display:flex}
  .nav__links{position:absolute;top:76px;left:0;right:0;background:var(--smoke);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 20px;display:none}
  .nav__links.is-open{display:flex}.nav__links a{padding:14px 0;width:100%}
  .nav__links .btn{margin-top:8px}
  .trust__row{grid-template-columns:1fr 1fr;gap:16px 18px}
  .hero{min-height:auto}
  .hero__scene{width:100%;opacity:.22;object-position:center}
  .hero::after{background:linear-gradient(0deg,var(--smoke) 18%,rgba(20,16,12,.5) 70%)}
  .hero__copy{padding:54px 24px}
  .dial__r{border-top:1px solid var(--pline)}
}
@media(max-width:560px){
  body{font-size:16px}
  .band{padding:60px 0}
  .svcg,.wgrid,.wgrid--2,.stats{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .trust__row{grid-template-columns:1fr 1fr}
  .foot__top{grid-template-columns:1fr}
  .dial__doneword{min-width:0}
}