/* Wallinz Creative Studio - Main Styles */

/* ── RESET ─────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{background:#0d0d0d;color:#f0ebe0;font-family:'DM Sans',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;visibility:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ── TOKENS ────────────────────────────────────── */
:root{
  --sand:#f0ebe0;--ink:#0d0d0d;--rust:#c4622d;--amber:#c9a84c;
  --dim:#5a5550;--line:rgba(240,235,224,.09);
  --W:1360px;--NH:72px;
  --Anton:'Anton',sans-serif;
  --Corra:'Cormorant Garamond',serif;
  --Sans:'DM Sans',sans-serif;
  --Mono:'Space Mono',monospace;
}
.wrap{max-width:var(--W);margin:0 auto;padding:0 56px;width:100%}

/* ── PAGE ROUTER ───────────────────────────────── */
.pg{display:none}
.pg.on{display:block}

/* ── REVEAL ────────────────────────────────────── */
.rv{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}
.rv.show{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* ── NAV ───────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:500;height:var(--NH);display:flex;align-items:center;transition:background .4s,box-shadow .4s,transform .3s}
.nav.sol{background:rgba(13,13,13,.97);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.nav-logo{height:36px;width:auto;filter:brightness(0) invert(1);cursor:pointer}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-family:var(--Mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,235,224,.75);transition:color .2s;cursor:pointer;white-space:nowrap}
.nav-links a:hover,.nav-links a.on{color:var(--sand)}
.nav-cta{background:var(--rust)!important;color:#fff!important;padding:8px 18px;border-radius:2px;font-weight:500}
.nav-cta:hover{background:#b3572a!important}
.hbg{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:501;background:none;border:none}
.hbg span{display:block;width:22px;height:1.5px;background:var(--sand);border-radius:1px;transition:transform .3s,opacity .3s}
.hbg.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hbg.open span:nth-child(2){opacity:0}
.hbg.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mob{display:none;position:fixed;inset:0;background:var(--ink);z-index:499;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.mob.open{display:flex}
.mob a{font-family:var(--Anton);font-size:clamp(2rem,6vw,3rem);color:var(--sand);cursor:pointer;transition:color .2s;line-height:1.1}
.mob a:hover{color:var(--rust)}

/* ── HERO ──────────────────────────────────────── */
.hero{position:relative;height:78svh;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05);transition:transform 6s ease-out}
.hero-bg.ld{transform:scale(1)}
.hero-grad{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,13,13,.2) 0%,rgba(13,13,13,.05) 40%,rgba(13,13,13,.75) 90%,var(--ink) 100%),linear-gradient(to right,rgba(13,13,13,.45) 0%,transparent 55%)}

/* ── HERO STRIP ────────────────────────────────── */
.hero-strip{background:var(--ink);border-bottom:1px solid var(--line);padding:36px 0}
.hs-layout{display:flex;align-items:center;justify-content:space-between;gap:40px}
.hs-text{flex:1;min-width:0}
.hs-eyebrow{font-family:var(--Mono);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.hs-title{font-family:var(--Anton);font-size:clamp(1.4rem,2.2vw,2.4rem);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--sand);margin-bottom:6px}
.hs-title em{font-family:var(--Corra);font-style:italic;font-weight:300;color:rgba(240,235,224,.45)}
.hs-sub{font-size:.82rem;color:rgba(240,235,224,.4);line-height:1.6;margin-bottom:18px;max-width:420px}
.hs-btns{display:flex;gap:10px;flex-wrap:wrap}
.hs-stats{display:flex;gap:0;border-left:1px solid var(--line);padding-left:36px;flex-shrink:0}
.stat{text-align:center;padding:0 24px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none;padding-right:0}
.stat-n{display:block;font-family:var(--Anton);font-size:2.4rem;color:var(--sand);line-height:1;letter-spacing:.02em}
.stat-l{display:block;font-family:var(--Mono);font-size:.44rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,235,224,.3);margin-top:3px}

/* ── BUTTONS ───────────────────────────────────── */
.btn-r{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--rust);color:#fff;border-radius:2px;font-family:var(--Mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;transition:all .3s;cursor:pointer;border:none}
.btn-r:hover{background:#b3572a;transform:translateY(-2px)}
.btn-o{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid rgba(240,235,224,.2);color:rgba(240,235,224,.65);border-radius:2px;font-family:var(--Mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;transition:all .3s;cursor:pointer;background:none}
.btn-o:hover{border-color:var(--sand);color:var(--sand)}

/* ── TICKER ────────────────────────────────────── */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}
.tk-trk{display:flex;gap:48px;animation:ticker 26s linear infinite;white-space:nowrap;width:max-content}
.ticker:hover .tk-trk{animation-play-state:paused}
.tk-item{font-family:var(--Mono);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(240,235,224,.18);display:flex;align-items:center;gap:11px}
.tk-item::before{content:'✦';color:var(--rust);font-size:.4rem}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── SECTION LABELS ────────────────────────────── */
.eyebrow{font-family:var(--Mono);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:'';width:16px;height:1px;background:var(--rust);flex-shrink:0}
.sec-title{font-family:var(--Anton);font-size:clamp(1.8rem,3vw,3.2rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--sand);margin-bottom:10px}
.sec-title em{font-family:var(--Corra);font-style:italic;font-weight:300;font-size:.75em;color:rgba(240,235,224,.38);display:block;letter-spacing:0;text-transform:none;margin-top:4px}

/* ── PAGE HEADER ───────────────────────────────── */
.pg-hd{padding:108px 0 44px;background:var(--ink)}

/* ── SECTION ───────────────────────────────────── */
.section{padding:72px 0}
.section.dark{background:var(--ink)}
.section.mid{background:#111}

/* ── SERVICES ──────────────────────────────────── */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(240,235,224,.07);overflow:hidden;border-radius:2px}
.svc-card{background:#111;padding:36px 28px;transition:background .3s}
.svc-card:hover{background:#161616}
.svc-num{font-family:var(--Mono);font-size:.5rem;letter-spacing:.18em;color:var(--rust);margin-bottom:13px;opacity:.6;display:block}
.svc-card h3{font-family:var(--Corra);font-size:1.05rem;font-weight:400;color:var(--sand);margin-bottom:8px;line-height:1.25}
.svc-card p{font-size:.79rem;color:var(--dim);line-height:1.6;margin-bottom:14px}
.svc-card ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.svc-card li{font-family:var(--Mono);font-size:.51rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(240,235,224,.22);padding-left:10px;position:relative}
.svc-card li::before{content:'—';position:absolute;left:0;color:var(--rust);opacity:.4}

/* ── POSTER TILES ──────────────────────────────── */
.prow{display:flex;gap:4px;margin-bottom:4px}
.ptile{flex:1;cursor:zoom-in}
.ptile-inner{position:relative;overflow:hidden;width:100%}
.ptile-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s;filter:brightness(.82)}
.ptile:hover .ptile-inner img{transform:scale(1.05);filter:brightness(1)}
.ptov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.95) 0%,transparent 55%);opacity:0;transition:opacity .3s;padding:18px;display:flex;align-items:flex-end}
.ptile:hover .ptov{opacity:1}
.ptag{font-family:var(--Mono);font-size:.46rem;letter-spacing:.13em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
.ptit{font-family:var(--Corra);font-size:1.05rem;color:#fff;font-weight:400;line-height:1.2}
.p-aw{display:inline-flex;margin-top:6px;background:rgba(196,98,45,.18);border:1px solid rgba(196,98,45,.28);border-radius:100px;padding:3px 8px;font-family:var(--Mono);font-size:.44rem;letter-spacing:.08em;text-transform:uppercase;color:#e8956a}

/* ── BRAND TILES ───────────────────────────────── */
.brand-cat{margin-bottom:32px}
.cat-label{font-family:var(--Mono);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,235,224,.22);padding:12px 0 8px;border-bottom:1px solid var(--line);margin-bottom:4px;display:flex;justify-content:space-between}
.brand-grid{display:grid;gap:4px}
.brand-grid.g4{grid-template-columns:repeat(4,1fr)}
.brand-grid.g5{grid-template-columns:repeat(5,1fr)}
.brand-grid.g8{grid-template-columns:repeat(8,1fr)}
.ltile{overflow:hidden;position:relative;cursor:zoom-in;background:#111}
.ltile img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .55s,filter .35s;filter:brightness(.82)}
.ltile:hover img{transform:scale(1.07);filter:brightness(1)}
.lto{position:absolute;inset:0;background:rgba(13,13,13,0);transition:background .3s;display:flex;align-items:flex-end;padding:9px}
.ltile:hover .lto{background:rgba(13,13,13,.6)}
.lto span{font-family:var(--Mono);font-size:.46rem;letter-spacing:.07em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(4px);transition:all .28s}
.ltile:hover .lto span{opacity:1;transform:none}
.feat-bar{position:relative;overflow:hidden;cursor:zoom-in;margin-bottom:4px}
.feat-bar img{width:100%;aspect-ratio:21/8;object-fit:cover;display:block;transition:transform .6s,filter .4s;filter:brightness(.8)}
.feat-bar:hover img{transform:scale(1.03);filter:brightness(1)}
.feat-bar-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.95) 0%,transparent 55%);padding:28px 36px;display:flex;align-items:flex-end}

/* ── CAMPAIGNS ─────────────────────────────────── */
.camp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:185px;gap:4px}
.c-tile{overflow:hidden;cursor:zoom-in}
.c-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s,filter .35s;filter:brightness(.82)}
.c-tile:hover img{transform:scale(1.07);filter:brightness(1)}
.c-tile.tall{grid-row:span 2}.c-tile.wide{grid-column:span 2}

/* ── ABOUT ─────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.about-text p{font-size:.93rem;color:rgba(240,235,224,.5);line-height:1.88;margin-bottom:12px}
.about-text b{color:rgba(240,235,224,.82)}
.about-text em{font-family:var(--Corra);font-style:italic;color:rgba(240,235,224,.3)}
.about-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.about-img-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:56px}
.stat-block{padding:28px 0;border-right:1px solid var(--line);text-align:center}
.stat-block:last-child{border-right:none}
.stat-block .n{font-family:var(--Anton);font-size:3.5rem;color:var(--sand);line-height:1;letter-spacing:.02em}
.stat-block .l{font-family:var(--Mono);font-size:.46rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,235,224,.28);margin-top:4px}

/* ── CONTACT ───────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.c-info-row{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}
.c-icon{width:34px;height:34px;background:rgba(240,235,224,.04);border:1px solid var(--line);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}
.c-label{font-family:var(--Mono);font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.c-val{font-size:.88rem;color:var(--sand)}.c-val a{color:var(--sand);transition:color .2s}.c-val a:hover{color:var(--rust)}
.c-form{background:#111;border:1px solid var(--line);border-radius:2px;padding:36px}
.fg{margin-bottom:13px}
.fg label{display:block;font-family:var(--Mono);font-size:.48rem;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.fg input,.fg textarea,.fg select{width:100%;background:rgba(240,235,224,.03);border:1px solid rgba(240,235,224,.09);border-radius:2px;color:var(--sand);font-family:var(--Sans);font-size:.87rem;padding:10px 12px;outline:none;transition:border-color .2s;-webkit-appearance:none}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--rust)}
.fg textarea{height:110px;resize:vertical}
.fg select option{background:#111}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.f-submit{width:100%;background:var(--rust);color:#fff;border:none;border-radius:2px;padding:13px;font-family:var(--Mono);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:2px}
.f-submit:hover{background:#b3572a;transform:translateY(-2px)}

/* ── CLIENTS BAND ──────────────────────────────── */
.clband{overflow:hidden;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cl-trk{display:flex;gap:48px;animation:ticker 18s linear infinite;white-space:nowrap;width:max-content;align-items:center}
.clband:hover .cl-trk{animation-play-state:paused}
.cl-n{font-family:var(--Mono);font-size:.54rem;letter-spacing:.11em;text-transform:uppercase;color:rgba(240,235,224,.15);flex-shrink:0;transition:color .2s}
.cl-n:hover{color:var(--rust)}
.cl-dot{width:3px;height:3px;background:rgba(240,235,224,.08);border-radius:50%;flex-shrink:0}

/* ── FOOTER ────────────────────────────────────── */
.site-footer{background:#000;padding:56px 0 28px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px;margin-bottom:36px}
.footer-logo{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.55;cursor:pointer;margin-bottom:12px}
.footer-tagline{font-family:var(--Corra);font-style:italic;font-size:.92rem;color:rgba(240,235,224,.22);margin-bottom:8px}
.footer-desc{font-size:.77rem;color:rgba(240,235,224,.18);line-height:1.75}
.footer-heading{font-family:var(--Mono);font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,235,224,.18);margin-bottom:12px}
.footer-nav{display:flex;flex-direction:column;gap:8px}
.footer-nav a{font-size:.82rem;color:rgba(240,235,224,.28);transition:color .2s;cursor:pointer}
.footer-nav a:hover{color:var(--sand)}
.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between}
.footer-bottom span{font-family:var(--Mono);font-size:.5rem;letter-spacing:.05em;color:rgba(240,235,224,.18)}

/* ── BLOG ──────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(240,235,224,.06)}
.blog-card{background:#111;padding:36px 32px;transition:background .3s;cursor:pointer;border-bottom:2px solid transparent}
.blog-card:hover{background:#161616;border-bottom-color:var(--rust)}
.bc-cat{font-family:var(--Mono);font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:10px}
.bc-title{font-family:var(--Corra);font-size:1.25rem;font-weight:400;color:var(--sand);margin-bottom:9px;line-height:1.3}
.bc-desc{font-size:.8rem;color:rgba(240,235,224,.4);line-height:1.6;margin-bottom:18px}
.bc-footer{display:flex;align-items:center;justify-content:space-between}
.bc-date{font-family:var(--Mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,235,224,.22)}
.bc-read{font-family:var(--Mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.post{display:none}.post.on{display:block}
.post-hd{padding:108px 0 36px;background:#111;border-bottom:1px solid var(--line)}
.post-cat{font-family:var(--Mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);background:rgba(196,98,45,.12);border:1px solid rgba(196,98,45,.22);padding:4px 10px;border-radius:100px;display:inline-block;margin-bottom:12px}
.post-date{font-family:var(--Mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,235,224,.25);margin-left:10px}
.post-title{font-family:var(--Anton);font-size:clamp(1.5rem,2.5vw,2.8rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--sand);margin-bottom:10px}
.post-desc{font-family:var(--Corra);font-style:italic;font-size:1.05rem;color:rgba(240,235,224,.42);max-width:580px;line-height:1.5}
.post-body{padding:52px 0 72px}
.post-layout{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start}
.post-content h3{font-family:var(--Anton);font-size:1.1rem;letter-spacing:.01em;text-transform:uppercase;color:var(--sand);margin:24px 0 9px}
.post-content p{font-size:.93rem;color:rgba(240,235,224,.52);line-height:1.88;margin-bottom:12px}
.post-content ul{padding-left:16px;margin-bottom:14px}
.post-content li{font-size:.9rem;color:rgba(240,235,224,.48);line-height:1.75;margin-bottom:5px}
.post-content a{color:var(--rust)}
.post-content b,.post-content strong{color:rgba(240,235,224,.82)}
.sidebar-cta{background:#111;border:1px solid var(--line);border-radius:2px;padding:24px;margin-bottom:18px;position:sticky;top:90px}
.sidebar-cta h3{font-family:var(--Anton);font-size:1rem;letter-spacing:.01em;text-transform:uppercase;color:var(--sand);margin-bottom:8px}
.sidebar-cta p{font-size:.78rem;color:rgba(240,235,224,.38);line-height:1.6;margin-bottom:14px}
.faq-section{background:#111;border-top:1px solid var(--line);padding:48px 0 64px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:rgba(240,235,224,.72);font-family:var(--Sans);font-size:.92rem;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:color .2s}
.faq-q:hover{color:var(--sand)}
.faq-arrow{color:var(--rust);transition:transform .3s;flex-shrink:0;margin-left:12px}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-a{display:none;padding:0 0 14px}
.faq-item.open .faq-a{display:block}
.faq-a p{font-size:.86rem;color:rgba(240,235,224,.44);line-height:1.8}
.back-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--Mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,235,224,.38);cursor:pointer;padding:0 0 16px;transition:color .2s;background:none;border:none}
.back-btn:hover{color:var(--sand)}

/* ── LEGAL ─────────────────────────────────────── */
.legal-content h2{font-family:var(--Corra);font-size:1.4rem;color:var(--sand);margin:28px 0 9px;font-weight:400}
.legal-content p,.legal-content li{font-size:.92rem;color:rgba(240,235,224,.46);line-height:1.88;margin-bottom:9px}
.legal-content ul{padding-left:16px;margin-bottom:12px}

/* ── CANVAS OVERLAY ────────────────────────────── */
#pg-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0}
#pg-overlay canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ── LIGHTBOX ──────────────────────────────────── */
#lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.97);align-items:center;justify-content:center;padding:20px}
#lightbox.open{display:flex}
#lightbox img{max-width:88vw;max-height:88vh;object-fit:contain}
.lb-close{position:fixed;top:20px;right:28px;color:rgba(255,255,255,.32);font-size:2rem;cursor:pointer;z-index:10000;line-height:1;transition:color .2s;background:none;border:none}.lb-close:hover{color:#fff}

/* ── WA ────────────────────────────────────────── */
.wa-btn{position:fixed;bottom:24px;right:24px;z-index:900;width:48px;height:48px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);transition:transform .25s;text-decoration:none}
.wa-btn:hover{transform:scale(1.1)}
.wa-btn svg{width:22px;height:22px;fill:#fff}

/* ── RESPONSIVE ────────────────────────────────── */
@media(max-width:1100px){
  .wrap{padding:0 36px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .brand-grid.g8{grid-template-columns:repeat(4,1fr)}
  .brand-grid.g5{grid-template-columns:repeat(4,1fr)}
  .camp-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:900px){
  .wrap{padding:0 28px}
  .hs-layout{flex-direction:column;align-items:flex-start;gap:20px}
  .hs-stats{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:16px;width:100%}
  .stat{padding:0 16px}.stat:first-child{padding-left:0}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:44px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .stats-row{grid-template-columns:1fr 1fr}
  .stat-block:nth-child(2){border-right:none}
  .stat-block:nth-child(3){border-right:1px solid var(--line)}
  .brand-grid.g5,.brand-grid.g8{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .nav-links{display:none}.hbg{display:flex}
  .svc-grid{grid-template-columns:1fr}
  .camp-grid{grid-template-columns:1fr 1fr;grid-auto-rows:155px}
  .c-tile.wide{grid-column:span 2}.c-tile.tall{grid-row:span 1}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .blog-grid{grid-template-columns:1fr}
  .prow{flex-wrap:wrap}
  .brand-grid.g4,.brand-grid.g5,.brand-grid.g8{grid-template-columns:1fr 1fr}
  @media(max-width:768px){.post-layout{grid-template-columns:1fr}}
  .sidebar-cta{position:static}
  .about-img-grid{display:none}
}
@media(max-width:480px){
  .wrap{padding:0 16px}
  .hs-title{font-size:clamp(1.2rem,4.5vw,1.8rem)}
  .hs-btns{flex-direction:column;gap:8px}
  .btn-r,.btn-o{justify-content:center}
  .c-form{padding:22px 14px}
  .fg2{grid-template-columns:1fr}
  .stats-row{grid-template-columns:1fr 1fr}
  .stat-block:nth-child(3){border-right:none}
}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .tk-trk,.cl-trk{animation:none}
  .hero-bg{transform:none;transition:none}
}

.bc-read-btn{background:none;border:none;font-family:var(--Mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);cursor:pointer;padding:0;transition:letter-spacing .2s}
.bc-read-btn:hover{letter-spacing:.16em}
.blog-card{cursor:pointer}