/* MARKETING DIGITAL XALAPA ADS — composición editorial tipo estudio creativo */
:root{
 --black:#151515;--black2:#0d0d0d;--white:#f6f5f1;--paper:#efeee9;--ink:#171717;
 --orange:#ff5a2d;--muted:#a8a8a3;--line:rgba(255,255,255,.16);--line2:rgba(0,0,0,.14);
 --max:1360px;--pad:34px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,svg{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - (var(--pad)*2)));margin:auto}.skip{position:fixed;left:-9999px;top:12px;background:#fff;color:#111;padding:12px 16px;z-index:999}.skip:focus{left:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow.orange{color:var(--orange)}
.header{position:fixed;left:0;right:0;top:0;z-index:100;color:#fff;transition:.25s}.header.scrolled{background:rgba(21,21,21,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:84px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;z-index:6}.brand-mark{position:relative;width:32px;height:28px}.brand-mark i{position:absolute;width:18px;height:7px;background:#fff;transform-origin:left center}.brand-mark i:nth-child(1){left:2px;top:3px;transform:rotate(42deg)}.brand-mark i:nth-child(2){left:8px;top:12px;transform:rotate(-42deg)}.brand-mark i:nth-child(3){left:14px;top:20px;transform:rotate(-10deg);background:var(--orange)}.brand-name{font-size:25px;font-weight:900;letter-spacing:-.055em}.brand-name small{display:block;font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-top:2px;color:rgba(255,255,255,.56)}.links{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}.links a{opacity:.82;transition:.2s}.links a:hover{opacity:1;color:var(--orange)}.links .contact-pill{border:1px solid rgba(255,255,255,.55);padding:11px 17px;border-radius:0;opacity:1}.menu{display:none;margin-left:auto;background:transparent;border:0;color:#fff;width:46px;height:46px;position:relative;z-index:7}.menu:before,.menu:after{content:"";position:absolute;width:25px;height:2px;background:currentColor;left:10px;transition:.25s}.menu:before{top:17px}.menu:after{top:27px}.menu.open:before{top:22px;transform:rotate(45deg)}.menu.open:after{top:22px;transform:rotate(-45deg)}
.hero{min-height:100vh;background:var(--black);position:relative;overflow:hidden}.hero-grid{min-height:100vh;padding:150px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) 146px;gap:40px;position:relative}.hero-main{display:flex;flex-direction:column;justify-content:center;min-width:0}.kicker{font-size:clamp(19px,2.25vw,34px);line-height:1.05;letter-spacing:-.035em;max-width:670px;color:rgba(255,255,255,.76);margin:0 0 10px}.hero h1{font-size:clamp(68px,9.5vw,148px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:900;max-width:1120px}.hero h1 span{display:block}.hero h1 .stroke{-webkit-text-stroke:1px rgba(255,255,255,.92);color:transparent}.hero-cta{margin-top:34px;display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid currentColor;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button.dark{background:#292929;color:#fff;border-color:#292929}.button.dark:hover,.button.orange:hover{background:var(--orange);border-color:var(--orange);color:#fff}.button.orange{background:var(--orange);border-color:var(--orange);color:#fff}.textlink{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}.hero-typography{position:relative;margin-top:58px;border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.hero-typography .create{font-size:13px;font-weight:900;letter-spacing:.14em}.hero-typography .words{grid-column:1/-1;display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.hero-typography strong{font-size:clamp(42px,7.8vw,116px);line-height:.75;letter-spacing:-.07em}.hero-typography em{font-style:normal;font-size:clamp(28px,4.2vw,64px);font-weight:900;letter-spacing:-.06em;color:var(--orange)}.hero-typography b{font-size:clamp(28px,4.2vw,64px);letter-spacing:-.06em}.hero-meta{justify-self:end;text-align:right;color:rgba(255,255,255,.55);font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.1em}.side{border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}.side-inner{height:72%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.side span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.44);text-transform:uppercase}.side b{width:9px;height:9px;background:var(--orange);transform:rotate(45deg)}.fold{position:absolute;right:5%;top:16%;width:135px;height:135px;opacity:.28;transform:rotate(-8deg)}.fold i{position:absolute;display:block;background:var(--orange);clip-path:polygon(0 0,100% 45%,35% 100%)}.fold i:nth-child(1){inset:0 40% 48% 0}.fold i:nth-child(2){inset:35% 0 0 35%;transform:rotate(40deg)}.fold i:nth-child(3){width:58px;height:58px;right:1px;top:2px;background:#fff;transform:rotate(90deg)}
.marquee{background:var(--orange);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(0,0,0,.1)}.track{display:flex;width:max-content;gap:46px;padding:12px 0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;animation:move 28s linear infinite}.track span:after{content:"✦";margin-left:46px;color:#111}@keyframes move{to{transform:translateX(-50%)}}
.about{background:var(--white);color:var(--ink);padding:110px 0 90px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about h2,.section-head h2{font-size:clamp(54px,7vw,100px);letter-spacing:-.07em;line-height:.84;margin:12px 0 0}.about-copy{padding-top:58px;font-size:18px;line-height:1.75;color:#555}.about-copy strong{color:#111}.about-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line2)}.about-meta div{padding:20px 14px 0 0;border-right:1px solid var(--line2)}.about-meta div:last-child{border-right:0}.about-meta b{display:block;font-size:28px;letter-spacing:-.04em}.about-meta span{display:block;margin-top:7px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}
.portfolio{background:var(--paper);color:var(--ink);padding:90px 0 120px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-head p{max-width:490px;margin:0;color:#656565;line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:9px 12px;border:1px solid var(--line2);background:#f8f7f3}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.work{position:relative;overflow:hidden;min-height:390px;background:#111;color:#fff}.work:nth-child(1){grid-column:span 7}.work:nth-child(2){grid-column:span 5}.work:nth-child(3){grid-column:span 5}.work:nth-child(4){grid-column:span 7}.work:nth-child(5){grid-column:span 12;min-height:460px}.art{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.work:hover .art{transform:scale(1.035)}.art-a{background:#181818}.art-a:before{content:"SEO";position:absolute;left:6%;top:9%;font-size:clamp(105px,13vw,210px);font-weight:900;letter-spacing:-.08em;color:#fff}.art-a:after{content:"XALAPA";position:absolute;right:5%;bottom:7%;font-size:clamp(46px,7vw,96px);font-weight:900;color:var(--orange);transform:rotate(-5deg)}.art-b{background:var(--orange)}.art-b:before{content:"ADS";position:absolute;left:8%;bottom:4%;font-size:clamp(120px,14vw,220px);font-weight:900;color:#111;letter-spacing:-.09em}.art-b:after{content:"↗";position:absolute;right:7%;top:5%;font-size:80px;color:#fff}.art-c{background:repeating-linear-gradient(90deg,#111 0 26px,#efeee9 26px 52px)}.art-c:after{content:"WEB";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-6deg);padding:7px 17px;background:var(--orange);color:#fff;font-size:88px;font-weight:900}.art-d{background:#eee}.art-d:before{content:"BRAND";position:absolute;left:-2%;top:17%;font-size:clamp(100px,12vw,190px);font-weight:900;color:transparent;-webkit-text-stroke:2px #111;letter-spacing:-.08em}.art-d:after{content:"IDENTIDAD + DISEÑO";position:absolute;left:7%;bottom:9%;font-size:13px;font-weight:900;letter-spacing:.18em;color:#111}.art-e{background:#111}.art-e:before{content:"MARKETING";position:absolute;left:4%;top:9%;font-size:clamp(85px,15vw,220px);font-weight:900;color:#fff;letter-spacing:-.09em;white-space:nowrap}.art-e:after{content:"DIGITAL";position:absolute;right:5%;bottom:1%;font-size:clamp(100px,16vw,250px);font-weight:900;color:var(--orange);letter-spacing:-.1em}.work-info{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.work-info small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.65)}.work-info h3{font-size:24px;letter-spacing:-.04em;margin:5px 0 0}.portfolio-more{margin-top:28px}
.services{background:#fff;color:#111;padding:110px 0 0}.services-intro{padding-bottom:58px}.services-intro .section-head{margin-bottom:0}.service{border-top:1px solid #d6d6d0}.service:last-child{border-bottom:1px solid #d6d6d0}.service-inner{display:grid;grid-template-columns:90px .72fr 1fr;gap:56px;padding:65px 0}.service-num{font-size:10px;letter-spacing:.16em;color:#8c8c86}.service h3{font-size:clamp(48px,5.5vw,82px);line-height:.85;letter-spacing:-.065em;margin:0}.service p{color:#5d5d58;line-height:1.75;margin:0 0 20px}.service-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-tags span{border-top:1px solid #d7d7d2;padding-top:8px;font-size:11px}.service a{display:inline-block;margin-top:23px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:4px}
.manifesto{background:var(--black);padding:140px 0;color:#fff;position:relative;overflow:hidden}.manifesto:after{content:"MX";position:absolute;right:-2%;bottom:-13%;font-size:310px;font-weight:900;color:rgba(255,255,255,.03);letter-spacing:-.1em}.manifesto h2{font-size:clamp(60px,9vw,132px);line-height:.83;letter-spacing:-.075em;margin:0;max-width:1220px}.manifesto h2 em{font-style:normal;color:var(--orange)}
.process{background:var(--paper);color:#111;padding:115px 0}.process h2{font-size:clamp(56px,7vw,100px);letter-spacing:-.07em;line-height:.85;margin:10px 0 55px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.step{padding:30px 28px 34px 0;border-right:1px solid var(--line2);min-height:290px}.step+ .step{padding-left:28px}.step:last-child{border-right:0}.step b{font-size:10px;color:var(--orange);letter-spacing:.16em}.step h3{font-size:38px;letter-spacing:-.05em;margin:75px 0 14px}.step p{color:#62625e;line-height:1.7;margin:0}
.pricing{background:#fff;color:#111;padding:115px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cacac4;border:1px solid #cacac4}.plan{background:#fff;padding:36px;min-height:350px;display:flex;flex-direction:column}.plan.featured{background:var(--orange);color:#fff}.plan small{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.plan h3{font-size:50px;letter-spacing:-.06em;margin:55px 0 10px}.plan h3 span{font-size:12px;letter-spacing:0;font-weight:500}.plan p{color:#666;line-height:1.65}.plan.featured p{color:rgba(255,255,255,.8)}.plan a{margin-top:auto;padding-top:22px;border-top:1px solid currentColor;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between}
.faq{background:var(--paper);color:#111;padding:110px 0}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq h2{font-size:clamp(52px,6.5vw,90px);line-height:.87;letter-spacing:-.065em;margin:10px 0 0}.faq details{border-top:1px solid var(--line2);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line2)}.faq summary{cursor:pointer;font-size:19px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";font-size:24px}.faq details[open] summary:after{content:"−"}.faq details p{color:#62625e;line-height:1.75;margin:15px 0 0;max-width:700px}
.contact{background:var(--orange);color:#fff;padding:115px 0 45px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.contact h2{font-size:clamp(80px,11vw,158px);line-height:.76;letter-spacing:-.085em;margin:10px 0 24px}.contact p{max-width:630px;font-size:18px;line-height:1.7}.contact-links{border-top:1px solid rgba(255,255,255,.4);align-self:end}.contact-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding:20px 0;font-size:18px}.contact-links a:hover{color:#111}.footer{background:var(--orange);color:#fff;padding:28px 0 35px}.footer-inner{border-top:1px solid rgba(255,255,255,.35);padding-top:24px;display:flex;justify-content:space-between;gap:30px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.footer a:hover{color:#111}
.subhero{background:var(--black);min-height:72vh;display:flex;align-items:end;padding:170px 0 80px}.subhero h1{font-size:clamp(62px,8vw,120px);line-height:.84;letter-spacing:-.075em;margin:10px 0 20px;max-width:1100px}.subhero p{max-width:780px;color:rgba(255,255,255,.65);line-height:1.75;font-size:18px}.breadcrumb{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.5)}.detail{background:#fff;color:#111;padding:110px 0}.detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.detail h2{font-size:clamp(50px,6vw,84px);line-height:.88;letter-spacing:-.065em;margin:10px 0}.detail-copy{font-size:18px;line-height:1.8;color:#5d5d58}.deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:35px;border-top:1px solid var(--line2)}.deliver span{padding:13px 0;border-bottom:1px solid var(--line2);font-size:12px;font-weight:700}.related{background:var(--paper);color:#111;padding:100px 0}.related h2{font-size:clamp(50px,6vw,84px);letter-spacing:-.06em;margin:10px 0 35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9c9c2;border:1px solid #c9c9c2}.related-grid a{background:#fff;min-height:170px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;font-size:22px;font-weight:900}.related-grid a:hover{background:var(--orange);color:#fff}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){:root{--pad:24px}.links{position:fixed;inset:0;background:#151515;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 32px;gap:20px;transform:translateX(100%);transition:.28s;font-size:32px;letter-spacing:-.04em}.links.open{transform:none}.links .contact-pill{padding:10px 0;border:0;border-bottom:1px solid #fff}.menu{display:block}.hero-grid{grid-template-columns:1fr}.side{display:none}.hero-main{padding-top:20px}.hero h1{font-size:clamp(72px,14vw,122px)}.hero-typography{grid-template-columns:1fr}.hero-meta{justify-self:start;text-align:left}.about-grid,.faq-grid,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.about-copy{padding-top:0}.section-head{display:grid;grid-template-columns:1fr;gap:20px}.work:nth-child(n){grid-column:span 6}.work:nth-child(5){grid-column:span 12}.service-inner{grid-template-columns:60px .75fr 1fr;gap:30px}.process-grid{grid-template-columns:1fr}.step,.step+ .step{border-right:0;border-bottom:1px solid var(--line2);padding:28px 0;min-height:0}.step:last-child{border-bottom:0}.step h3{margin:45px 0 12px}.pricing-grid{grid-template-columns:1fr}.plan{min-height:280px}.contact h2{font-size:clamp(76px,16vw,130px)}}
@media(max-width:640px){:root{--pad:18px}.nav{height:70px}.brand-name{font-size:21px}.brand-mark{transform:scale(.85)}.hero-grid{padding:120px 0 35px;min-height:790px}.kicker{font-size:19px;max-width:330px;margin-bottom:15px}.hero h1{font-size:clamp(62px,19vw,90px);line-height:.8}.fold{width:90px;height:90px;top:12%;right:-2%}.hero-cta{align-items:flex-start;flex-direction:column;gap:15px}.hero-typography{margin-top:44px}.hero-typography .words{display:block}.hero-typography strong,.hero-typography em,.hero-typography b{display:block;margin:3px 0}.hero-typography strong{font-size:58px}.hero-typography em,.hero-typography b{font-size:38px}.about,.portfolio,.process,.pricing,.faq{padding:78px 0}.about-grid{gap:28px}.about h2,.section-head h2{font-size:58px}.about-copy{font-size:16px}.about-meta{grid-template-columns:1fr}.about-meta div{border-right:0;border-bottom:1px solid var(--line2);padding:16px 0}.work-grid{display:block}.work{min-height:330px;margin-bottom:10px}.work:nth-child(5){min-height:360px}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.filters span{white-space:nowrap}.services{padding-top:78px}.service-inner{grid-template-columns:1fr;gap:18px;padding:45px 0}.service-num{margin-bottom:10px}.service h3{font-size:58px}.service-tags{grid-template-columns:1fr}.manifesto{padding:90px 0}.manifesto h2{font-size:58px}.process h2{font-size:58px}.plan{padding:28px}.plan h3{font-size:44px}.faq-grid{gap:30px}.faq h2{font-size:58px}.contact{padding:88px 0 35px}.contact h2{font-size:78px}.contact-links a{font-size:16px}.footer-inner{flex-direction:column;gap:12px}.subhero{min-height:620px;padding:130px 0 60px}.subhero h1{font-size:62px}.detail,.related{padding:80px 0}.detail h2,.related h2{font-size:54px}.deliver{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none}.reveal{opacity:1;transform:none;transition:none}}


/* === SISTEMA DTF AGENCIAS · páginas SEO locales y Maps === */
.brand-name{font-size:19px;letter-spacing:-.035em;white-space:nowrap}
.brand-name small{font-size:8px}
.local-subhero{min-height:78vh}
.local-subhero .eyebrow{display:block;margin-top:18px}
.local-facts{background:var(--paper);color:var(--ink);padding:0 0 80px}
.local-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.local-facts-grid article{padding:28px 24px;border-right:1px solid var(--line2)}
.local-facts-grid article:first-child{padding-left:0}
.local-facts-grid article:last-child{border-right:0}
.local-facts-grid small{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#777;margin-bottom:12px}
.local-facts-grid strong{display:block;font-size:24px;letter-spacing:-.04em}
.map-local{background:var(--paper);color:var(--ink);padding:20px 0 110px}
.map-local-grid,.office-principal-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.map-copy h2,.office-copy h2,.agency-office h2,.agency-coverage h2{font-size:clamp(48px,6.5vw,92px);line-height:.87;letter-spacing:-.065em;margin:12px 0 24px}
.map-copy p,.office-copy p,.agency-office p,.agency-coverage p{color:#60605b;line-height:1.75;font-size:17px}
.map-shell{background:#111;min-height:470px;overflow:hidden;border:1px solid rgba(0,0,0,.12)}
.map-frame{display:block;width:100%;height:470px;border:0;filter:grayscale(15%) contrast(1.03)}
.local-services{padding-top:105px}
.office-principal{background:var(--black);color:#fff;padding:115px 0}
.office-principal .office-copy p{color:rgba(255,255,255,.66)}
.office-meta{display:flex;flex-direction:column;gap:8px;margin:25px 0;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.6)}
.office-principal .map-shell{border-color:rgba(255,255,255,.15)}
.local-related .related-grid a span small{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-top:8px}
.local-related .related-grid a:hover span small{color:rgba(255,255,255,.75)}
.agency-office{background:#fff;color:#111;padding:110px 0}
.agency-office-grid{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end}
.agency-office-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.darklink{color:#111;border-color:rgba(0,0,0,.4)}
.office-note{font-size:13px!important;max-width:780px}
.agency-coverage{background:var(--paper);color:#111;padding:100px 0}
.agency-coverage p{max-width:780px;margin-bottom:26px}
.zones-list{background:#fff;color:#111;padding:90px 0 120px}
.zones-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:26px}
.zones-toolbar input,.zones-toolbar select{width:100%;border:1px solid #cfcfc9;background:#fff;color:#111;padding:14px 15px;border-radius:0;outline:none}
.zones-toolbar input:focus,.zones-toolbar select:focus{border-color:var(--orange)}
.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d4d4ce;border:1px solid #d4d4ce}
.zone-item{background:#fff;min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
.zone-item:hover{background:var(--orange);color:#fff}
.zone-item strong{font-size:24px;letter-spacing:-.04em}
.zone-item small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#757570}
.zone-item:hover small{color:rgba(255,255,255,.8)}
.zone-empty{display:none;padding:30px 0;color:#666}
.zones-note{margin:0 0 35px;color:#666;line-height:1.7;max-width:820px}
@media(max-width:980px){
 .brand-name{font-size:17px}
 .local-facts-grid{grid-template-columns:repeat(2,1fr)}
 .local-facts-grid article:nth-child(2){border-right:0}
 .local-facts-grid article:nth-child(-n+2){border-bottom:1px solid var(--line2)}
 .map-local-grid,.office-principal-grid,.agency-office-grid{grid-template-columns:1fr;gap:40px}
 .zones-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .brand-name{font-size:14px;white-space:normal;line-height:1.02;max-width:210px}
 .brand-name small{font-size:7px}
 .local-facts{padding-bottom:60px}
 .local-facts-grid{grid-template-columns:1fr}
 .local-facts-grid article,.local-facts-grid article:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line2)}
 .local-facts-grid article:last-child{border-bottom:0}
 .map-local{padding:10px 0 80px}
 .map-shell,.map-frame{min-height:360px;height:360px}
 .map-copy h2,.office-copy h2,.agency-office h2,.agency-coverage h2{font-size:52px}
 .office-principal,.agency-office,.agency-coverage{padding:80px 0}
 .zones-toolbar{grid-template-columns:1fr}
 .zones-grid{grid-template-columns:1fr}
}