/*
Theme Name: HarborPoint Design Studio
Author: HarborPoint Design Studio
Description: Brand design, web design, and creative strategy studio — Kansas City, MO. Warm cream, midnight blue, editorial serif.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: harborpoint-design-studio
*/
:root{
  --navy:#0D1B2A;--navy2:#132236;--navy3:#192D42;--panel:#1E3552;--panel2:#243F61;
  --crm:#F5EFE0;--crm2:#EDE5D0;--crm3:#E0D5BE;--warm:#FAF7F2;
  --gold:#D4A843;--gold-l:#E8C06A;--gold-pale:rgba(212,168,67,.1);
  --coral:#E8604C;--coral-pale:rgba(232,96,76,.08);
  --wh:#fff;--off:#FAF8F4;
  --text:#8BA5BF;--muted:#2D4A66;--border:rgba(212,168,67,.2);--border2:rgba(255,255,255,.08);
  --font:'Lora',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--mono:'Space Mono',monospace;
  --r:2px;--sh:0 20px 56px rgba(8,18,30,.7);--sh-g:0 8px 28px rgba(212,168,67,.2);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--navy);color:var(--text);overflow-x:hidden;line-height:1.7}
img{max-width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit}ul{list-style:none}
input,select,textarea,button{font-family:var(--sans)}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.sans{font-family:var(--sans)}.mono{font-family:var(--mono)}.c{text-align:center}.fw{width:100%}

.nav{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:all .35s}
.nav.scrolled{background:rgba(13,27,42,.97);backdrop-filter:blur(20px);padding:12px 0;border-bottom:1px solid var(--border)}
.ni{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px}
.logo-hp{width:34px;height:34px;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .4s}
.logo-hp::before{content:'';position:absolute;top:50%;left:50%;width:140%;height:140%;background:linear-gradient(135deg,transparent 45%,rgba(212,168,67,.15) 50%,transparent 55%);transform:translate(-50%,-50%)}
.logo-hp span{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:0}
.logo:hover .logo-hp{background:var(--gold);}.logo:hover .logo-hp span{color:var(--navy)}
.logo-name{font-size:17px;font-weight:700;color:#fff;letter-spacing:.2px;line-height:1.1}
.logo-name em{display:block;font-style:normal;font-size:9px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);font-family:var(--mono)}
.nl{display:flex;align-items:center;gap:2px}
.nl a{font-family:var(--sans);font-size:13px;font-weight:400;color:rgba(255,255,255,.42);padding:7px 12px;border-radius:var(--r);transition:all .2s}
.nl a:hover,.nl a.on{color:#fff;background:rgba(255,255,255,.07)}
.ncta{border:1.5px solid var(--gold)!important;color:var(--gold)!important;border-radius:0!important;padding:9px 22px!important;font-weight:600!important}
.ncta:hover{background:var(--gold)!important;color:var(--navy)!important}
.hbg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hbg span{display:block;width:24px;height:1.5px;background:rgba(255,255,255,.6)}

.btn-g{display:inline-block;background:var(--gold);color:var(--navy);padding:14px 36px;font-family:var(--sans);font-weight:700;font-size:13px;border-radius:0;transition:all .3s;border:none;cursor:pointer}
.btn-g:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:var(--sh-g)}
.btn-g.lg{padding:17px 48px;font-size:14px}
.btn-coral{display:inline-block;background:var(--coral);color:#fff;padding:14px 36px;font-family:var(--sans);font-weight:700;font-size:13px;border-radius:0;transition:all .3s}
.btn-coral:hover{background:#D94A36;transform:translateY(-2px)}
.btn-out{display:inline-block;background:transparent;color:rgba(255,255,255,.65);padding:14px 36px;font-family:var(--sans);font-weight:500;font-size:13px;border:1px solid rgba(255,255,255,.2);border-radius:0;transition:all .3s}
.btn-out:hover{border-color:var(--gold);color:var(--gold)}
.btn-navy{display:inline-block;background:var(--navy);color:#fff;padding:14px 36px;font-family:var(--sans);font-weight:700;font-size:13px;border-radius:0;transition:all .3s}
.btn-navy:hover{background:var(--navy3);transform:translateY(-2px)}
.tlink{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--gold);text-decoration:underline;text-underline-offset:5px}

.hero{position:relative;background:var(--navy);min-height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding-top:80px}
.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 40px}
.hero-right{position:relative;overflow:hidden}
.hero-right-img{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-right-ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(13,27,42,.6) 0%,transparent 50%)}
.h-kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.h-k-line{width:40px;height:1px;background:var(--gold)}
.h-kicker span{font-family:var(--mono);font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase}
.hl h1{font-size:clamp(50px,5vw,74px);font-weight:700;color:#fff;line-height:.98;margin-bottom:24px;letter-spacing:-1px}
.hl h1 .gd{color:var(--gold)}.hl h1 .cr{color:var(--coral)}
.hl p{font-family:var(--sans);font-size:16px;color:rgba(255,255,255,.5);line-height:1.85;margin-bottom:36px;max-width:460px;font-weight:300}
.h-btns{display:flex;gap:12px;margin-bottom:52px}
.h-awards{display:flex;flex-wrap:wrap;gap:8px}
.h-award{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.38);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:5px 12px;letter-spacing:.5px}
.h-ticker-v{position:absolute;right:28px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;display:flex;gap:18px;align-items:center;z-index:3}
.h-ticker-v span{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35)}
.h-ticker-v .sep{color:var(--gold);opacity:.4}
.h-scroll-band{background:var(--gold);overflow:hidden;padding:10px 0;grid-column:1/3}
.hsb-track{display:flex;gap:32px;animation:ht 22s linear infinite;width:max-content}
.hsb-track span{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--navy);white-space:nowrap;letter-spacing:2px;text-transform:uppercase}
.hsb-track .s{opacity:.4}
@keyframes ht{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.section{padding:110px 0}.bg-panel{background:var(--navy2)}.bg-crm{background:var(--crm);color:var(--navy)}
.stag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);background:var(--gold-pale);border:1px solid var(--border);padding:5px 14px;margin-bottom:18px}
.stag-crm{color:var(--navy3);background:rgba(212,168,67,.12);border-color:rgba(212,168,67,.3)}
.sh h2{font-size:clamp(36px,4vw,54px);font-weight:700;color:#fff;letter-spacing:-1px;line-height:1.02;margin-bottom:14px}
.bg-crm .sh h2{color:var(--navy)}.sh h2 em{color:var(--gold);font-style:italic}
.bg-crm .sh h2 em{color:var(--gold)}.sh p{font-family:var(--sans);font-size:16px;color:var(--muted);line-height:1.75}
.bg-crm .sh p{color:#4A6A8A}.sh.c{text-align:center;max-width:680px;margin:0 auto 68px}
.sh-sp{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:20px}
.sh-sp h2{font-size:clamp(30px,3.5vw,48px);font-weight:700;color:#fff;letter-spacing:-1px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.st h2{font-size:clamp(28px,3.5vw,46px);font-weight:700;color:#fff;letter-spacing:-1px;line-height:1.02;margin:0 0 18px}
.bg-crm .st h2{color:var(--navy)}.st h2 em{color:var(--gold);font-style:italic}
.st p{font-family:var(--sans);font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:14px}
.bg-crm .st p{color:#4A6A8A}
.si{position:relative}.si-main{width:100%;height:430px;box-shadow:var(--sh);border:1px solid var(--border)}
.si-float{position:absolute;bottom:-24px;right:-20px;width:52%;height:200px;border:3px solid var(--navy);box-shadow:var(--sh)}
.si-badge{position:absolute;top:22px;left:-20px;background:var(--gold);color:var(--navy);padding:14px 18px;box-shadow:var(--sh-g);text-align:center}
.si-badge strong{display:block;font-size:24px;font-weight:700;line-height:1}
.si-badge span{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-top:3px;opacity:.7}

.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(0,0,0,.3)}
.wcard{position:relative;overflow:hidden}.wcard-img{height:340px;background-size:cover;background-position:center;transition:transform .5s ease}
.wcard:hover .wcard-img{transform:scale(1.05)}
.wcard-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,.92) 0%,rgba(13,27,42,.1) 55%);transition:all .35s}
.wcard:hover .wcard-ov{background:linear-gradient(to top,rgba(13,27,42,.96) 0%,rgba(212,168,67,.15) 100%)}
.wcard-body{position:absolute;bottom:0;left:0;right:0;padding:22px;transform:translateY(6px);transition:transform .35s}
.wcard:hover .wcard-body{transform:translateY(0)}
.wcard-cat{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:6px}
.wcard-body h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.3px}
.wcard-body p{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.6);line-height:1.55;font-weight:300;max-height:0;overflow:hidden;transition:max-height .4s}
.wcard:hover .wcard-body p{max-height:65px}

.process4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border2)}
.proc{background:var(--navy2);padding:32px;transition:background .3s;position:relative}
.proc:hover{background:var(--navy3)}.proc-num{font-family:var(--mono);font-size:52px;font-weight:700;color:rgba(212,168,67,.08);line-height:1;margin-bottom:16px;display:block}
.proc h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:10px}
.proc p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.7;font-weight:300}
.proc::after{content:'';position:absolute;top:50%;right:-1px;width:2px;height:40px;background:var(--gold);transform:translateY(-50%);opacity:0;transition:opacity .3s}
.proc:hover::after{opacity:1}

.services4{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border2)}
.svc{background:var(--navy2);padding:36px;transition:all .3s;position:relative;overflow:hidden}
.svc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc:hover::before{transform:scaleX(1)}.svc:hover{background:var(--navy3)}
.svc-n{display:block;font-family:var(--mono);font-size:44px;color:rgba(212,168,67,.06);line-height:1;margin-bottom:14px}
.svc h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}
.svc p{font-family:var(--sans);font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:14px;font-weight:300}
.svc ul{display:flex;flex-direction:column;gap:6px}
.svc ul li{font-family:var(--sans);font-size:12px;color:rgba(255,255,255,.3);padding-left:14px;position:relative;font-weight:300}
.svc ul li::before{content:"—";position:absolute;left:0;color:var(--gold);font-size:10px}

.team3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border2)}
.tm{background:var(--navy2);overflow:hidden;transition:background .3s}.tm:hover{background:var(--navy3)}
.tm img{width:100%;height:310px;filter:grayscale(15%)}
.tm-body{padding:24px}.tm-body h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:3px}
.tm-role{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:10px}
.tm-body p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.65;font-weight:300}

.cases3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{background:var(--navy2);border:1px solid var(--border2);overflow:hidden;transition:all .3s}
.case:hover{border-color:var(--border);transform:translateY(-4px)}.case-img{height:200px;background-size:cover;background-position:center}
.case-body{padding:22px}.case-tag{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:9px}
.case-body h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:9px}
.case-body p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:14px;font-weight:300}
.case-kpis{display:flex;border-top:1px solid var(--border2);padding-top:12px}
.ck{flex:1;text-align:center}.ck+.ck{border-left:1px solid var(--border2)}
.ckv{display:block;font-size:20px;font-weight:700;color:var(--gold);line-height:1}
.ckl{display:block;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:3px}

.tsti{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.tcol{display:flex;flex-direction:column;gap:18px}
.tstc{background:var(--navy2);border:1px solid var(--border2);padding:28px;transition:border-color .3s}
.tstc:hover,.tstc.ft{border-color:var(--border)}.tstc.ft{background:rgba(212,168,67,.04)}
.tq{font-size:66px;font-weight:700;line-height:.7;color:var(--gold);display:block;margin-bottom:12px;opacity:.22}
.tstc blockquote{font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.6);line-height:1.88;font-style:italic;margin-bottom:18px;font-weight:300}
.ta{display:flex;align-items:center;gap:10px}.ta img{width:42px;height:42px;border:1px solid var(--border)}
.ta strong{display:block;font-family:var(--sans);font-size:13px;font-weight:700;color:#fff}
.ta em{display:block;font-style:normal;font-family:var(--mono);font-size:9px;color:var(--muted)}

.ig4{display:grid;grid-template-columns:1.3fr 1fr;gap:2px;background:var(--border2)}
.igc{background:var(--navy2);overflow:hidden;transition:all .3s}
.igc:hover{background:var(--navy3)}.igc img{width:100%;height:220px}
.igc.ft img{height:380px}
.ig-body{padding:22px}.ig-cat{display:block;font-family:var(--mono);font-size:9px;color:var(--gold);margin-bottom:8px;letter-spacing:2px;text-transform:uppercase}
.ig-body h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:9px;line-height:1.25}
.igc.ft .ig-body h3{font-size:24px}.ig-body p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:8px;font-weight:300}
.ig-meta{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.2)}
.ig-side{display:flex;flex-direction:column;gap:2px}

.sf-full{display:flex;flex-direction:column;gap:2px;background:var(--border2)}
.sfrow{display:grid;grid-template-columns:1fr 1fr}.sfrow.rev .sfimg{order:2}
.sfimg{background-size:cover;background-position:center;min-height:480px}
.sfbody{background:var(--navy3);padding:60px}
.sfbody h2{font-size:34px;font-weight:700;color:#fff;margin:10px 0 16px;letter-spacing:-.5px}
.sfbody p{font-family:var(--sans);font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:13px;font-weight:300}
.sfbody ul{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.sfbody ul li{font-family:var(--sans);font-size:14px;color:rgba(255,255,255,.4);padding-left:16px;position:relative;font-weight:300}
.sfbody ul li::before{content:"—";position:absolute;left:0;color:var(--gold);font-size:10px}

.cta-hp{position:relative;background:var(--crm);padding:110px 0;overflow:hidden}
.cta-hp::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(13,27,42,.05) 1px,transparent 0);background-size:36px 36px}
.ctai{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ctax h2{font-size:clamp(38px,4.5vw,58px);font-weight:700;color:var(--navy);letter-spacing:-1px;line-height:1.02;margin-bottom:16px}
.ctax h2 em{color:var(--coral);font-style:italic;display:block}
.ctax p{font-family:var(--sans);font-size:16px;color:#4A6A8A;line-height:1.85;margin-bottom:26px;font-weight:300}
.ctaim img{width:100%;height:420px;box-shadow:var(--sh);border:1px solid var(--crm3)}

.ph{position:relative;height:420px;display:flex;align-items:flex-end;padding-bottom:60px;background-size:cover;background-position:center}
.pho{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,27,42,.4),rgba(13,27,42,.97))}
.phc{position:relative;z-index:2}
.phc h1{font-size:clamp(46px,6vw,78px);font-weight:700;color:#fff;letter-spacing:-1.5px;line-height:.95;margin-bottom:12px}
.phc h1 em{color:var(--gold);font-style:italic}.phc p{font-family:var(--sans);font-size:16px;color:rgba(255,255,255,.48)}

.cl2{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}
.cli h2{font-size:36px;font-weight:700;color:#fff;margin:12px 0 16px;letter-spacing:-.5px}.cli h2 em{color:var(--gold);font-style:italic}
.cli p{font-family:var(--sans);font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:14px;font-weight:300}
.cdet{display:flex;flex-direction:column;gap:13px;margin-bottom:26px}
.cdrow{display:flex;gap:13px;align-items:flex-start}.cdrow span:first-child{font-size:16px;flex-shrink:0;width:22px}
.cdrow strong{display:block;font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
.cdrow em{display:block;font-style:normal;font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.5;font-weight:300}
.clocimg{width:100%;height:200px;box-shadow:var(--sh);border:1px solid var(--border)}
.cfw{background:var(--navy2);border:1px solid var(--border);padding:42px;box-shadow:var(--sh)}
.cform h3{font-size:26px;font-weight:700;color:#fff;margin-bottom:7px;letter-spacing:-.3px}
.csub{font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:20px;font-weight:300}
.cform input,.cform select,.cform textarea{width:100%;padding:11px 14px;border:1px solid var(--border2);font-size:13px;background:rgba(255,255,255,.04);color:#fff;margin-bottom:12px;transition:border-color .2s;outline:none;font-family:var(--sans);font-weight:300;border-radius:0}
.cform input::placeholder,.cform textarea::placeholder{color:var(--muted)}.cform select option{background:var(--navy);color:#fff}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--gold)}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fr2 input{margin-bottom:0}
.fnote{font-family:var(--mono);font-size:9px;color:var(--muted);text-align:center;margin-top:9px}
.smsg{background:var(--gold-pale);border:1px solid var(--border);color:var(--gold-l);padding:20px;font-size:15px;font-style:italic;line-height:1.7}

.aw4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.awc{background:var(--navy2);border:1px solid var(--border2);padding:22px;text-align:center;transition:all .3s}
.awc:hover{border-color:var(--border);transform:translateY(-2px)}.awi{font-size:26px;margin-bottom:10px}
.awc h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px}.awc p{font-family:var(--sans);font-size:11px;color:var(--muted);line-height:1.5;font-weight:300}

.jlist{display:flex;flex-direction:column;gap:10px}
.jcard{background:var(--navy2);border:1px solid var(--border2);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:border-color .2s}
.jcard:hover{border-color:var(--border)}.jcard h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:3px}
.jtag{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);display:block;margin-bottom:6px}
.jcard p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.5;font-weight:300}

.footer{background:var(--navy);border-top:1px solid var(--border2);padding:76px 0 0}
.fi{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:46px;padding-bottom:52px}
.fb p{font-family:var(--sans);font-size:12px;color:rgba(255,255,255,.24);line-height:1.8;margin:12px 0 0;max-width:280px;font-weight:300}
.fc h4{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2.5px;color:var(--gold);margin-bottom:16px}
.fc ul{display:flex;flex-direction:column;gap:9px}
.fc ul li,.fc ul li a{font-family:var(--sans);font-size:12px;color:rgba(255,255,255,.24);transition:color .2s;font-weight:300}
.fc ul li a:hover{color:var(--gold)}.fbot{border-top:1px solid var(--border2);padding:18px 0;text-align:center;font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.16);letter-spacing:.5px}

.ri{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.ri-l{opacity:0;transform:translateX(-22px);transition:opacity .8s ease,transform .8s ease}
.ri-r{opacity:0;transform:translateX(22px);transition:opacity .8s ease,transform .8s ease}
.ri.vis,.ri-l.vis,.ri-r.vis{opacity:1;transform:translate(0)}

@media(max-width:1100px){.process4{grid-template-columns:repeat(2,1fr)}.services4{grid-template-columns:1fr}.team3{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}.hero-right{display:none}
  .nl{display:none;position:fixed;inset:0;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:16px;z-index:999}.nl.o{display:flex}
  .hbg{display:flex;z-index:1000}
  .split,.ctai,.sfrow,.sfrow.rev,.cl2{grid-template-columns:1fr}
  .sfrow.rev .sfimg{order:0}.sfimg{min-height:220px}.si-float,.si-badge{display:none}.si-main{height:300px}
  .work-grid{grid-template-columns:1fr 1fr}.cases3,.tsti{grid-template-columns:1fr 1fr}
  .aw4{grid-template-columns:repeat(2,1fr)}.fi{grid-template-columns:1fr 1fr}.fr2{grid-template-columns:1fr}
  .ig4{grid-template-columns:1fr}
}
@media(max-width:600px){.fi,.team3,.cases3,.aw4,.work-grid,.services4,.process4{grid-template-columns:1fr}}