/* Service pages share the portfolio's type, graphite base and restrained lime. */
.service-page{background:radial-gradient(ellipse 620px 460px at 95% 7%,#63794114,transparent 75%),#101514;color:#f2f1e8}
.service-shell{width:min(1240px,calc(100% - 2 * var(--gutter)));margin-inline:auto}
.service-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #34382f}
.service-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:#a3a69a}
.service-header nav a:hover,.service-footer a:hover{color:#d5ff62}
.service-brand img{width:34px;height:34px}
.service-breadcrumb{padding-block:30px;font:11px Manrope,Arial,sans-serif;color:#a3a69a}
.service-breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.service-breadcrumb li+li:before{content:'/';margin-right:10px;color:#64705a}
.service-breadcrumb a:hover{color:#d5ff62}
.service-hero{position:relative;padding:40px 0 68px;border-bottom:1px solid #34382f;overflow:hidden}
.service-kickerline{display:flex;align-items:center;gap:13px;margin:0 0 25px;color:#c4d7a8;font:10px monospace;letter-spacing:.14em}
.service-kickerline:before{content:'';width:26px;height:1px;background:#d5ff62}
.service-hero h1{position:relative;z-index:1;max-width:1000px;margin:0;font-weight:500;font-size:clamp(42px,6.2vw,88px);line-height:1.06;letter-spacing:-.06em;text-wrap:balance}
.service-hero .service-lead{position:relative;z-index:1;max-width:720px;margin:28px 0 0;color:#b8bead;font-size:clamp(16px,1.6vw,20px);line-height:1.8}
.service-hero .service-actions{margin-top:30px}
.service-hero-number{position:absolute;right:8px;bottom:6px;font-size:clamp(160px,23vw,315px);font-weight:800;letter-spacing:-.09em;line-height:.85;color:#c3d4ac05;-webkit-text-stroke:1px #bcd19718;pointer-events:none;user-select:none}
.service-actions{display:flex;flex-wrap:wrap;gap:12px}
.service-actions .btn{gap:35px}
.service-link-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-page .btn .service-link-icon{width:21px;height:21px}
.service-section{padding-top:64px}
.service-section h2,.service-contact h2{max-width:850px;margin:0 0 24px;font-weight:500;font-size:clamp(27px,3.1vw,42px);letter-spacing:-.045em;line-height:1.2;text-wrap:balance}
.service-section>p{max-width:840px;font-size:15px;line-height:1.9;color:#abb2a2}
.service-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.service-outcomes li{padding:28px;background:linear-gradient(145deg,#b5d78a08,transparent 90%),#161a14;border:1px solid #343b2d;border-radius:16px}
.service-outcomes li>span{display:block;margin-bottom:24px;color:#b4ca95;font:11px monospace;letter-spacing:.08em}
.service-outcomes h3{font-size:18px;letter-spacing:-.025em;line-height:1.35;font-weight:600;margin:0 0 12px}
.service-outcomes p{font-size:13px;line-height:1.9;margin:0;color:#a3ad98}
.service-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-block:64px 0}
.service-editorial h2{max-width:330px}
.service-editorial-copy p{margin:0 0 18px;font-size:15px;line-height:1.95;color:#abb2a2}
.service-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:service-step;list-style:none;padding:0;margin:0}
.service-steps li{border-top:1px solid #414b35;padding-top:20px;counter-increment:service-step}
.service-steps li:before{content:'0' counter(service-step);font:11px monospace;color:#bdd392}
.service-steps h3{font-size:17px;font-weight:600;margin:18px 0 10px;letter-spacing:-.02em}
.service-steps p{margin:0;font-size:13px;line-height:1.9;color:#a3ad98}
.service-faq{max-width:930px}
.service-faq details{border-top:1px solid #343b2d}
.service-faq details:last-child{border-bottom:1px solid #343b2d}
.service-faq summary{position:relative;list-style:none;padding:24px 45px 24px 0;cursor:pointer;font-size:16px;font-weight:500;line-height:1.6}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:after{content:'+';position:absolute;right:12px;top:22px;font-size:23px;line-height:1.3;color:#d5ff62}
.service-faq details[open] summary:after{content:'−'}
.service-faq summary:focus-visible{outline:2px solid #d5ff62;outline-offset:3px}
.service-faq details p{max-width:820px;margin:0;padding:0 36px 26px 0;color:#abb2a2;font-size:14px;line-height:1.95}
.service-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-related a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px;border:1px solid #343b2d;border-radius:12px;background:#171b14;transition:border-color .2s,background .2s;font-size:16px;line-height:1.5}
.service-related a:hover{border-color:#819662;background:#1d2518}
.service-related .service-link-icon{color:#d5ff62}
.service-contact{position:relative;margin-block:64px;padding:42px;border-radius:20px;border:1px solid #5b6e413d;background:radial-gradient(ellipse at 100% 0,#798f3f22,transparent 60%),#191f15}
.service-contact>p{max-width:680px;font-size:15px;line-height:1.9;color:#b4beaa;margin:0 0 25px}
.service-contact-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:25px 0 0;font-size:13px;color:#c7d1bb}
.service-contact-links a{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding-block:7px;border-bottom:1px solid #8ea27044;overflow-wrap:anywhere}
.service-contact-links a>span{min-width:0}
.service-contact-links .service-link-icon,.service-footer .service-link-icon{width:16px;height:16px}
.service-contact-links a:hover{color:#d5ff62;border-color:#d5ff62}
.service-footer{padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8f9984;font-size:11px}
.service-footer p{margin:0}
.service-footer>div{display:flex;gap:20px;flex-wrap:wrap}
.service-footer a{display:inline-flex;align-items:center;gap:7px}
.service-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
.service-controls .theme-toggle{width:34px;height:34px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid #34382f;border-radius:50%;color:#f2f1e8}
.service-controls .theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-controls .theme-sun{display:none}.service-controls .theme-moon{line-height:0}.service-controls .theme-toggle span{line-height:0}
.service-controls .lang{display:flex;gap:7px;align-items:center;border:0;padding:10px 0;background:transparent;color:#a3a69a;font-size:10px;font-weight:700}
.service-controls .lang-active{color:#f2f1e8;border-bottom:1px solid currentColor}
.service-controls .theme-toggle:hover,.service-controls .lang:hover{color:#d5ff62}
html[data-theme='light'] .service-page{background:radial-gradient(ellipse 620px 460px at 95% 7%,#a8bd6f24,transparent 75%),#f1f2e9;color:#181d15}
html[data-theme='light'] .service-header{border-color:#cbd4c0}
html[data-theme='light'] .service-header nav,html[data-theme='light'] .service-breadcrumb,html[data-theme='light'] .service-footer{color:#5e6659}
html[data-theme='light'] .service-header nav a:hover,html[data-theme='light'] .service-footer a:hover,html[data-theme='light'] .service-breadcrumb a:hover{color:#4d6620}
html[data-theme='light'] .service-breadcrumb li+li:before{color:#93a083}
html[data-theme='light'] .service-hero{border-color:#cbd4c0}
html[data-theme='light'] .service-kickerline{color:#536d36}
html[data-theme='light'] .service-kickerline:before{background:#6f8730}
html[data-theme='light'] .service-hero .service-lead,html[data-theme='light'] .service-section>p,html[data-theme='light'] .service-editorial-copy p,html[data-theme='light'] .service-steps p,html[data-theme='light'] .service-faq details p{color:#5f695c}
html[data-theme='light'] .service-hero-number{color:#617f2208;-webkit-text-stroke-color:#4f681b1c}
html[data-theme='light'] .service-outcomes li{background:linear-gradient(145deg,#8aa53e12,transparent 90%),#fbfcf6;border-color:#cbd6c5;box-shadow:0 14px 34px #293d2010}
html[data-theme='light'] .service-outcomes li>span,html[data-theme='light'] .service-steps li:before{color:#55702d}
html[data-theme='light'] .service-outcomes p{color:#5c675a}
html[data-theme='light'] .service-steps li,html[data-theme='light'] .service-faq details{border-color:#c9d4c0}
html[data-theme='light'] .service-faq summary:after{color:#55702d}
html[data-theme='light'] .service-faq summary:focus-visible{outline-color:#6a8231}
html[data-theme='light'] .service-related a{background:#fbfcf6;border-color:#cbd6c5;box-shadow:0 12px 30px #293d200b}
html[data-theme='light'] .service-related a:hover{background:#fff;border-color:#8ba277}
html[data-theme='light'] .service-related .service-link-icon{color:#526d26}
html[data-theme='light'] .service-contact{border-color:#b9c9a6;background:radial-gradient(ellipse at 100% 0,#b6ce6b3b,transparent 60%),#fbfcf6;box-shadow:0 18px 42px #293d2012}
html[data-theme='light'] .service-contact>p{color:#5b6658}
html[data-theme='light'] .service-contact-links{color:#4c5b4d}
html[data-theme='light'] .service-contact-links a{border-color:#91a57675}
html[data-theme='light'] .service-contact-links a:hover{color:#4d6620;border-color:#6f8730}
html[data-theme='light'] .service-controls .theme-toggle{color:#181d15;border-color:#cbd4c0}
html[data-theme='light'] .service-controls .theme-sun{display:block}
html[data-theme='light'] .service-controls .theme-moon{display:none}
html[data-theme='light'] .service-controls .lang{color:#606657}
html[data-theme='light'] .service-controls .lang-active{color:#181d15}
html[data-theme='light'] .service-controls .theme-toggle:hover,html[data-theme='light'] .service-controls .lang:hover{color:#4d6620}
html[data-theme='light'] .btn-ghost{background:transparent;color:#181d15;border-color:#cbd4c0}
html[data-theme='light'] .btn-ghost:hover{background:#ffffff;border-color:#8ba277}
@media(min-width:1600px){.service-page{--gutter:100px}}
@media(max-width:800px){.service-hero{padding-top:25px;padding-bottom:48px}.service-header{min-height:84px}.service-header nav{gap:18px}.service-controls{gap:10px}.service-outcomes{grid-template-columns:1fr}.service-outcomes li{padding:25px}.service-outcomes li>span{margin-bottom:15px}.service-editorial{grid-template-columns:1fr;gap:0}.service-editorial h2{max-width:none}.service-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.service-section{padding-top:48px}.service-contact{padding:30px;margin-block:48px}.service-hero-number{bottom:15px;right:0}}
@media(max-width:480px){.service-header{align-items:flex-start;padding-block:22px;gap:18px}.service-header nav{order:3;width:100%;gap:12px;font-size:10px;justify-content:flex-start;padding-top:4px}.service-controls{margin-left:0}.service-brand{font-size:18px;gap:7px}.service-brand img{width:28px;height:28px}.service-hero h1{font-size:clamp(34px,10.8vw,42px);overflow-wrap:anywhere}.service-breadcrumb{padding-block:24px;font-size:10px}.service-hero{padding-top:15px}.service-hero .service-lead{font-size:15px}.service-hero-number{opacity:.5}.service-related{grid-template-columns:1fr}.service-steps{gap:26px 18px}.service-steps h3{font-size:16px}.service-contact{padding:26px 22px}.service-contact h2{font-size:29px}.service-faq summary{font-size:15px}.service-footer{align-items:flex-start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-page *{transition:none!important}}
