.service-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding-block:58px 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#aaa;margin-bottom:42px}.breadcrumbs a:hover{color:white}.breadcrumbs [aria-current]{color:#ddd}.service-hero h1{font-size:clamp(52px,5.2vw,72px);letter-spacing:-2.8px;line-height:1.07}.service-hero h1 span{color:var(--blue)}.service-lead{font-size:14px;color:var(--muted);margin-top:25px;max-width:490px}.service-hero-image{height:540px;position:relative;border-radius:3px;overflow:hidden;background:#000}.service-hero-image img{width:100%;height:100%;object-fit:cover}.service-hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#000d)}.service-hero-image>span{position:absolute;bottom:23px;left:24px;font-size:10px;letter-spacing:1.3px;z-index:1}.service-navigation{border-block:1px solid #333;background:#151515}.service-navigation>.container{display:flex;gap:34px;align-items:center;padding-block:19px}.service-navigation a{font-size:11px;color:#ccc;padding-block:5px;border-bottom:1px solid transparent}.service-navigation a[aria-current]{color:white;border-color:var(--blue)}.service-navigation a:hover{color:white}.service-navigation a:last-child{margin-left:auto;display:flex;align-items:center;gap:13px}.service-hero .hero-actions .button{padding-inline:20px;gap:16px;font-size:12px}.service-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-example{position:relative;height:390px;border-radius:3px;overflow:hidden;background:#000}.service-example img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-example:hover img{transform:scale(1.04)}.service-example:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000d)}.service-example h3{position:absolute;bottom:24px;left:24px;right:30px;font-size:17px;font-weight:500;z-index:1}.service-example>span{position:absolute;top:17px;right:17px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#0003}.equipment-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.equipment-filter button{border:1px solid #555;background:transparent;color:#ddd;border-radius:3px;font-size:11px;padding:10px 18px;min-height:42px}.equipment-filter button[aria-pressed=true]{background:var(--blue);color:black;border-color:var(--blue);font-weight:600}.equipment-filter button:hover{border-color:var(--blue)}.equipment-count{font-size:10px;color:var(--muted);margin-bottom:20px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.equipment-card{border:1px solid #333;border-radius:3px;overflow:hidden;background:#161616;display:flex;flex-direction:column}.equipment-image{display:block;position:relative;height:220px;background:#000}.equipment-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .3s}.equipment-image:hover img{transform:scale(1.04)}.equipment-image>span{position:absolute;top:12px;right:12px;background:#111;border:1px solid #666;border-radius:50%;width:27px;height:27px;text-align:center;line-height:25px;font-size:13px}.equipment-copy{padding:22px;display:flex;flex-direction:column;flex:1}.equipment-copy>p{font-size:8px;text-transform:uppercase;letter-spacing:1.1px;color:#aaa;margin-bottom:9px}.equipment-copy h3{font-size:17px;font-weight:500;line-height:1.4;margin-bottom:25px}.equipment-copy .text-link{font-size:10px;align-self:flex-start;gap:13px;margin-top:auto}.screens-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.screen-example{background:#151515;border:1px solid #333;border-radius:3px;overflow:hidden}.screen-example>img{width:100%;height:490px;object-fit:contain;background:#000}.screen-example>div{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.screen-example h3{font-size:17px;line-height:1.4;font-weight:500}.screen-example>div>span{color:var(--blue);font-size:24px}
@media(max-width:1000px){.service-hero{gap:35px}.service-hero-image{height:500px}.service-hero h1{font-size:54px}.equipment-grid{grid-template-columns:repeat(3,1fr)}.equipment-image{height:210px}.service-example{height:320px}.service-example h3{left:17px;bottom:18px;font-size:15px}.screen-example>img{height:420px}}
@media(max-width:760px){.service-hero{grid-template-columns:1fr;gap:35px;padding-block:30px 45px}.breadcrumbs{font-size:9px;margin-bottom:32px}.service-hero h1{font-size:clamp(45px,11vw,62px);letter-spacing:-2px}.service-hero .eyebrow{font-size:9px}.service-lead{font-size:12px;margin-top:20px}.service-hero-image{height:350px}.service-hero .hero-actions{margin-top:25px}.service-navigation>.container{gap:17px;flex-wrap:wrap;padding-block:16px}.service-navigation a{font-size:10px}.service-navigation a:last-child{margin-left:0;flex-basis:100%;margin-top:2px}.service-examples{grid-template-columns:1fr;gap:15px}.service-example{height:320px}.service-example h3{font-size:17px;left:20px;bottom:20px}.equipment-grid{grid-template-columns:1fr 1fr;gap:14px}.equipment-image{height:180px}.equipment-image img{padding:16px}.equipment-copy{padding:16px}.equipment-copy h3{font-size:14px;margin-bottom:20px}.equipment-copy .text-link{font-size:9px;gap:7px}.equipment-copy>p{font-size:7px;letter-spacing:.6px}.equipment-filter{gap:8px}.equipment-filter button{padding:9px 13px;font-size:10px}.screens-grid{grid-template-columns:1fr;gap:20px}.screen-example>img{height:430px}.screen-example>div{padding:20px}.screen-example h3{font-size:15px}}
@media(max-width:380px){.equipment-grid{grid-template-columns:1fr}.equipment-image{height:250px}.equipment-copy h3{font-size:17px}.equipment-copy .text-link{font-size:11px}.service-hero-image{height:320px}.screen-example>img{height:360px}}
@media(prefers-reduced-motion:reduce){.service-example img,.equipment-image img{transition:none}}
/* Desktop readability adjustment */
@media(min-width:761px){.breadcrumbs{font-size:13px}.service-lead{font-size:17px}.service-hero-image>span{font-size:13px}.service-navigation a{font-size:14px}.service-hero .hero-actions .button{font-size:15px}.service-example h3{font-size:19px}.equipment-filter button{font-size:14px}.equipment-count{font-size:13px}.equipment-image>span{font-size:16px}.equipment-copy>p{font-size:11px}.equipment-copy h3{font-size:19px}.equipment-copy .text-link{font-size:13px}.screen-example h3{font-size:19px}}