/* BTI service pages; all selectors are scoped to avoid altering the home. */
.service-page{overflow-x:clip}
.service-page header{height:100px}
.service-page .service-skip{position:absolute;top:12px;left:5%;transform:translateY(-200%);z-index:100;background:#f82177;color:white;padding:12px 18px;border-radius:5px}
.service-page .service-skip:focus{transform:none}
.service-hero{max-width:1600px;margin:auto;min-height:850px;padding:155px 8% 85px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:7%;align-items:center}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#aaa7a0;margin-bottom:46px}
.service-breadcrumb a:hover{text-decoration:underline}
.service-hero .eyebrow{font-size:9px;letter-spacing:1.7px}
.service-page h1{font:500 clamp(42px,4.7vw,72px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-2.7px;margin:25px 0}
.service-kind{display:block;font:500 14px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15px;color:#c8c1ca;margin:0 0 12px}
.service-hero-copy>p{font-size:15px;line-height:1.85;max-width:540px;color:#b8b1bc}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}
.service-actions .contact-button{gap:30px;padding:18px 24px;white-space:nowrap}
.service-actions .text-link{margin:0;font-size:11px}
.service-region{font-size:8px;letter-spacing:1.6px;color:#a9a0ac;margin-top:37px;line-height:1.8}
.service-hero-media{width:100%;max-width:370px;justify-self:end}
.service-cover{display:block;border:1px solid #ffffff20;padding:0;position:relative;overflow:hidden;width:100%;aspect-ratio:9/16;background:#161215;border-radius:3px}
.service-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}
.service-cover:hover>img{transform:scale(1.025)}
.service-cover .project-watch{left:68px;bottom:33px;font-size:8px}
.service-media-caption{display:block;color:#8c818f;font-size:8px;letter-spacing:1.5px;line-height:1.7;margin-top:14px}
.service-section{padding:95px 8%;border-top:1px solid #ffffff15}
.service-section h2{font:400 clamp(31px,3.4vw,48px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.7px}
.service-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:24px;align-items:start}
.service-intro-grid>p{color:#b8b1bc;font-size:14px;line-height:1.9}
.service-overview{background:#151216}
.service-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:65px}
.service-number{font-size:10px;letter-spacing:1px;color:#f85ca0}
.service-item{border-top:1px solid #ffffff25;padding-top:22px}
.service-item h3{font-weight:400;font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:20px 0 14px}
.service-item p{font-size:13px;line-height:1.85;color:var(--muted)}
.service-work .section-heading h2{margin-top:22px}
.service-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;max-width:790px}
.service-work-grid .project-screen{max-width:360px}
.service-work-grid .project-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.service-work-grid .project-copy p{font-size:11px}
.service-work-grid .project-copy h3{font-size:25px}
.service-work>.text-link{margin-top:35px}
.service-process{background:#151216;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.service-process h2,.service-faq h2{margin-top:24px}
.service-process>div>p{font-size:14px;color:#b8b1bc;line-height:1.9;margin-top:25px;max-width:450px}
.service-process ol{list-style:none;padding:0;margin:0}
.service-process li{display:flex;gap:25px;padding:25px 0;border-top:1px solid #ffffff25}
.service-process li>span{color:#f85ca0;font-size:10px;margin-top:5px}
.service-process li h3{font-size:20px;font-weight:400;line-height:1.4;margin-bottom:10px}
.service-process li p{font-size:13px;color:var(--muted);line-height:1.85}
.service-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}
.service-faq details{border-top:1px solid #ffffff25}
.service-faq details:last-child{border-bottom:1px solid #ffffff25}
.service-faq summary{font-size:15px;line-height:1.6;cursor:pointer;list-style:none;position:relative;padding:24px 32px 24px 0}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:after{content:'+';position:absolute;right:3px;top:24px;font-size:20px;color:#f85ca0}
.service-faq details[open] summary:after{content:'−'}
.service-faq details p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 20px 26px 0}
.service-faq summary:focus-visible{outline:2px solid #f85ca0;outline-offset:3px}
.service-related{background:#111010}
.service-related h2{margin:22px 0 32px}
.service-related nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-service{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0;border-top:1px solid #ffffff25;font-size:17px}
.related-service>span:last-child{color:#f85ca0;font-size:24px}
.related-service:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.service-section{padding-left:max(8%,calc((100% - 1344px)/2));padding-right:max(8%,calc((100% - 1344px)/2))}}
@media(max-width:1000px){.service-hero{gap:5%;grid-template-columns:1.2fr .8fr;padding-top:135px;min-height:750px}.service-page h1{font-size:48px}.service-actions{gap:22px}.service-items{gap:25px}.service-process{gap:8%}.service-faq{gap:6%}}
@media(max-width:760px){.service-page header{height:75px}.service-hero{display:flex;flex-direction:column;gap:40px;padding:105px 7% 60px;min-height:0;align-items:stretch}.service-breadcrumb{font-size:10px;margin-bottom:30px}.service-page h1{font-size:clamp(37px,9vw,53px);letter-spacing:-1.7px;margin:20px 0}.service-kind{font-size:12px;margin-bottom:12px}.service-hero-copy>p{font-size:13px;line-height:1.85}.service-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.service-region{margin-top:25px;font-size:7px;letter-spacing:1px}.service-actions{gap:24px;margin-top:25px}.service-actions .contact-button{font-size:12px;gap:24px;padding:17px 21px}.service-hero-media{width:78%;max-width:330px;align-self:center}.service-section{padding:65px 7%}.service-section h2{font-size:35px;letter-spacing:-1.3px}.service-intro-grid{grid-template-columns:1fr;gap:23px}.service-intro-grid>p{font-size:13px}.service-items{grid-template-columns:1fr;gap:30px;margin-top:40px}.service-item{padding-top:18px}.service-item h3{font-size:21px;margin:12px 0}.service-work-grid{gap:25px;grid-template-columns:1fr}.service-work-grid .project{max-width:360px}.service-work-grid .project-copy h3{font-size:23px}.service-process,.service-faq{grid-template-columns:1fr;gap:35px}.service-process>div>p{font-size:13px}.service-process li{padding:22px 0}.service-faq summary{font-size:14px}.service-related nav{grid-template-columns:1fr;gap:0}.related-service{font-size:18px;padding:24px 0}.service-page footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.service-cover>img,.service-detail-button{transition:none}}
