/* =========================================================
   A-K Scrap Metal — homepage demo
   charcoal · copper (logo) · crimson #b10f3c (live-site brand)
   ========================================================= */
:root{
  --ink:#14110f; --ink2:#1d1916; --ink3:#28221e;
  --line-d:rgba(255,236,220,.13);
  --paper:#f5f1ea; --paper2:#ece6dd; --line:#ddd4c7;
  --tx:#1b1715; --tx2:#4a433d;
  --txd:#f6f0e8; --txd2:#d0c5b9;
  --cu:#c98457; --cu-hi:#efb48a; --cu-lo:#8e4b2c;
  --cu-grad:linear-gradient(100deg,#f6c49e 0%,#d68c5d 38%,#a95b35 72%,#e6a678 100%);
  --red:#b10f3c; --red-hi:#cc1a4b; --red-lo:#8a0b2e;
  --fd:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
  --fb:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fm:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --hdr:80px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;font:500 16px/1.6 var(--fb);color:var(--tx);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
ul{margin:0;padding:0;list-style:none}
input,textarea,select{font:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#fff;color:var(--tx);padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{top:12px}
.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic--fill{fill:currentColor;stroke:none}
:focus-visible{outline:2px solid var(--cu-hi);outline-offset:3px}

/* ---------- type helpers ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 13px/1.3 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0 0 18px}
.eyebrow__bar{width:28px;height:2px;background:currentColor;flex:none}
.eyebrow--copper{color:var(--cu-hi)}
.eyebrow--light{color:#fff}
.h2{font:800 clamp(40px,4.6vw,72px)/.94 var(--fd);text-transform:uppercase;letter-spacing:-.005em;margin:0}
.cu{background:var(--cu-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.u-red{color:var(--red)}
.sec__lede{font-size:18px;line-height:1.65;color:var(--tx2);margin:0}
.sec--dark .sec__lede{color:var(--txd2)}
.sec__lede--narrow{max-width:660px;margin-top:18px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 15px/1 var(--fb);letter-spacing:.01em;padding:16px 24px;border-radius:999px;border:0;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s,color .2s;white-space:nowrap}
.btn--red{background:var(--red);color:#fff;box-shadow:0 12px 26px -12px rgba(177,15,60,.85)}
.btn--red:hover{background:var(--red-hi);transform:translateY(-1px)}
.btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}
.btn--ghost:hover{background:rgba(255,255,255,.16)}
.btn--line{background:transparent;color:var(--tx);border:1.5px solid currentColor}
.btn--line:hover{background:var(--tx);color:#fff}
.sec--dark .btn--line{color:#fff}
.btn--sm{padding:12px 18px;font-size:14px}
.btn--lg{padding:19px 26px;font-size:16px}
.btn--block{width:100%}

/* ---------- status pill ---------- */
.status{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.status__dot{width:8px;height:8px;border-radius:50%;background:#a59a8f;flex:none}
.status.is-open .status__dot{background:#38d27f;animation:pulse 2s infinite}
.status.is-closed .status__dot{background:#f2a35a}
.status--lg{font-size:15px;color:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(56,210,127,.6)}70%{box-shadow:0 0 0 8px rgba(56,210,127,0)}100%{box-shadow:0 0 0 0 rgba(56,210,127,0)}}

/* =========================================================
   TOP BAR + HEADER
   ========================================================= */
.topbar{background:#0b0908;color:#ece4da;font-size:13.5px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:20px}
.topbar__l,.topbar__r{display:flex;align-items:center;gap:20px}
.topbar__sep{width:1px;height:16px;background:rgba(255,255,255,.18)}
.topbar__note,.topbar__r a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.topbar__note .ic,.topbar__r .ic{width:15px;height:15px;color:var(--cu-hi)}
.topbar__r a:hover{color:var(--cu-hi)}
.topbar__fb{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);justify-content:center}

.hdr{position:sticky;top:0;z-index:50;background:rgba(20,17,15,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line-d);color:var(--txd);transition:box-shadow .3s}
.hdr.is-stuck{box-shadow:0 14px 40px -18px rgba(0,0,0,.7)}
.hdr__in{position:relative;display:flex;align-items:center;gap:24px;height:var(--hdr)}
.hdr__logo{flex:none}
.hdr__logo img{width:260px;height:auto;max-width:none}
.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__item{position:relative}
.nav__item:last-child{position:static}
.nav__link{display:inline-flex;align-items:center;gap:6px;padding:11px 14px;border-radius:12px;font:700 15.5px/1 var(--fb);color:#f3ebe1;background:none;border:0;cursor:pointer;transition:background .2s,color .2s}
.nav__link:hover,.has-dd.is-open>.nav__link{background:rgba(255,255,255,.07);color:#fff}
.nav__link.is-current{color:var(--cu-hi)}
.ic--chev{width:15px;height:15px;transition:transform .25s}
.has-dd.is-open .ic--chev{transform:rotate(180deg)}
.hdr__cta{display:flex;align-items:center;gap:14px}
.hdr__call{display:flex;align-items:center;gap:10px;line-height:1.15}
.hdr__call small{display:block;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--txd2)}
.hdr__call b{font:800 18px var(--fb);color:#fff}
.hdr__call-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--cu-grad);color:#1a0f08}
.hdr__burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;place-items:center;cursor:pointer}
.hdr__burger .ic{width:22px;height:22px}

/* ---------- dropdowns ---------- */
.dd{position:absolute;top:100%;left:50%;padding-top:32px;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility 0s .22s;z-index:5}
.has-dd.is-open>.dd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .22s,transform .22s}
.dd__grid,.mega{background:#fbf8f3;color:var(--tx);border-radius:20px;padding:20px;box-shadow:0 34px 80px -20px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.05)}
.dd__grid--2{display:grid;gap:20px}
.dd--about .dd__grid{width:720px;grid-template-columns:1fr 290px}
.dd--blog .dd__grid{width:760px;grid-template-columns:1fr 1fr}
.dd--contact .dd__grid{width:700px;grid-template-columns:1fr 300px}
.dd__label{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin:4px 12px 10px}
.dd__links a{display:block;padding:10px 12px;border-radius:12px;transition:background .2s}
.dd__links b{display:block;font-size:15.5px;color:var(--tx);transition:color .2s}
.dd__links span{display:block;font-size:13.5px;color:var(--tx2);line-height:1.4}
.dd__links a:hover{background:#efe7dc}
.dd__links a:hover b{color:var(--red)}
.dd__links--tight a{padding:8px 12px}
.dd-cta{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--ink);color:#fff}
.dd-cta img{height:170px;width:100%;object-fit:cover;transition:transform .6s}
.dd-cta:hover img{transform:scale(1.05)}
.dd-cta__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px 18px}
.dd-cta__kicker{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--cu-hi)}
.dd-cta__title{font:800 28px/.98 var(--fd);text-transform:uppercase}
.dd-post{display:flex;flex-direction:column;gap:8px}
.dd-post img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.dd-post__meta{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2);margin-top:4px}
.dd-post__title{font:800 28px/1 var(--fd);text-transform:uppercase}
.dd-post__more{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:var(--red)}
.dd-post:hover .dd-post__title{color:var(--red)}
.dd-stack{display:flex;flex-direction:column}
.dd-mini{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;background:var(--ink);color:#fff;border-radius:14px;padding:14px}
.dd-mini>.ic{width:26px;height:26px;color:var(--cu-hi)}
.dd-mini b{display:block;font-size:15px}
.dd-mini span{display:block;font-size:13.5px;color:var(--txd2);line-height:1.4}
.dd-mini .btn{grid-column:1/-1}
.dd__contact li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;font-size:15px;line-height:1.45}
.dd__contact .ic{color:var(--red);margin-top:2px}
.dd__contact b{font-size:20px}
.dd-form{background:var(--ink);color:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.dd-form__title{font:800 26px/1 var(--fd);text-transform:uppercase;margin:0}
.dd-form__sub{font-size:13.5px;color:var(--txd2);margin:0 0 4px;line-height:1.45}
.dd-form input{height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:0 14px;font-size:15px}
.dd-form input::placeholder{color:#b9aea3}
.dd-form__ok{display:flex;align-items:center;gap:8px;color:#7ee2a8;font-weight:700;font-size:14px;margin:0}
.dd-form__ok[hidden]{display:none}

.dd--mega{left:50%;padding-top:12px}
.mega{width:min(1060px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 330px;gap:20px}
.mega__main{display:flex;flex-direction:column;gap:14px}
.mega__list{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}
.mega__foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:14px 12px 4px;border-top:1px dashed #d8cdbf;font-size:14px;font-weight:700;color:var(--tx)}
.mega__foot span{display:inline-flex;align-items:center;gap:8px}
.mega__foot .ic{color:var(--red)}
.mega__foot a{margin-left:auto;color:var(--red);display:inline-flex;align-items:center;gap:6px}
.mega__list a{display:flex;align-items:center;gap:14px;padding:10px;border-radius:14px;transition:background .2s}
.mega__list img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none}
.mega__list b{display:block;font-size:15.5px;line-height:1.25;transition:color .2s}
.mega__list small{display:block;font-size:13.5px;color:var(--tx2);line-height:1.35;margin-top:2px}
.mega__list a:hover,.mega__list a.is-hot{background:#efe7dc}
.mega__list a:hover b,.mega__list a.is-hot b{color:var(--red)}
.mega__cta{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--ink);color:#fff}
.mega__img{height:210px;overflow:hidden;position:relative}
.mega__img img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .6s}
.mega__img img.is-swap{opacity:0;transform:scale(1.04)}
.mega__cta-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
.mega__cta-title{font:800 30px/.96 var(--fd);text-transform:uppercase}
.mega__cta-list{display:flex;flex-wrap:wrap;gap:8px}
.mega__cta-list span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08)}
.mega__cta-list .ic{width:15px;height:15px;color:var(--cu-hi)}

/* ---------- mobile drawer ---------- */
.drawer{position:fixed;inset:0;z-index:90;background:rgba(6,4,3,.55);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.drawer.is-open{opacity:1;visibility:visible;transition:opacity .3s}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--ink);color:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);overflow-y:auto}
.drawer.is-open .drawer__panel{transform:none}
.drawer__top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line-d)}
.drawer__top img{height:36px;width:auto}
.drawer__x{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.drawer__nav>li>a,.acc>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font:800 26px/1 var(--fd);text-transform:uppercase;color:#fff;background:none;border:0;border-bottom:1px solid var(--line-d);text-align:left;cursor:pointer}
.acc>button .ic{transition:transform .25s;color:var(--cu-hi)}
.acc.is-open>button .ic{transform:rotate(45deg)}
.acc__body{display:none;flex-direction:column;padding:6px 20px 14px;border-bottom:1px solid var(--line-d)}
.acc.is-open .acc__body{display:flex}
.acc__body a{padding:9px 0;color:#e6dcd1;font-weight:600;font-size:16px}
.drawer__cta{margin-top:auto;padding:20px;display:grid;gap:10px}
.drawer__hours{font-size:13.5px;color:var(--txd2);text-align:center;margin:4px 0 0}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;background:var(--ink);color:var(--txd);overflow:hidden;padding:64px 0 0}
.hero__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 640px at 80% 28%,rgba(201,132,87,.24),transparent 62%),
    radial-gradient(700px 520px at -5% 105%,rgba(177,15,60,.22),transparent 60%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 15px)}
.hero__ghost{position:absolute;left:-1vw;bottom:-5.2vw;font:800 23vw/1 var(--fd);color:transparent;-webkit-text-stroke:1px rgba(255,236,220,.07);white-space:nowrap;letter-spacing:-.01em}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.hero__h1{font:800 clamp(54px,6.3vw,106px)/.88 var(--fd);text-transform:uppercase;letter-spacing:-.008em;margin:0 0 24px}
.hero__h1 .cu{display:inline}
.hero__lead{font-size:19px;line-height:1.6;color:var(--txd2);max-width:580px;margin:0 0 30px}
.hero__lead b{color:#fff}

.qq{max-width:650px;background:rgba(255,255,255,.055);border:1px solid rgba(255,236,220,.14);border-radius:24px;padding:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 40px 70px -40px rgba(0,0,0,.8)}
.qq__tabs{display:flex;gap:6px;padding:2px}
.qq__tabs button{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:16px;border:0;background:none;color:var(--txd2);font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.qq__tabs button[aria-selected=true]{background:#fff;color:var(--ink)}
.qq__tabs button[aria-selected=true] .ic{color:var(--red)}
.qq__pane{display:none;padding:16px 14px 10px}
.qq__pane.is-on{display:block;animation:fade .35s}
.qq__q{font:600 12.5px var(--fm);text-transform:uppercase;letter-spacing:.07em;color:var(--cu-hi);margin:0 0 10px}
.qq__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:16px;align-items:end}
.qq__go{height:52px}
.qq__note{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txd2);margin:12px 0 2px}
.qq__note .ic{width:16px;height:16px;color:var(--cu-hi)}
.qq__drop{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}
.qq__addr{font-weight:800;font-size:20px;color:#fff;margin:0 0 10px;line-height:1.3}
.qq__hours li{display:flex;justify-content:space-between;gap:28px;font-size:14.5px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.16)}
.qq__hours span{color:var(--txd2)}
.qq__row--btns{grid-template-columns:auto auto;justify-content:start}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:700 14px/1 var(--fb);padding:10px 14px;border-radius:999px;border:1px solid rgba(255,236,220,.22);background:rgba(255,255,255,.03);color:#efe7dd;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--cu-hi)}
.chip.is-on{background:var(--cu-grad);border-color:transparent;color:#1a0f08}
.chip.is-on::before{content:"✓ ";font-weight:800}
.chips--light .chip{background:#fff;border-color:#d3c8ba;color:var(--tx)}
.chips--light .chip:hover{border-color:var(--red)}
.chips--light .chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.chips--sm .chip{padding:9px 12px;font-size:13.5px}

.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>span{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--txd2)}
.field input,.field textarea{width:100%;height:52px;padding:0 14px;border-radius:13px;border:1px solid rgba(255,236,220,.18);background:rgba(0,0,0,.28);color:#fff;font-size:15.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}
.field input::placeholder{color:#a99d91}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--cu-hi);box-shadow:0 0 0 3px rgba(239,180,138,.2)}
.field--light>span{color:var(--tx2)}
.field--light input,.field--light textarea{background:#fff;border:1px solid #d3c8ba;color:var(--tx)}
.field--light input::placeholder,.field--light textarea::placeholder{color:#857a6f}
.field--light input:focus,.field--light textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(177,15,60,.12)}
.field textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}

.hero__art{position:relative;height:660px}
.hero__main{position:absolute;right:0;top:0;width:74%;height:100%;margin:0;border-radius:320px 320px 30px 30px;overflow:hidden;outline:1px solid rgba(239,180,138,.35);outline-offset:12px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85)}
.hero__main img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}
.hero__sub{position:absolute;left:0;bottom:70px;width:38%;aspect-ratio:3/4;margin:0;border-radius:22px;overflow:hidden;border:6px solid var(--ink);transform:rotate(-4deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);z-index:2}
.hero__sub img{width:100%;height:100%;object-fit:cover}
.badge-rot{position:absolute;left:5%;top:24px;width:150px;height:150px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px rgba(239,180,138,.3),0 20px 40px -14px rgba(0,0,0,.7);z-index:3}
.badge-rot svg{position:absolute;inset:0;animation:spin 24s linear infinite}
.badge-rot text{fill:var(--cu-hi);font:600 13px var(--fm)}
.badge-rot img{position:absolute;left:50%;top:50%;width:66px;transform:translate(-50%,-50%)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__chip{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;color:var(--tx);padding:11px 18px 11px 11px;border-radius:16px;box-shadow:0 24px 44px -18px rgba(0,0,0,.75);z-index:4;line-height:1.25}
.hero__chip b{display:block;font-size:15.5px;font-weight:800}
.hero__chip small{display:block;font-size:13px;color:var(--tx2)}
.hero__chip-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--cu-grad);color:#1a0f08;flex:none}
.hero__chip-ic--red{background:var(--red);color:#fff}
.hero__chip--a{left:16%;top:212px;animation:float 6s ease-in-out infinite}
.hero__chip--b{right:-14px;top:44%;animation:float 7s ease-in-out -2s infinite}
@keyframes float{50%{transform:translateY(-8px)}}
.hero__review{position:absolute;right:5%;bottom:22px;width:300px;background:rgba(20,17,15,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,180,138,.3);border-radius:18px;padding:16px 18px;z-index:4}
.hero__review-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hero__review p{font-size:15px;line-height:1.5;margin:0 0 8px;color:#fff;font-weight:600}
.hero__review-by{font:600 12px var(--fm);color:var(--txd2);text-transform:uppercase;letter-spacing:.05em}
.g{width:22px;height:22px;flex:none}
.stars{display:inline-flex;gap:2px}
.stars svg{width:17px;height:17px;fill:#fbbc05}

.hero__stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0 0;border-top:1px solid var(--line-d)}
.hero__stats li{padding:26px 24px 34px;border-left:1px solid var(--line-d)}
.hero__stats li:first-child{border-left:0;padding-left:0}
.hero__stats b{display:block;font:800 46px/1 var(--fd);text-transform:uppercase;color:#fff;margin-bottom:6px}
.hero__stats span{font-size:14.5px;color:var(--txd2)}

/* ---------- ticker ---------- */
.ticker{background:linear-gradient(90deg,#b46a40,#e6a879 50%,#b46a40);color:#1a0f08;overflow:hidden;padding:15px 0;border-block:1px solid #7d4224}
.ticker__track{display:flex;align-items:center;gap:26px;width:max-content;animation:marquee 46s linear infinite}
.ticker span{font:800 28px/1 var(--fd);text-transform:uppercase;white-space:nowrap}
.ticker i{width:10px;height:10px;background:#1a0f08;transform:rotate(45deg);flex:none}
@keyframes marquee{to{transform:translateX(-50%)}}

/* =========================================================
   SECTIONS
   ========================================================= */
.sec{padding:120px 0}
.sec--paper{background:var(--paper);color:var(--tx)}
.sec--paper2{background:var(--paper2);color:var(--tx)}
.sec--dark{background:var(--ink);color:var(--txd)}
.sec__head{margin-bottom:50px}
.sec__head--split{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:end}

/* ---------- expanding panels ---------- */
.panels{display:flex;gap:12px;height:580px}
.panel{position:relative;flex:1;min-width:0;border-radius:24px;overflow:hidden;cursor:pointer;background:#2a2420;transition:flex .65s cubic-bezier(.2,.7,.2,1);outline-offset:4px}
.panel.is-open{flex:4.4;cursor:default}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.panel:hover img{transform:scale(1.04)}
.panel__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.18) 0%,rgba(14,11,9,.42) 42%,rgba(14,11,9,.94) 100%)}
.panel__num{position:absolute;top:18px;left:18px;font:600 13px var(--fm);color:#fff;background:rgba(10,8,7,.6);padding:6px 10px;border-radius:999px}
.panel__tab{position:absolute;left:50%;bottom:30px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font:800 28px/1 var(--fd);text-transform:uppercase;color:#fff;margin:0;white-space:nowrap;transition:opacity .25s}
.panel.is-open .panel__tab{opacity:0}
.panel__body{position:absolute;left:0;bottom:0;padding:34px;color:#fff;max-width:600px;opacity:0;transform:translateY(18px);transition:opacity .3s,transform .3s;pointer-events:none}
.panel.is-open .panel__body{opacity:1;transform:none;transition:opacity .45s .28s,transform .45s .28s;pointer-events:auto}
.panel__body h3{font:800 40px/.98 var(--fd);text-transform:uppercase;margin:0 0 12px}
.panel__body p{font-size:16.5px;line-height:1.6;color:#eee5da;margin:0 0 16px}
.panel__body ul{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.panel__body li{font-size:13.5px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}

/* ---------- metal explorer rail ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:-14px 0 30px}
.filter{font:700 14.5px var(--fb);padding:10px 17px;border-radius:999px;background:rgba(255,255,255,.05);color:#ebe2d7;border:1px solid rgba(255,236,220,.16);cursor:pointer;transition:background .2s,color .2s}
.filter:hover{border-color:var(--cu-hi)}
.filter.is-on{background:#fff;color:var(--ink);border-color:#fff}
.rail{overflow-x:auto;scrollbar-width:none;cursor:grab;padding:4px max(32px,calc((100vw - 1320px)/2 + 32px)) 6px;scroll-padding-inline:max(32px,calc((100vw - 1320px)/2 + 32px))}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing;scroll-behavior:auto}
.rail.is-drag *{pointer-events:none}
.rail__track{display:flex;gap:18px;width:max-content}
.mcard{flex:none;width:300px;border-radius:22px;overflow:hidden;background:var(--ink2);border:1px solid var(--line-d);display:flex;flex-direction:column;transition:border-color .25s,transform .25s;user-select:none}
.mcard:hover{border-color:rgba(239,180,138,.45);transform:translateY(-3px)}
.mcard[hidden]{display:none}
.mcard__img{position:relative;aspect-ratio:4/4.3;overflow:hidden}
.mcard__img img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.mcard__tag{position:absolute;left:12px;top:12px;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.06em;background:rgba(10,8,7,.72);color:#fff;padding:6px 10px;border-radius:999px}
.mcard__body{padding:18px 18px 18px;display:flex;flex-direction:column;flex:1}
.mcard h3{font:800 28px/1 var(--fd);text-transform:uppercase;margin:0 0 8px;color:#fff}
.mcard p{font-size:14.5px;line-height:1.55;color:var(--txd2);margin:0 0 14px;flex:1}
.meter{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--txd2);margin-bottom:14px}
.meter__bars{display:flex;gap:4px}
.meter__bars i{width:20px;height:7px;border-radius:3px;background:rgba(255,255,255,.12)}
.meter__bars i.on{background:var(--cu-grad)}
.mcard__add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,236,220,.22);background:transparent;color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mcard__add:hover{border-color:var(--cu-hi)}
.mcard__add.is-on{background:var(--cu-grad);color:#1a0f08;border-color:transparent}
.rail__foot{display:flex;align-items:center;gap:22px;margin-top:30px}
.rail__bar{flex:1;max-width:420px;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.rail__bar span{display:block;height:100%;width:25%;background:var(--cu-grad);border-radius:3px;transition:transform .15s}
.rail__btns{display:flex;gap:10px}
.rbtn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,236,220,.25);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.rbtn:hover{background:#fff;color:var(--ink)}
.rail__note{margin:0 0 0 auto;font-size:14.5px;color:var(--txd2);text-align:right}

/* ---------- planner + docket ---------- */
.planner{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:40px;align-items:start}
.planner__form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px 34px 8px;box-shadow:0 30px 60px -44px rgba(40,25,10,.5)}
.pstep{border:0;margin:0 0 26px;padding:0 0 26px;border-bottom:1px dashed #d8cdbf;min-width:0}
.pstep:last-child{border-bottom:0}
.pstep legend{display:flex;align-items:center;gap:12px;font:800 25px/1 var(--fd);text-transform:uppercase;margin:0 0 16px;padding:0}
.pstep legend span{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:700 13px var(--fm);display:grid;place-items:center;flex:none}
.pstep--row{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.opt{text-align:left;padding:14px;border-radius:15px;border:1.5px solid #ddd2c4;background:#faf7f2;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.opt b{display:block;font-size:15px;line-height:1.25;margin-bottom:4px}
.opt small{display:block;font-size:13px;line-height:1.4;color:var(--tx2)}
.opt:hover{border-color:#b6a896}
.opt.is-on{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(177,15,60,.13)}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:#efe8de;border-radius:15px;padding:4px}
.seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:11px;border:0;background:transparent;font-weight:700;font-size:14px;color:var(--tx2);cursor:pointer;transition:background .2s,color .2s}
.seg button.is-on{background:var(--ink);color:#fff}
.seg--wide{display:grid;grid-template-columns:1fr 1fr;width:100%}
.pstep--row .seg{display:grid;grid-template-columns:1fr 1fr;width:100%}
.seg--sm button{padding:9px 12px;font-size:13.5px}

.docket{position:sticky;top:110px}
.docket__paper{position:relative;background:#fffdf8;border-radius:6px;padding:30px 26px 24px;font-family:var(--fm);color:#1b1715;box-shadow:0 34px 60px -34px rgba(40,25,10,.55),0 0 0 1px #e4dacd;transition:box-shadow .3s}
.docket__paper::before,.docket__paper::after{content:"";position:absolute;left:0;right:0;height:16px;background:radial-gradient(circle,var(--paper) 6px,transparent 6.5px) 4px 0/20px 16px repeat-x}
.docket__paper::before{top:-8px}
.docket__paper::after{bottom:-8px}
.docket__paper.is-flash{box-shadow:0 34px 60px -34px rgba(40,25,10,.55),0 0 0 2px var(--cu)}
.docket__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px solid #1b1715;margin-bottom:12px}
.docket__head img{height:30px;width:auto}
.docket__no{text-align:right}
.docket__no span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#5f5348}
.docket__no b{font-size:15px}
.docket__line{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;padding:5px 0}
.docket__line span{color:#5f5348;flex:none}
.docket__line b{font-weight:600;text-align:right}
.docket__rule{border-top:1.5px dashed #b6a898;margin:12px 0 14px}
.docket__k{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#5f5348;margin:0 0 6px}
.docket__service{font:800 32px/1 var(--fd);text-transform:uppercase;color:var(--red);margin:0 0 8px}
.docket__why{font:500 14.5px/1.5 var(--fb);color:#3f3933;margin:0 0 16px}
.docket__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e0d5c6;border:1px solid #e0d5c6;border-radius:8px;overflow:hidden;margin-bottom:16px}
.docket__grid div{background:#fffdf8;padding:10px 12px}
.docket__grid span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#5f5348;margin-bottom:2px}
.docket__grid b{font:700 14px/1.3 var(--fb)}
.docket__value{margin-bottom:16px}
.docket__value-top{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5f5348;margin-bottom:8px}
.docket__value-top b{color:#1b1715}
.vbar{height:10px;border-radius:6px;background:#eee5d8;overflow:hidden}
.vbar span{display:block;height:100%;width:0;background:var(--cu-grad);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.docket__value small{display:block;font-size:11.5px;color:#5f5348;margin-top:6px}
.docket__tips ul{margin:0;padding-left:18px;list-style:square;font:500 14px/1.5 var(--fb);color:#2f2a26}
.docket__tips li{margin-bottom:4px}
.docket__paid{display:flex;align-items:center;gap:8px;width:max-content;margin:16px 0 0 auto;transform:rotate(-5deg);border:2.5px solid var(--red);color:var(--red);font:800 18px/1 var(--fd);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-radius:8px}
.docket__actions{display:grid;gap:10px;margin-top:22px}

/* ---------- sticky story ---------- */
.story__in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.story__media{align-self:stretch}
.story__frame{position:sticky;top:112px;height:min(680px,calc(100vh - 150px));border-radius:26px;overflow:hidden;background:#2a2420}
.story__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .7s,transform 1.4s}
.story__frame img.is-on{opacity:1;transform:none}
.story__count{position:absolute;left:18px;bottom:18px;font:600 13px var(--fm);color:#fff;background:rgba(10,8,7,.66);padding:8px 12px;border-radius:999px}
.story__intro{margin-bottom:30px}
.story__intro .sec__lede{margin-top:20px}
.steps{position:relative}
.step{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:44px 0;min-height:42vh;border-top:1px solid var(--line-d)}
.step__n{font:800 60px/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px rgba(239,180,138,.65);transition:color .3s}
.step.is-on .step__n{-webkit-text-stroke:0;background:var(--cu-grad);-webkit-background-clip:text;background-clip:text}
.step h3{font:800 36px/1 var(--fd);text-transform:uppercase;margin:6px 0 12px;color:#e6dcd0;transition:color .3s}
.step.is-on h3{color:#fff}
.step p{font-size:17px;line-height:1.65;color:var(--txd2);margin:0}
.step__img{display:none}

/* ---------- who we work with ---------- */
.who{background:#fff;border:1px solid var(--line);border-radius:30px;padding:14px;box-shadow:0 30px 60px -44px rgba(40,25,10,.5)}
.who__tabs{display:flex;gap:6px;padding:6px;background:#f1eae0;border-radius:18px;width:max-content;max-width:100%;overflow-x:auto}
.who__tabs button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;border:0;background:none;font-weight:800;font-size:15px;color:var(--tx2);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.who__tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.who__tabs button[aria-selected=true] .ic{color:var(--cu-hi)}
.who__pane{display:none;grid-template-columns:1.05fr .95fr;gap:44px;padding:22px 20px 20px 8px}
.who__pane.is-on{display:grid;animation:fade .45s}
.who__pics{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;height:470px}
.who__pics img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.who__pics img+img{margin-top:64px;height:calc(100% - 64px)}
.who__body h3{font:800 44px/.95 var(--fd);text-transform:uppercase;margin:4px 0 14px}
.who__body>p{font-size:17px;line-height:1.65;color:var(--tx2);margin:0}
.ticks{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:22px 0 24px}
.ticks li{position:relative;padding-left:30px;font-weight:700;font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.who__q{margin:0;padding:20px 22px;border-left:4px solid var(--red);background:#f7f2ea;border-radius:0 16px 16px 0}
.who__q p{font-size:16.5px;line-height:1.6;font-style:italic;color:#2a2420;margin:0 0 8px}
.who__q cite{font:600 12.5px var(--fm);text-transform:uppercase;letter-spacing:.04em;color:var(--tx2);font-style:normal}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bento>article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.bento h3{font:800 28px/1 var(--fd);text-transform:uppercase;margin:0 0 10px}
.bento p{font-size:16px;line-height:1.6;color:var(--tx2);margin:0}
.bento p a{color:var(--red);font-weight:800}
.bento__ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--ink);color:var(--cu-hi);margin-bottom:22px}
.bento__ic .ic{width:24px;height:24px}
.bento__a{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;min-height:480px;padding:0!important;color:#fff;border:0!important}
.bento__a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bento__a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,0) 30%,rgba(14,11,9,.92) 100%)}
.bento__a-body{position:absolute;left:0;right:0;bottom:0;padding:32px;z-index:1}
.bento__a h3{font-size:44px}
.bento__a p{color:#eee4d8;font-size:17px;max-width:460px}
.bento__a .bento__ic{background:var(--cu-grad);color:#1a0f08}
.bento__b{grid-column:span 2;background:var(--ink)!important;color:#fff;border-color:var(--ink)!important;display:grid;grid-template-columns:auto 1fr;gap:4px 26px;align-items:center}
.bento__big{grid-row:span 2;font:800 120px/.8 var(--fd);background:var(--cu-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bento__b h3{align-self:end}
.bento__b p{color:var(--txd2);align-self:start}
.bento__e{grid-column:span 2}
.bento__f{grid-column:span 2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;background:#fff}
.bento__g{display:flex;align-items:center;gap:10px;width:100%}
.bento__g .g{width:30px;height:30px}
.bento__f>b{font:800 40px/1 var(--fd);text-transform:uppercase}
.bento__f>span{color:var(--tx2);font-weight:600}
.bento__f>a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--red)}

/* ---------- reviews ---------- */
.rev-score{justify-self:end;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);padding:16px 22px;border-radius:20px}
.rev-score .g{width:40px;height:40px}
.rev-score b{display:block;font:800 28px/1 var(--fd);text-transform:uppercase;margin-bottom:4px}
.rev-score small{display:block;color:var(--txd2);font-size:13.5px;margin-top:2px}
.rev{flex:none;width:390px;background:var(--ink2);border:1px solid var(--line-d);border-radius:22px;padding:24px;user-select:none}
.rev__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rev__av{width:46px;height:46px;border-radius:50%;background:var(--cu-grad);color:#1a0f08;font:800 22px var(--fd);display:grid;place-items:center;flex:none}
.rev__top b{display:block;font-size:16px;color:#fff}
.rev__top small{display:block;font-size:13px;color:var(--txd2)}
.rev__top .g{margin-left:auto}
.rev p{font-size:16px;line-height:1.65;color:#ebe2d7;margin:12px 0 0}

/* ---------- areas / radar ---------- */
.areas__in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.areas__copy .h2{margin-bottom:20px}
.check{display:flex;gap:10px;margin:26px 0 10px}
.check input{flex:1;min-width:0;height:56px;border-radius:15px;border:1.5px solid #d3c8ba;background:#fff;padding:0 18px;font-size:16px;font-weight:500;color:var(--tx)}
.check input:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(177,15,60,.12)}
.check .btn{height:56px}
.check__out{min-height:26px;font-weight:700;font-size:15.5px;margin:0}
.check__out.is-ok{color:#17703f}
.check__out.is-maybe{color:#8a4a12}
.areas__chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}
.areas__chips li{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px}
.yard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 14px 12px 12px}
.yard img{width:74px;height:74px;border-radius:14px;object-fit:cover;flex:none}
.yard>div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.yard b{font-size:16.5px}
.yard>div>span{font-size:14.5px;color:var(--tx2)}
.yard .status{font-size:13.5px;color:var(--tx)}
.radar{background:var(--ink);border-radius:32px;padding:22px;box-shadow:0 40px 80px -40px rgba(20,10,5,.7);position:relative}
.radar svg{width:100%;height:auto;display:block;overflow:visible}
.radar__rings circle{fill:none;stroke:rgba(239,180,138,.26);stroke-dasharray:3 5}
.radar__rings path{stroke:rgba(239,180,138,.16);fill:none}
.radar__km text{fill:rgba(239,180,138,.85);font:600 12px var(--fm)}
.radar__sweep{animation:spin 7s linear infinite;transform-origin:0 0}
.radar__home circle{fill:var(--red)}
.radar__home circle:first-child{fill:rgba(177,15,60,.35);animation:ping 2.4s infinite;transform-origin:0 0}
.radar__home .radar__home-core{fill:#fff}
.radar__n{fill:var(--cu-hi);font:700 15px var(--fm);text-anchor:middle}
.pin circle{fill:#f6efe6}
.pin text{fill:#efe6db;font:700 13.5px var(--fb);paint-order:stroke;stroke:#14110f;stroke-width:4px}
.pin--home text{fill:#fff}
.pin--hit circle{fill:var(--cu-hi)}
.pin--hit .pin__ring{fill:none;stroke:var(--cu-hi);stroke-width:2;animation:ping 1.8s infinite;transform-box:fill-box;transform-origin:center}
.pin--hit text{fill:#fff;font-size:15px}
.pin--new{animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.4);opacity:0}}
@keyframes pop{from{opacity:0}}

/* ---------- about ---------- */
.about__in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about__media{position:relative;height:580px}
.about__a{position:absolute;left:0;top:0;width:80%;height:70%;object-fit:cover;border-radius:26px}
.about__b{position:absolute;right:0;bottom:0;width:50%;height:60%;object-fit:cover;border-radius:26px;border:8px solid var(--ink)}
.about__badge{position:absolute;left:5%;bottom:7%;display:flex;align-items:center;gap:12px;background:#fff;color:var(--tx);padding:12px 20px 12px 12px;border-radius:18px;box-shadow:0 24px 44px -18px rgba(0,0,0,.7)}
.about__badge img{width:52px;height:52px;object-fit:contain}
.about__badge b{display:block;font:800 26px/1 var(--fd);text-transform:uppercase}
.about__badge span{font-size:13.5px;color:var(--tx2);line-height:1.3}
.tabs{display:flex;flex-wrap:wrap;gap:4px 22px;margin:30px 0 22px;border-bottom:1px solid var(--line-d)}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 2px;font-weight:800;font-size:16px;color:var(--txd2);cursor:pointer;transition:color .2s,border-color .2s}
.tabs button[aria-selected=true]{color:#fff;border-color:var(--cu)}
.tabpane{display:none}
.tabpane.is-on{display:block;animation:fade .4s}
.tabpane p{font-size:17px;line-height:1.72;color:#e5dbd0;margin:0 0 14px}
.about__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.about__pillars li{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line-d);border-radius:18px;background:rgba(255,255,255,.03)}
.about__pillars .ic{width:24px;height:24px;color:var(--cu-hi);margin-top:2px}
.about__pillars b{display:block;font-size:15px;color:#fff;line-height:1.3}
.about__pillars span{font-size:13.5px;color:var(--txd2);line-height:1.4}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- prep tips + eco ---------- */
.prep__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tip{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 24px 0;overflow:hidden;display:flex;flex-direction:column}
.tip__n{font:800 50px/1 var(--fd);color:var(--red)}
.tip h3{font:800 27px/1 var(--fd);text-transform:uppercase;margin:10px 0 10px}
.tip p{font-size:15.5px;line-height:1.6;color:var(--tx2);margin:0 0 20px}
.tip img{margin:auto -24px 0;width:calc(100% + 48px);max-width:none;height:190px;object-fit:cover}
.tip--cta{background:var(--ink);color:#fff;border-color:var(--ink);padding-bottom:24px}
.tip--cta .tip__n{background:var(--cu-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tip--cta p{color:var(--txd2)}
.tip--cta .btn{margin-top:auto;align-self:flex-start}
.eco{margin-top:24px;display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;background:var(--ink);color:#fff;border-radius:26px;padding:32px 36px}
.eco__head{display:flex;align-items:center;gap:16px}
.eco__head .ic{width:48px;height:48px;color:var(--cu-hi);stroke-width:1.6}
.eco__head h3{font:800 32px/.98 var(--fd);text-transform:uppercase;margin:0}
.eco__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.eco__cols b{display:block;font-size:16.5px;margin-bottom:6px}
.eco__cols p{font-size:15px;line-height:1.6;color:var(--txd2);margin:0}

/* ---------- FAQ ---------- */
.faq__in{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start}
.faq__side{position:sticky;top:112px}
.faq__side .h2{margin-bottom:18px}
.faq__card{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px}
.faq__card img{width:56px;height:56px;object-fit:contain}
.faq__card b{font:800 28px/1 var(--fd);text-transform:uppercase}
.faq__card span{color:var(--tx2);margin-bottom:6px}
.faq__list details{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.faq__list details[open]{border-color:#c9bba8}
.faq__list summary{list-style:none;cursor:pointer;padding:21px 70px 21px 24px;font-weight:800;font-size:18px;line-height:1.35;position:relative}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary i{position:absolute;right:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#f1eae0;transition:background .25s,transform .25s}
.faq__list summary i::before,.faq__list summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--tx);border-radius:2px}
.faq__list summary i::after{transform:rotate(90deg)}
.faq__list details[open] summary i{background:var(--red);transform:rotate(45deg)}
.faq__list details[open] summary i::before,.faq__list details[open] summary i::after{background:#fff}
.faq__list details p{padding:0 24px 22px;margin:0;font-size:16.5px;line-height:1.7;color:var(--tx2)}

/* ---------- booking ---------- */
.book{position:relative;background:var(--red-lo);color:#fff;padding:120px 0;overflow:hidden}
.book__bg{position:absolute;inset:0}
.book__bg img{width:100%;height:100%;object-fit:cover;opacity:.32}
.book__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(122,9,40,.97) 0%,rgba(177,15,60,.9) 48%,rgba(120,8,38,.82) 100%)}
.book__in{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.book__h{font:800 clamp(56px,6.4vw,104px)/.88 var(--fd);text-transform:uppercase;margin:0 0 18px}
.book__lede{font-size:20px;line-height:1.5;color:#ffe2ea;margin:0 0 32px;font-weight:600}
.book__list li{display:flex;align-items:center;gap:16px;padding:15px 0;border-top:1px solid rgba(255,255,255,.22)}
.book__list li:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.book__list .ic{width:22px;height:22px;color:#ffd2dd}
.book__list small{display:block;font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:#ffcbd8;margin-bottom:2px}
.book__list span{font-weight:700;font-size:17px}
.bform{position:relative;background:#fff;color:var(--tx);border-radius:28px;padding:30px;box-shadow:0 50px 90px -40px rgba(40,0,10,.75)}
.bform__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.bform__head h3{font:800 34px/1 var(--fd);text-transform:uppercase;margin:0}
.bform__docket{display:flex;align-items:center;gap:10px;background:#eef8f2;border:1px solid #bfe0cb;color:#175f37;border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:14px;font-weight:600}
.bform__docket[hidden]{display:none}
.bform__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.bform__q{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2);margin:0 0 8px}
.drop{display:flex;align-items:center;gap:14px;border:2px dashed #d0c4b5;border-radius:16px;padding:16px 18px;margin:18px 0 14px;cursor:pointer;background:#faf7f2;transition:border-color .2s,background .2s}
.drop:hover,.drop.is-over{border-color:var(--red);background:#fff4f6}
.drop input{position:absolute;width:1px;height:1px;opacity:0}
.drop .ic{width:28px;height:28px;color:var(--red)}
.drop b{display:block;font-size:15.5px}
.drop small{display:block;font-size:13.5px;color:var(--tx2)}
.bform .btn--lg{margin-top:16px}
.bform__fine{font-size:13px;color:var(--tx2);text-align:center;margin:12px 0 0}
.bform__ok{position:absolute;inset:0;z-index:2;background:#fff;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;animation:fade .4s}
.bform__ok[hidden]{display:none}
.bform__ok-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:#17703f;margin-bottom:16px}
.bform__ok-ic .ic{width:34px;height:34px;stroke-width:2.6}
.bform__ok h3{font:800 38px/1 var(--fd);text-transform:uppercase;margin:0 0 10px}
.bform__ok p{max-width:380px;color:var(--tx2);margin:0 0 18px}
.bform__ok a{color:var(--red);font-weight:800}

/* ---------- footer ---------- */
.ftr{background:#0b0908;color:#d6cbbf;padding:84px 0 0}
.ftr__in{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.15fr;gap:44px}
.ftr__brand img{width:210px;height:auto;margin-bottom:20px}
.ftr__brand p{font-size:15px;line-height:1.7;color:#c8bcb0;margin:0 0 18px;max-width:360px}
.ftr__fb{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.ftr__fb .ic{width:30px;height:30px;padding:7px;border-radius:50%;background:#1877f2}
.ftr h4{font:800 22px/1 var(--fd);text-transform:uppercase;color:#fff;margin:0 0 18px}
.ftr li{margin:0 0 11px;font-size:15px}
.ftr a:hover{color:var(--cu-hi)}
.ftr__h4b{margin-top:28px!important}
.ftr__post{display:flex;align-items:center;gap:12px}
.ftr__post img{width:66px;height:66px;border-radius:12px;object-fit:cover;flex:none}
.ftr__post b{display:block;color:#fff;font-size:15px;line-height:1.35}
.ftr__post small{font-size:13px;color:#b8ab9e}
.ftr__contact li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.ftr__contact .ic{color:var(--cu-hi);margin-top:2px}
.ftr__bot{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;padding-bottom:26px;margin-top:60px;font-size:14px;color:#b8ab9e}
.ftr__bot::before{content:"";position:absolute;left:32px;right:32px;top:0;border-top:1px solid var(--line-d)}

/* ---------- chat ---------- */
.chat{position:fixed;right:22px;bottom:22px;z-index:60}
.chat__fab{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:1px solid rgba(239,180,138,.4);border-radius:999px;padding:7px 20px 7px 7px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 20px 44px -14px rgba(0,0,0,.6);transition:transform .2s}
.chat__fab:hover{transform:translateY(-2px)}
.chat__fab img{width:40px;height:40px;border-radius:50%;background:#fff;padding:6px;object-fit:contain}
.chat__win{position:absolute;right:0;bottom:72px;width:372px;max-width:calc(100vw - 32px);height:min(560px,calc(100vh - 140px));background:#fff;color:var(--tx);border-radius:24px;box-shadow:0 40px 90px -24px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .25s,transform .25s,visibility 0s .25s}
.chat.is-open .chat__win{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.chat__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--ink);color:#fff}
.chat__head img{width:40px;height:40px;border-radius:50%;background:#fff;padding:6px;object-fit:contain}
.chat__head b{display:block;font-size:15.5px}
.chat__head .status{font-size:12.5px;color:var(--txd2)}
.chat__head button{margin-left:auto;width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}
.chat__log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f6f1ea}
.msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;animation:fade .3s}
.msg--bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
.msg--me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.msg a{color:var(--red);font-weight:800}
.msg--typing{display:flex;gap:4px;padding:14px}
.msg--typing i{width:7px;height:7px;border-radius:50%;background:#a69a8d;animation:blink 1.2s infinite}
.msg--typing i:nth-child(2){animation-delay:.2s}
.msg--typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{50%{opacity:.3}}
.chat__quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}
.chat__quick button{font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;border:1px solid #d3c8ba;background:#fff;cursor:pointer;transition:border-color .2s,color .2s}
.chat__quick button:hover{border-color:var(--red);color:var(--red)}
.chat__foot{padding:0 12px 12px;background:#fff}

/* ---------- mobile bar / toast ---------- */
.mbar{display:none}
.toast{position:fixed;left:50%;bottom:28px;z-index:95;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;font-size:14.5px;box-shadow:0 20px 40px -12px rgba(0,0,0,.5);transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- reveal ---------- */
.shot *,.shot *::before,.shot *::after{transition:none!important}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (hover:hover) and (min-width:1101px){
  .has-dd:hover>.dd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .22s,transform .22s}
  .has-dd:hover .ic--chev{transform:rotate(180deg)}
  .has-dd:hover>.nav__link{background:rgba(255,255,255,.07);color:#fff}
}
@media (max-width:1280px){
  .nav__link{padding:10px 11px;font-size:15px}
  .hdr__call small{display:none}
  .hdr__call b{font-size:16px}
  .hero__chip--b{right:0}
}
@media (max-width:1180px){
  .hdr__call>span:last-child{display:none}
  .opts{grid-template-columns:1fr 1fr}
  .bento__a h3{font-size:38px}
}
@media (max-width:1100px){
  .nav{display:none}
  .hdr__burger{display:grid}
  .hdr__cta{margin-left:auto}
  .hdr__call>span:last-child{display:block}
  .hero__in{grid-template-columns:1fr;gap:56px}
  .hero__art{height:600px;max-width:640px;width:100%;margin:0 auto}
  .sec__head--split{grid-template-columns:1fr;gap:20px}
  .rev-score{justify-self:start}
  .planner{grid-template-columns:1fr}
  .docket{position:static;max-width:560px}
  .story__in{grid-template-columns:1fr;gap:20px}
  .story__media{display:none}
  .step{min-height:0;grid-template-columns:64px 1fr;padding:32px 0}
  .step__n{font-size:48px}
  .step__img{display:block;width:100%;height:240px;object-fit:cover;border-radius:18px;margin-top:18px}
  .step h3,.step.is-on h3{color:#fff}
  .step .step__n{-webkit-text-stroke:0;background:var(--cu-grad);-webkit-background-clip:text;background-clip:text}
  .who__pane{grid-template-columns:1fr;gap:26px;padding:20px 8px 10px}
  .who__pics{height:380px}
  .bento{grid-template-columns:1fr 1fr}
  .bento__a{grid-column:span 2;grid-row:auto;min-height:420px}
  .bento__b,.bento__e,.bento__f{grid-column:span 2}
  .areas__in,.about__in{grid-template-columns:1fr;gap:48px}
  .radar{max-width:620px;width:100%;margin:0 auto}
  .about__media{height:500px;max-width:680px;width:100%}
  .prep__grid{grid-template-columns:1fr 1fr}
  .eco{grid-template-columns:1fr;gap:22px}
  .faq__in{grid-template-columns:1fr;gap:34px}
  .faq__side{position:static}
  .faq__card{flex-direction:row;flex-wrap:wrap;align-items:center}
  .faq__card .btn{width:auto}
  .book__in{grid-template-columns:1fr;gap:44px}
  .ftr__in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--hdr:68px}
  html{scroll-padding-top:80px}
  .wrap{padding:0 18px}
  .topbar__note,.topbar__sep,.topbar__r a[href^="mailto"],.topbar__fb{display:none}
  .topbar{font-size:12.5px}
  .topbar__l{min-width:0;flex:1}
  .topbar__l .status,.topbar__r a{white-space:nowrap}
  .topbar__l .status{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .topbar__in{min-height:38px}
  .hdr__logo img{width:200px}
  .hdr__cta .btn{display:none}
  .hdr__call-ic{width:44px;height:44px}
  .hdr__call>span:last-child{display:none}
  .hero{padding-top:40px}
  .hero__h1{font-size:clamp(46px,13.4vw,72px)}
  .hero__lead{font-size:17px}
  .qq{border-radius:20px}
  .qq__row{grid-template-columns:1fr}
  .qq__go{width:100%}
  .qq__drop{grid-template-columns:1fr}
  .qq__row--btns{grid-template-columns:1fr 1fr}
  .qq__row--btns .btn{padding:14px 12px}
  .hero__art{height:500px}
  .hero__main{width:82%;border-radius:220px 220px 24px 24px;outline-offset:8px}
  .hero__sub{width:42%;bottom:96px}
  .badge-rot{width:112px;height:112px;left:0;top:6px}
  .badge-rot text{font-size:15px}
  .badge-rot img{width:50px}
  .hero__chip{padding:9px 14px 9px 9px}
  .hero__chip-ic{width:36px;height:36px}
  .hero__chip b{font-size:14px}
  .hero__chip small{display:none}
  .hero__chip--a{left:2%;top:170px}
  .hero__chip--b{right:0;top:auto;bottom:178px}
  .hero__review{right:0;left:12%;width:auto;bottom:0}
  .hero__stats{grid-template-columns:1fr 1fr;margin-top:48px}
  .hero__stats li{padding:20px 14px 24px}
  .hero__stats li:nth-child(odd){border-left:0;padding-left:0}
  .hero__stats li:nth-child(n+3){border-top:1px solid var(--line-d)}
  .hero__stats b{font-size:36px}
  .hero__stats span{font-size:13.5px}
  .ticker span{font-size:22px}
  .sec{padding:84px 0}
  .sec__head{margin-bottom:34px}
  .sec__lede{font-size:16.5px}
  .panels{flex-direction:column;height:auto;gap:10px}
  .panel{flex:none;height:82px;transition:height .55s cubic-bezier(.2,.7,.2,1)}
  .panel.is-open{flex:none;height:520px}
  .panel__tab{writing-mode:horizontal-tb;transform:none;left:72px;bottom:auto;top:50%;margin-top:-14px;font-size:26px}
  .panel__num{top:50%;margin-top:-14px}
  .panel.is-open .panel__num{top:18px;margin-top:0}
  .panel__body{padding:22px}
  .panel__body h3{font-size:32px}
  .panel__body p{font-size:15.5px}
  .filters{flex-wrap:nowrap;overflow-x:auto;margin:-6px -18px 24px;padding:0 18px 4px;scrollbar-width:none}
  .filters::-webkit-scrollbar{display:none}
  .filter{white-space:nowrap}
  .rail{padding-inline:18px;scroll-padding-inline:18px}
  .mcard{width:268px}
  .rev{width:300px;padding:20px}
  .rail__foot{flex-wrap:wrap;gap:16px}
  .rail__bar{flex-basis:100%;max-width:none}
  .rail__note{margin:0;text-align:left;flex-basis:100%;order:3}
  .planner__form{padding:24px 18px 4px;border-radius:22px}
  .pstep legend{font-size:22px}
  .pstep--row{grid-template-columns:1fr;gap:24px}
  .seg{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .docket__paper{padding:28px 18px 22px}
  .docket__service{font-size:28px}
  .who{padding:10px;border-radius:24px}
  .who__tabs{width:100%}
  .who__tabs button{flex:1;justify-content:center;padding:11px 8px;font-size:14px}
  .who__tabs .ic{display:none}
  .who__pics{height:300px}
  .who__pics img+img{margin-top:40px;height:calc(100% - 40px)}
  .who__body h3{font-size:36px}
  .ticks{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}
  .bento__a,.bento__b,.bento__e,.bento__f{grid-column:auto}
  .bento__a{min-height:440px}
  .bento__b{grid-template-columns:1fr}
  .bento__big{grid-row:auto;font-size:96px}
  .bento__f>a{margin-left:0}
  .check{flex-direction:column}
  .check input{flex:none;width:100%}
  .check .btn{width:100%}
  .pin text{font-size:22px;stroke-width:5px}
  .pin--hit text{font-size:24px}
  .radar__km text{font-size:17px}
  .radar__n{font-size:20px}
  .yard{flex-wrap:wrap}
  .yard .btn{width:100%}
  .radar{padding:12px;border-radius:24px}
  .about__media{height:400px}
  .about__badge b{font-size:22px}
  .about__pillars{grid-template-columns:1fr}
  .prep__grid{grid-template-columns:1fr}
  .eco{padding:26px 22px}
  .eco__cols{grid-template-columns:1fr;gap:18px}
  .faq__list summary{font-size:16.5px;padding:18px 60px 18px 18px}
  .faq__list details p{padding:0 18px 18px;font-size:15.5px}
  .book{padding:84px 0}
  .bform{padding:22px 18px;border-radius:24px}
  .bform__grid{grid-template-columns:1fr}
  .ftr{padding-top:64px}
  .ftr__in{grid-template-columns:1fr;gap:34px}
  .ftr__bot{padding-bottom:92px}
  .ftr__bot::before{left:18px;right:18px}
  .chat{right:14px;bottom:84px}
  .chat__fab{padding:6px}
  .chat__fab span{display:none}
  .chat__win{bottom:62px;right:0;width:calc(100vw - 28px)}
  .mbar{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(20,17,15,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line-d)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:14px;font-weight:800;font-size:15.5px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
  .mbar .mbar__main{background:var(--red);border-color:var(--red)}
  .toast{bottom:84px}
}

/* =========================================================
   INNER PAGES (built by scripts/build.py)
   ========================================================= */
.has-dd{display:flex;align-items:center}
.nav__chev{width:26px;height:38px;margin-left:-10px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:#f3ebe1;cursor:pointer}
.nav__chev:hover{color:var(--cu-hi)}
.tag-new{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--red);color:#fff;font:700 10.5px/1.4 var(--fm);letter-spacing:.06em;text-transform:uppercase;font-style:normal;vertical-align:2px}
.dd__more{display:inline-flex;align-items:center;gap:8px;margin:6px 12px 0;font-weight:800;font-size:14.5px;color:var(--red)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--red);margin-top:14px}
.t-dark .link-arrow,.sec--dark .link-arrow{color:var(--cu-hi)}
.rail__note a{color:var(--cu-hi);font-weight:800;margin-left:6px;white-space:nowrap}
.about__more{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:800;color:var(--cu-hi)}
.who__link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--red)}

/* tones */
.pb{padding:110px 0;background:var(--b-bg);color:var(--b-tx)}
.t-paper{--b-bg:var(--paper);--b-tx:var(--tx);--b-tx2:var(--tx2);--b-card:#fff;--b-line:var(--line);--b-acc:var(--red)}
.t-paper2{--b-bg:var(--paper2);--b-tx:var(--tx);--b-tx2:var(--tx2);--b-card:#fff;--b-line:var(--line);--b-acc:var(--red)}
.t-dark{--b-bg:var(--ink);--b-tx:var(--txd);--b-tx2:var(--txd2);--b-card:var(--ink2);--b-line:var(--line-d);--b-acc:var(--cu-hi)}
.t-red{--b-bg:var(--red);--b-tx:#fff;--b-tx2:#ffe0e8}
.pb .sec__lede{color:var(--b-tx2)}
.acc{color:var(--red)}
.t-dark .acc{background:var(--cu-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-dark .eyebrow{color:var(--cu-hi)}
.sh{margin-bottom:46px}
.sh .sec__lede{margin-top:16px;max-width:700px}
.sh--split{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:end}
.sh--split .sec__lede{margin-top:0}

/* page hero */
.phero{position:relative;background:var(--ink);color:var(--txd);overflow:hidden;padding:56px 0 84px}
.phero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:600 12.5px var(--fm);text-transform:uppercase;letter-spacing:.05em;color:var(--txd2);margin-bottom:22px}
.crumbs a{color:#fff}
.crumbs a:hover{color:var(--cu-hi)}
.crumbs [aria-current]{color:var(--cu-hi)}
.phero__h1{font:800 clamp(48px,5.4vw,90px)/.9 var(--fd);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 22px}
.phero__lead{font-size:19px;line-height:1.6;color:var(--txd2);max-width:600px;margin:0 0 28px}
.phero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.phero__chips{display:flex;flex-wrap:wrap;gap:10px 20px}
.phero__chips li{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:#efe7dd}
.phero__chips .ic{width:18px;height:18px;color:var(--cu-hi);stroke-width:2.6}
.phero__art{position:relative;height:540px}
.phero__main{position:absolute;right:0;top:0;width:76%;height:100%;margin:0;border-radius:260px 260px 28px 28px;overflow:hidden;outline:1px solid rgba(239,180,138,.35);outline-offset:12px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85)}
.phero__main img{width:100%;height:100%;object-fit:cover}
.phero__sub{position:absolute;left:0;bottom:40px;width:38%;aspect-ratio:3/4;margin:0;border-radius:20px;overflow:hidden;border:6px solid var(--ink);transform:rotate(-4deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);z-index:2}
.phero__sub img{width:100%;height:100%;object-fit:cover}
.phero__badge{right:-10px;top:44%}

/* lead split */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.split--flip .split__copy{order:2}
.split__lead{font:700 21px/1.45 var(--fb);color:var(--b-tx);margin:18px 0 16px}
.split__copy>p:not(.split__lead):not(.eyebrow){font-size:17px;line-height:1.72;color:var(--b-tx2);margin:0 0 14px}
.split__fig{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/4.6;box-shadow:0 40px 70px -40px rgba(20,10,5,.6)}
.split__fig>img{width:100%;height:100%;object-fit:cover}
.split__tag{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(20,17,15,.86);color:#fff;font:600 12.5px var(--fm);padding:6px 12px 6px 6px;border-radius:999px}
.split__tag img{width:26px;height:26px;background:#fff;border-radius:50%;padding:3px}

/* photo cards */
.cards{display:grid;gap:18px}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.cards--5{grid-template-columns:repeat(6,1fr)}
.cards--5 .card{grid-column:span 2}
.cards--5 .card:nth-child(n+4){grid-column:span 3}
.cards--5 .card:nth-child(n+4) .card__img{aspect-ratio:16/8}
.tipl li:last-child:nth-child(odd){grid-column:span 2}
.ccard .ccard__ic{display:grid;color:#fff}
.card{background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s}
.card:hover{transform:translateY(-3px)}
.card__img{position:relative;aspect-ratio:4/3.2;overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.card:hover .card__img img{transform:scale(1.04)}
.card__tag{position:absolute;left:12px;top:12px;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.06em;background:rgba(10,8,7,.76);color:#fff;padding:6px 10px;border-radius:999px}
.card__body{padding:20px 22px 24px}
.card h3,.icard h3,.chk__col h3,.tipl h3{font:800 26px/1 var(--fd);text-transform:uppercase;margin:0 0 10px}
.card p,.icard p,.tipl p,.proc__s p{font-size:15.5px;line-height:1.6;color:var(--b-tx2);margin:0}

/* icon cards */
.icards{display:grid;gap:16px}
.icards--3{grid-template-columns:repeat(3,1fr)}
.icards--2{grid-template-columns:repeat(2,1fr)}
.icard{background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;padding:28px}
.icard__ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--cu-grad);color:#1a0f08;margin-bottom:20px}
.t-paper .icard__ic,.t-paper2 .icard__ic{background:var(--ink);color:var(--cu-hi)}
.icard__ic .ic{width:24px;height:24px}

/* check columns */
.chk{display:grid;gap:16px}
.chk--2{grid-template-columns:1fr 1fr}
.chk--3{grid-template-columns:repeat(3,1fr)}
.chk__col{background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;padding:28px}
.chk .ticks{grid-template-columns:1fr;margin:16px 0 0}
.t-dark .ticks li{color:#f1e9df}

/* table */
.tbl{background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;overflow:hidden}
.tbl table{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.07em;padding:16px 22px;background:var(--ink);color:var(--cu-hi)}
.tbl td{padding:18px 22px;border-top:1px solid var(--b-line);font-size:15.5px;line-height:1.55;color:var(--b-tx2);vertical-align:top}
.tbl td:first-child{width:22%;color:var(--b-tx)}
.tbl td b{font:800 21px/1.1 var(--fd);text-transform:uppercase;color:var(--b-tx)}
.tbl tbody tr:nth-child(even) td{background:rgba(120,90,60,.035)}
.tbl__note{display:flex;align-items:flex-start;gap:10px;margin:16px 4px 0;font-size:14.5px;color:var(--b-tx2)}
.tbl__note .ic{color:var(--b-acc);margin-top:3px}

/* prose + sticky aside */
.prose{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.prose .sh{margin-bottom:20px}
.prose__sec{padding:26px 0;border-top:1px solid var(--b-line)}
.prose__sec h3{font:800 30px/1 var(--fd);text-transform:uppercase;margin:0 0 12px}
.prose__sec p{font-size:17px;line-height:1.72;color:var(--b-tx2);margin:0 0 12px;max-width:720px}
.prose__aside{position:sticky;top:112px}
.prose__card{background:var(--ink);color:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px}
.t-dark .prose__card{background:var(--ink3)}
.prose__ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--cu-grad);color:#1a0f08;margin-bottom:6px}
.prose__card b{font:800 28px/1 var(--fd);text-transform:uppercase}
.prose__card p{font-size:15px;line-height:1.55;color:var(--txd2);margin:0 0 6px}
.prose__card .btn--line{color:#fff}

/* numbered tips */
.tipl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tipl li{display:grid;grid-template-columns:auto 1fr;gap:18px;background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;padding:26px}
.tipl__n{font:800 52px/.9 var(--fd);background:var(--cu-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tipl h3{margin-top:4px}

/* banner */
.pb--banner{padding:72px 0;background:linear-gradient(110deg,#7a0928,#b10f3c 55%,#8a0b2e)}
.banner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.banner__t{font:800 clamp(36px,4vw,60px)/.95 var(--fd);text-transform:uppercase;margin:0 0 10px}
.banner p{font-size:18px;line-height:1.55;color:#ffe0e8;margin:0;max-width:640px}
.banner__btns{display:flex;align-items:center;gap:22px;flex:none}
.btn--light{background:#fff;color:var(--red)}
.btn--light:hover{background:#ffe9ee}
.banner__tel{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:19px}
.banner__tel .ic{width:44px;height:44px;padding:11px;border-radius:50%;background:rgba(255,255,255,.14)}
.banner__tel small{display:block;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:#ffcbd8}

/* process */
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proc__s{background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;padding:26px}
.proc__n{display:block;font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--b-acc);margin-bottom:16px}
.proc__ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--cu-grad);color:#1a0f08;margin-bottom:18px}
.proc__ic .ic{width:24px;height:24px}
.proc__s h3{font:800 28px/1 var(--fd);text-transform:uppercase;margin:0 0 10px}

/* reviews grid */
.revg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.revg .rev{width:auto}
.revg__foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:26px 0 0;color:var(--b-tx2)}
.revg__foot b{font:800 24px var(--fd);text-transform:uppercase;color:var(--b-tx)}

/* gallery + lightbox */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}
.gal__i{position:relative;display:block;border-radius:18px;overflow:hidden}
.gal__i:first-child{grid-column:span 2;grid-row:span 2}
.gal--4 .gal__i:nth-child(4){grid-column:span 2}
.gal--6{grid-template-columns:repeat(3,1fr)}
.tipl,.proc,.steps{margin:0;padding:0;list-style:none}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gal__i:hover img{transform:scale(1.05)}
.gal__zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(10,8,7,.72);color:#fff;opacity:0;transition:opacity .2s}
.gal__i:hover .gal__zoom,.gal__i:focus-visible .gal__zoom{opacity:1}
.lb{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(8,6,5,.93);animation:fade .25s}
.lb figure{margin:0;max-width:min(1000px,100%)}
.lb img{max-height:82vh;width:auto;max-width:100%;margin:0 auto;border-radius:14px}
.lb figcaption{color:#e6dcd1;text-align:center;margin-top:12px;font-size:15px}
.lb__x{position:absolute;right:20px;top:20px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}

/* related */
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel__c{display:flex;flex-direction:column;background:var(--b-card);border:1px solid var(--b-line);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.rel__c:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(40,25,10,.5)}
.rel__img{display:block;aspect-ratio:16/10;overflow:hidden}
.rel__img img{width:100%;height:100%;object-fit:cover}
.rel__b{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.rel__b b{font:800 26px/1 var(--fd);text-transform:uppercase;color:var(--b-tx)}
.rel__b small{font-size:15px;line-height:1.55;color:var(--b-tx2)}
.rel__b .link-arrow{margin-top:4px}

/* home: data centre section */
.dch{background-color:#e9e4dc;background-image:linear-gradient(rgba(20,17,15,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,17,15,.05) 1px,transparent 1px);background-size:44px 44px;color:var(--tx)}
.dch__in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.dch .h2{margin-bottom:20px}
.dch__streams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.dch__streams li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.dch__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--cu-hi);flex:none}
.dch__streams b{display:block;font-size:15px;line-height:1.25}
.dch__streams small{display:block;font-size:13px;color:var(--tx2)}
.dch__btns{display:flex;flex-wrap:wrap;gap:12px}
.dch__mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:230px 230px auto;gap:12px}
.dch__m{position:relative;margin:0;border-radius:20px;overflow:hidden}
.dch__m img{width:100%;height:100%;object-fit:cover}
.dch__m figcaption{position:absolute;left:12px;bottom:12px;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.06em;background:rgba(10,8,7,.76);color:#fff;padding:6px 10px;border-radius:999px}
.dch__m1{grid-row:span 2}
.dch__spec{background:var(--ink);color:#fff;border-radius:20px;padding:20px}
.dch__spec-k{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--cu-hi);margin:0 0 10px}
.dch__spec li{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:14px;line-height:1.4;font-weight:600}
.dch__spec .ic{width:16px;height:16px;color:var(--cu-hi);margin-top:2px}

/* data centre scope builder */
.dc{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
.dc__draw{display:flex;flex-direction:column;justify-content:center;position:relative;padding:22px 22px 16px;border:1px solid var(--line-d);border-radius:26px;background-color:#0f0d0c;background-image:linear-gradient(rgba(239,180,138,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,180,138,.05) 1px,transparent 1px);background-size:32px 32px}
.dc__svg{display:block;width:100%;height:auto}
.dc__line{fill:none;stroke:rgba(239,180,138,.55);stroke-width:2}
.dc__racks rect{fill:rgba(239,180,138,.08);stroke:rgba(239,180,138,.6);stroke-width:1.5}
.dc__racks path{stroke:rgba(239,180,138,.35);stroke-width:1.5}
.dc__tray{stroke-dasharray:6 6}
.dc__cable{stroke:var(--cu)!important;stroke-width:3!important}
.dc__labels text{fill:rgba(239,180,138,.85);font:600 12px var(--fm);letter-spacing:.12em}
.dc__spot{cursor:pointer;outline:none}
.dc__dot{fill:var(--red);stroke:#fff;stroke-width:2;transition:fill .2s}
.dc__ring{fill:none;stroke:var(--red);stroke-width:2;animation:ping 2s infinite;transform-box:fill-box;transform-origin:center}
.dc__spot text{fill:#fff;font:800 15px var(--fb);pointer-events:none}
.dc__spot.is-picked .dc__dot{fill:#1d8f52}
.dc__spot.is-on .dc__dot{fill:#fff}
.dc__spot.is-on text{fill:var(--red)}
.dc__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dc__tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;border:1px solid var(--line-d);background:rgba(255,255,255,.04);color:#f1e9df;font-weight:700;font-size:13.5px;cursor:pointer;transition:background .2s,border-color .2s}
.dc__tab b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font:700 12px var(--fm)}
.dc__tab.is-on{background:#fff;color:var(--tx);border-color:#fff}
.dc__tab.is-picked b{background:#1d8f52}
.dc__spot:focus-visible .dc__dot{stroke:var(--cu-hi);stroke-width:4}
.dc__hint{display:flex;align-items:center;gap:8px;margin:6px 4px 0;font-size:14px;color:var(--txd2)}
.dc__hint .ic{color:var(--cu-hi)}
.dc__panes{position:relative;background:var(--ink2);border:1px solid var(--line-d);border-radius:26px;overflow:hidden}
.dc__pane{display:none;height:100%;flex-direction:column}
.dc__pane.is-on{display:flex;animation:fade .35s}
.dc__pimg{position:relative;height:230px;overflow:hidden;flex:none}
.dc__pimg img{width:100%;height:100%;object-fit:cover}
.dc__pnum{position:absolute;left:16px;top:16px;font:600 13px var(--fm);background:var(--red);color:#fff;padding:6px 10px;border-radius:999px}
.dc__pbody{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.dc__pbody h3{font:800 32px/1 var(--fd);text-transform:uppercase;margin:0 0 4px;color:#fff}
.dc__pbody .ticks{grid-template-columns:1fr;margin:14px 0 16px}
.dc__pbody .ticks li{color:#f1e9df;font-weight:600}
.dc__metals{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.dc__metals b{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--txd2);margin-right:4px}
.dc__metals span{font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(239,180,138,.14);color:var(--cu-hi)}
.dc__note{font-size:14.5px;line-height:1.55;color:var(--txd2);margin:0 0 18px}
.dc__pbody .btn{margin-top:auto;align-self:flex-start}
[data-zone-add].is-on{background:#1d8f52;box-shadow:none}
.dc__scope{display:grid;grid-template-columns:1.1fr .9fr auto;grid-template-areas:"h m btn" "opts notes notes";gap:18px 28px;align-items:center;margin-top:18px;padding:24px 26px;border-radius:22px;background:#fffdf8;color:var(--tx)}
.dc__scope-h{grid-area:h;display:flex;align-items:center;gap:16px}
.dc__count{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--red);color:#fff;font:800 26px var(--fd)}
.dc__scope b{font-size:16px;line-height:1.35}
.dc__scope-m{grid-area:m}
.dc__scope>.btn{grid-area:btn}
.dc__opts{grid-area:opts;display:flex;flex-direction:column;gap:10px}
.dc__notes{grid-area:notes;margin:0;padding-left:18px;list-style:square;font-size:14.5px;line-height:1.5;color:var(--tx2)}
.dc__notes li{margin-bottom:4px}
.tgl{position:relative;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;cursor:pointer}
.tgl input{position:absolute;opacity:0}
.tgl span{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:#d8cdbf;transition:background .2s}
.tgl span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.tgl input:checked+span{background:var(--red)}
.tgl input:checked+span::after{transform:translateX(16px)}
.tgl input:focus-visible+span{outline:2px solid var(--cu)}

/* contact page */
.cpage{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.cpage__side{position:sticky;top:110px;display:flex;flex-direction:column;gap:12px}
.ccard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}
.ccard__ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--red);color:#fff}
.ccard small{display:block;font:600 11.5px var(--fm);text-transform:uppercase;letter-spacing:.08em;color:var(--tx2)}
.ccard a,.ccard b{display:block;font-weight:800;font-size:18px;color:var(--tx);overflow-wrap:anywhere}
.ccard span{display:block;font-size:13.5px;color:var(--tx2)}
.ccard .status{display:inline-flex;color:var(--tx)}
.chours{background:var(--ink);color:#fff;border-radius:20px;padding:20px 22px}
.chours .docket__k{color:var(--cu-hi)}
.cmap{position:relative;height:260px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.cmap iframe{display:block;width:100%;height:100%;border:0}
.cmap .btn{position:absolute;left:12px;bottom:12px}
.cform .bform__head h2{font:800 34px/1 var(--fd);text-transform:uppercase;margin:0}
.cform__h{display:flex;align-items:center;gap:10px;font:800 21px/1 var(--fd);text-transform:uppercase;margin:24px 0 12px}
.cform__h span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 12.5px var(--fm)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative;cursor:pointer}
.pill input{position:absolute;opacity:0}
.pill span{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid #d3c8ba;background:#fff;font-weight:700;font-size:14px;transition:background .2s,color .2s}
.pill input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.pill input:focus-visible+span{outline:2px solid var(--red)}
.chip--cb{display:inline-flex;align-items:center;gap:6px}
.chip--cb input{accent-color:var(--red)}

/* blog */
.posts{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:start}
.post-feature{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:transform .25s}
.post-feature:hover{transform:translateY(-3px)}
.post-feature__img{display:block;min-height:440px}
.post-feature__img img{width:100%;height:100%;object-fit:cover}
.post-feature__b{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px}
.post-meta{font:600 12px var(--fm);text-transform:uppercase;letter-spacing:.07em;color:var(--red)}
.post-feature__b b{font:800 44px/.95 var(--fd);text-transform:uppercase}
.post-feature__ex{font-size:16.5px;line-height:1.6;color:var(--tx2)}
.posts__side{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}
.posts__cats{margin:0 0 22px}
.posts__cats li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}
.guides{display:flex;flex-direction:column;gap:8px}
.guide{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;transition:background .2s}
.guide:hover{background:#f3ede4}
.guide img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none}
.guide b{display:block;font-size:15px}
.guide small{display:block;font-size:13px;line-height:1.4;color:var(--tx2)}

/* article */
.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.art__body{max-width:760px}
.art__body h2{font:800 40px/1 var(--fd);text-transform:uppercase;margin:44px 0 14px;scroll-margin-top:110px}
.art__body h2:first-child{margin-top:0}
.art__body h3{font:800 28px/1 var(--fd);text-transform:uppercase;color:var(--red);margin:30px 0 10px}
.art__body p{font-size:18px;line-height:1.75;color:#36302b;margin:0 0 16px}
.art__steps{counter-reset:s;padding:0;margin:8px 0 20px;list-style:none}
.art__steps li{counter-increment:s;position:relative;margin-bottom:10px;padding:16px 18px 16px 64px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:17px;line-height:1.6}
.art__steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:18px;top:15px;font:800 28px/1 var(--fd);color:var(--red)}
.art__fig{margin:26px 0;border-radius:22px;overflow:hidden}
.art__fig img{width:100%;max-height:520px;object-fit:cover}
.art__fig figcaption{padding:10px 4px 0;font-size:13.5px;color:var(--tx2)}
.art__call{display:flex;align-items:center;gap:16px;margin:26px 0;padding:20px 22px;border-radius:20px;background:var(--ink);color:#fff}
.art__call>.ic{width:36px;height:36px;color:var(--cu-hi)}
.art__call b{font:800 24px var(--fd);text-transform:uppercase}
.art__call p{margin:4px 0 0!important;font-size:15px!important;color:var(--txd2)!important}
.art__call .btn{margin-left:auto;flex:none}
.art__side{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.art__card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.art__toc{margin:0;padding-left:20px}
.art__toc li{margin-bottom:8px;font-weight:700}
.art__toc a:hover{color:var(--red)}
.art__card--dark{display:flex;flex-direction:column;gap:10px;background:var(--ink);border-color:var(--ink);color:#fff}
.art__card--dark img{width:52px}
.art__card--dark b{font:800 28px/1 var(--fd);text-transform:uppercase}
.art__card--dark p{margin:0 0 4px;font-size:15px;color:var(--txd2)}

@media (max-width:1180px){
  .topbar__note,.topbar__sep{display:none}
}
@media (max-width:1280px){
  .hdr__logo img{width:230px}
  .nav__chev{margin-left:-8px}
}
@media (max-width:1100px){
  .phero__in{grid-template-columns:1fr;gap:44px}
  .phero__art{height:480px;max-width:600px;width:100%;margin:0 auto}
  .sh--split{grid-template-columns:1fr;gap:16px}
  .split{grid-template-columns:1fr;gap:36px}
  .split--flip .split__copy{order:0}
  .split__fig{aspect-ratio:4/3.4;max-width:680px}
  .cards--3,.cards--4,.icards--3,.chk--3{grid-template-columns:1fr 1fr}
  .cards--5{grid-template-columns:1fr 1fr}
  .cards--5 .card,.cards--5 .card:nth-child(n+4){grid-column:auto}
  .cards--5 .card:nth-child(n+4) .card__img{aspect-ratio:4/3.2}
  .cards--5 .card:last-child{grid-column:span 2}
  .prose{grid-template-columns:1fr;gap:28px}
  .prose__aside{position:static}
  .proc,.revg,.rel{grid-template-columns:1fr 1fr}
  .dc{grid-template-columns:1fr}
  .dc__scope{grid-template-columns:1fr 1fr;grid-template-areas:"h m" "opts opts" "notes notes" "btn btn"}
  .dch__in{grid-template-columns:1fr;gap:44px}
  .cpage{grid-template-columns:1fr}
  .cpage__side{position:static}
  .posts,.art{grid-template-columns:1fr}
  .art__side{position:static}
  .banner{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .pb{padding:80px 0}
  .phero{padding:36px 0 64px}
  .phero__h1{font-size:clamp(40px,11.4vw,64px)}
  .phero__lead{font-size:17px}
  .phero__art{height:420px}
  .phero__main{width:84%;border-radius:200px 200px 24px 24px;outline-offset:8px}
  .phero__sub{width:42%;bottom:24px}
  .phero__badge{right:0;top:auto;bottom:-14px}
  .phero__btns .btn{flex:1 1 auto}
  .cards--3,.cards--4,.cards--5,.icards--3,.icards--2,.chk--2,.chk--3,.tipl,.proc,.revg,.rel{grid-template-columns:1fr}
  .cards--5 .card:last-child,.tipl li:last-child:nth-child(odd){grid-column:auto}
  .split__lead{font-size:19px}
  .tbl table,.tbl thead,.tbl tbody,.tbl tr,.tbl td{display:block}
  .tbl thead{display:none}
  .tbl tr{padding:16px 18px;border-top:1px solid var(--b-line)}
  .tbl tbody tr:first-child{border-top:0}
  .tbl td,.tbl tbody tr:nth-child(even) td{border:0;padding:5px 0;width:auto!important;background:none}
  .tbl td::before{content:attr(data-l);display:block;margin-bottom:3px;font:600 11px var(--fm);text-transform:uppercase;letter-spacing:.07em;color:var(--b-acc)}
  .tbl td:first-child::before{display:none}
  .gal{grid-template-columns:1fr 1fr;grid-auto-rows:160px}
  .gal--6 .gal__i:nth-child(6){grid-column:span 2}
  .dc__draw{padding:12px 10px 10px}
  .dc__pimg{height:200px}
  .dc__scope{grid-template-columns:1fr;grid-template-areas:"h" "m" "opts" "notes" "btn";padding:20px}
  .dc__scope>.btn{width:100%}
  .dch__streams{grid-template-columns:1fr}
  .dch__mosaic{grid-template-rows:180px 180px auto}
  .dch__spec{grid-column:1/-1}
  .dch__btns .btn{flex:1 1 auto}
  .banner__btns{flex-direction:column;align-items:flex-start;gap:16px;width:100%}
  .banner__btns .btn{width:100%}
  .post-feature{grid-template-columns:1fr}
  .post-feature__img{min-height:240px}
  .post-feature__b{padding:24px}
  .post-feature__b b{font-size:34px}
  .art__body h2{font-size:32px}
  .art__body p{font-size:17px}
  .art__call{flex-direction:column;align-items:flex-start}
  .art__call .btn{margin-left:0}
  .cmap{height:220px}
  .ccard a,.ccard b{font-size:16px}
  .hdr__logo img{width:200px}
  .crumbs{font-size:11.5px}
}
@media (max-width:380px){
  .hdr__logo img{width:160px}
  .hdr__cta{gap:8px}
  .hdr__call-ic{width:40px;height:40px}
  .hdr__burger{width:42px;height:42px}
}

/* live forms */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.form-err{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#fff0f3;border:1px solid #f3b8c6;color:#8a0b2e;font-weight:700;font-size:14px;line-height:1.45}
.form-err[hidden]{display:none}
button[disabled]{opacity:.7;cursor:progress}