.navigation .nav-links{display:flex;align-items:center;gap:32px}
.local-summary{position:relative;z-index:3;background:#000;color:#fff;max-width:1000px;margin:80px auto 100px;padding:40px;border-top:1px solid #ffffff30}
.local-summary h2,.services-main h1,.services-main h2{font-family:'Saira Extra Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:0}
.local-summary h2{font-size:34px;line-height:1.15;margin:0 0 20px}
.local-summary p{font-size:16px;line-height:1.7;max-width:720px;color:#ccc}
.local-summary a,.services-main a{color:inherit;text-underline-offset:5px}
.local-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.services-page{background:#000;color:#fff}
.services-page .navigation{background:#000;mix-blend-mode:normal;border-bottom:1px solid #ffffff26}
.services-main{max-width:1200px;margin:0 auto;padding:150px 40px 100px}
.services-main h1{font-size:64px;line-height:1.1;max-width:900px;margin:0 0 30px}
.services-main .lead{font-size:20px;line-height:1.6;max-width:790px;color:#d0d0d0}
.services-main .eyebrow,.service-number{font:12px/1.5 var(--mono);text-transform:uppercase}
.services-main section{padding:48px 0;border-top:1px solid #ffffff30;margin-top:48px}
.services-main h2{font-size:36px;line-height:1.2;margin:0 0 20px}
.services-main p{line-height:1.75;max-width:760px;color:#ccc}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.service-list article{padding-top:24px}
.service-visual{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;margin:0 0 28px;border-bottom:1px solid #ffffff26;color:#fff;isolation:isolate}
.visual-main{width:80px;height:80px;display:grid;place-items:center;position:relative;z-index:2;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.visual-main svg{width:58px;height:58px;stroke-width:1}
.visual-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;width:136px;height:136px;transition:transform .8s ease,border-color .5s ease}
.orbit-two{width:200px;height:200px;border-style:dashed;opacity:.5}
.visual-satellite{position:absolute;width:44px;height:44px;display:grid;place-items:center;background:#000;z-index:2;border:1px solid #ffffff40;border-radius:50%;transition:transform .65s cubic-bezier(.22,1,.36,1),border-color .4s}
.visual-satellite svg{width:21px;height:21px;stroke-width:1.2}
.satellite-left{left:calc(50% - 128px);top:36px;transform:rotate(-12deg)}
.satellite-right{right:calc(50% - 128px);bottom:28px;transform:rotate(12deg)}
.visual-guide{position:absolute;top:50%;height:1px;width:calc(50% - 108px);background:#ffffff30}
.guide-left{left:0}.guide-right{right:0}
.visual-signal{position:absolute;bottom:14px;display:flex;align-items:flex-end;gap:5px;height:16px}
.visual-signal b{display:block;width:3px;height:5px;background:#ffffff70;transform-origin:bottom;transition:height .5s ease,background .5s}
.visual-signal b:nth-child(2),.visual-signal b:nth-child(4){height:9px}.visual-signal b:nth-child(3){height:15px}
.visual-film .visual-main{border:1px solid #ffffff50;border-radius:6px;width:100px;height:74px}
.visual-film .visual-main svg{width:44px;height:44px}
.visual-social .orbit-one{border-radius:32px;transform:rotate(-12deg);width:110px;height:150px}
.visual-ads .orbit-one{border-style:dashed}.visual-ads .orbit-two{border-style:solid}
.visual-leads .visual-main{border-bottom:1px solid #ffffff70}.visual-leads .orbit-two{border-radius:0;height:100px;width:216px;border-left:0;border-right:0;transform:rotate(-14deg)}
@media(hover:hover){
 .service-item:hover .visual-main{transform:translateY(-5px) scale(1.08)}
 .service-item:hover .orbit-one{transform:rotate(25deg) scale(1.08);border-color:#ffffff70}
 .service-item:hover .orbit-two{transform:rotate(-20deg) scale(.96)}
 .service-item:hover .satellite-left{transform:translate(-8px,-8px) rotate(0);border-color:#fff}
 .service-item:hover .satellite-right{transform:translate(8px,8px) rotate(0);border-color:#fff}
 .service-item:hover .visual-signal b{height:15px;background:#fff}
 .service-item:hover .visual-signal b:nth-child(2n){height:6px}
}
@media(prefers-reduced-motion:reduce){.service-visual *{transition:none!important}}
.service-list h3{font-size:23px;line-height:1.3;margin:14px 0}
.work-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}
.work-links img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.work-links a{display:block;font-size:15px;line-height:1.5}
.contact-service-copy{font-size:15px;line-height:1.7;max-width:540px;margin:0 0 36px}
.contact-service-copy a{color:inherit;text-underline-offset:4px}
.contact-page .navigation{background:var(--paper)}
@media(max-width:640px){
 .navigation .nav-links{gap:18px}
 .local-summary{margin:40px 22px 90px;padding:30px 0}
 .local-summary h2{font-size:28px}
 .services-main{padding:110px 22px 70px}
 .services-main h1{font-size:40px}
 .services-main .lead{font-size:17px}
 .services-main h2{font-size:29px}
 .service-list{grid-template-columns:1fr;gap:10px}
 .work-links{grid-template-columns:1fr 1fr;gap:24px 14px}
}
