/* Shared service design, independent of the existing scroll choreography. */
.service-detail{--ink:#121212;--paper:#f7f5ee;--gold:#f2cf36;--line:#ffffff24}
.service-detail .sn{background:#121212ed}
.service-detail .hr{min-height:760px;height:100svh;padding:clamp(24px,5vw,80px);padding-top:110px}
.service-detail .hr-bg::after{background:linear-gradient(90deg,#121212ce,#12121238),linear-gradient(0deg,#121212 0%,#12121235 75%)}
.service-detail .hr-meta{left:clamp(24px,5vw,80px);font-size:11px;line-height:1.8;color:#d3d0c6}
.service-detail .hr-h1{font-weight:400;color:#f7f5ee;line-height:.94;letter-spacing:-.055em;font-size:clamp(72px,10.8vw,166px)}
.service-detail .hr-h1>.msk:last-child{color:#f2cf36}
.service-detail .hr-sub{font-size:clamp(20px,2vw,29px);font-weight:400;line-height:1.3;max-width:25ch;color:#dedbd1;padding-bottom:8px}
.detail-hero-actions{position:relative;z-index:3;display:flex;align-items:center;gap:28px;width:min(100%,1440px);margin:32px auto 0}
.detail-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#f2cf36;color:#121212;text-decoration:none;padding:10px 10px 10px 24px;border-radius:100px;min-height:56px;font-size:15px;transition:background .25s,transform .25s}
.detail-button span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#121212;color:#f2cf36;font-size:24px}
.detail-button:hover{background:#ffe575;transform:translateY(-3px)}
.detail-text-link{color:#f7f5ee;text-decoration:none;border-bottom:1px solid #ffffff50;padding:12px 0;font-size:14px}
.detail-brief{background:#f7f5ee;color:#191917;padding:clamp(72px,9vw,144px) clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative}
.detail-eyebrow{font:11px ui-monospace,monospace;letter-spacing:.18em;margin:0 0 26px;color:#6b6250}
.detail-brief h2{font-size:clamp(34px,4.1vw,64px);line-height:1.03;letter-spacing:-.045em;font-weight:400;max-width:16ch;margin:0}
.detail-description{color:#5d5b53;font-size:17px;line-height:1.7;max-width:43ch;margin:28px 0 0}
.detail-rows{align-self:center}
.detail-row{display:flex;gap:22px;border-top:1px solid #19191726;padding:28px 0;transition:padding .35s,background .35s}
.detail-row:last-child{border-bottom:1px solid #19191726}
.detail-number{font:11px ui-monospace,monospace;color:#796100;padding-top:8px}
.detail-row h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0 0 12px}
.detail-row p{font-size:15px;line-height:1.65;color:#5d5b53;margin:0;max-width:38ch}
.detail-row-arrow{margin-left:auto;font-size:24px;color:#796100}
.detail-row:hover{padding-left:12px}
.service-detail .tr{--gold:#796100;background:#f7f5ee;color:#191917}
.service-detail .tr-title{letter-spacing:-.04em}
.service-detail .tr-title em{color:#796100}
.service-detail .ft{background:radial-gradient(ellipse at right bottom,#f2cf3610,transparent 60%),#121212}
.detail-related{padding:70px clamp(24px,6vw,96px);background:#ede9df;color:#191917}
.detail-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.detail-related a{display:flex;justify-content:space-between;align-items:center;color:#191917;text-decoration:none;font-size:clamp(20px,2.1vw,32px);letter-spacing:-.03em;border-top:1px solid #19191735;padding:22px 0;transition:color .25s}
.detail-related a:hover{color:#796100}
@media(max-width:760px){.service-detail .hr{min-height:740px}.service-detail .hr-h1{font-size:clamp(66px,15vw,104px)}.service-detail .hr-in{gap:24px}.service-detail .hr-sub{font-size:20px}.detail-hero-actions{align-items:flex-start;gap:18px;flex-wrap:wrap;margin-top:26px}.detail-brief{grid-template-columns:1fr;gap:40px}.detail-related>div{grid-template-columns:1fr 1fr}.detail-row{gap:14px}.detail-brief h2{max-width:19ch}}
@media(prefers-reduced-motion:reduce){.detail-button,.detail-row{transition:none}}