/* CARBON | service detail pages — architectural charcoal / bronze. */
.service-detail-page{background:#151413;color:#f2ede8}
.service-detail-page .top{background:#131211}
.service-detail-page .detail-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,#483327 0%,#241d18 36%,#141210 73%)}
.detail-hero-inner{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:5%;max-width:1660px;margin:auto;padding:80px 8% 74px;min-height:590px}
.detail-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#8c7867;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.15em;margin-bottom:48px}
.detail-breadcrumb a:hover{color:#edb88d}.detail-breadcrumb strong{color:#dfb08c;font-weight:600}
.detail-tag{display:flex;gap:12px;align-items:center;color:#ddb088;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.25em;margin-bottom:24px}
.detail-tag-line{height:1px;width:36px;background:#cb966e}
.detail-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(47px,5.1vw,82px);font-weight:300;line-height:1.11;letter-spacing:-.053em;max-width:720px;margin:0 0 29px}
.detail-hero h1 em{font-style:normal;color:#e6b48d}
.detail-hero-lead{color:#ccbeb3;font-size:clamp(15px,1.2vw,18px);line-height:1.87;max-width:555px;margin-bottom:30px}
.detail-hero-actions,.detail-cta-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.detail-primary{font-size:10px;min-height:55px}.detail-primary span{font-size:18px;margin-left:5px}
.detail-hero-secondary{font:600 10px Manrope,Arial,sans-serif;letter-spacing:.12em;color:#d4af94;border-bottom:1px solid #987054;padding:6px 0}
.detail-hero-area{color:#9e8775;font:600 9px/1.8 Manrope,Arial,sans-serif;letter-spacing:.13em;margin:40px 0 0}
.detail-art{position:relative;min-height:410px;border:1px solid #80614a;box-shadow:0 35px 80px #0007;overflow:hidden;background:#201a16}
.detail-art::before{content:"";position:absolute;inset:14px;border:1px solid #b382592b;pointer-events:none;z-index:2}
.detail-art-photo{display:flex;flex-direction:column;justify-content:space-between;padding:22px 21px 15px;background:linear-gradient(140deg,#36291e,#171411)}
.detail-art-single,.detail-art-imgs{display:flex;align-items:center;justify-content:center;height:360px;overflow:hidden;gap:12px}
.detail-art-single img{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}
.detail-art-twin .detail-art-imgs img{max-width:47%;max-height:338px;width:auto;height:auto;object-fit:contain;background:#191512;border:1px solid #6d533d55}
.detail-art-meta{display:flex;justify-content:space-between;gap:14px;font:600 8px/1.6 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#e1b591;padding-top:13px}
.detail-art-graphic{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 43% 35%,#534032 0%,#29211b 36%,#141210 77%)}
.detail-art-graphic::after{content:"";position:absolute;left:17%;right:17%;top:22%;bottom:23%;border:1px solid #ac815e6b;transform:rotate(-9deg)}
.detail-art-graphic .detail-art-meta{position:absolute;bottom:16px;left:25px;right:25px;z-index:3}
.detail-art-large{position:absolute;top:-26px;right:34px;font-size:clamp(110px,17vw,245px);font-weight:300;font-family:Manrope,sans-serif;color:#d4a47516;line-height:1}
.detail-art-word{position:relative;z-index:1;font:300 clamp(33px,3.2vw,61px)/1.22 Manrope,Arial,sans-serif;letter-spacing:.08em;color:#d2a17b;text-align:center}
.detail-art-rule{position:absolute;bottom:100px;height:1px;width:80px;background:#b68b68;transform:rotate(-35deg)}
.detail-hero-bottom{padding:16px 8%;display:flex;justify-content:space-between;gap:15px;background:#191613;border-top:1px solid #5a4334;color:#a9927f;font:600 9px/1.6 Manrope,Arial,sans-serif;letter-spacing:.18em}
.detail-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:13%;background:#eee9e2;color:#201b18}
.detail-intro .eyebrow{color:#996945}.detail-intro h2{font-size:clamp(36px,4.3vw,62px)}.detail-intro h2 i{color:#ab714a}
.detail-intro-lead>p:not(.eyebrow){font-size:16px;line-height:1.94;color:#514840;max-width:630px}
.detail-link{display:inline-flex;align-items:center;gap:18px;margin-top:17px;padding-bottom:9px;border-bottom:1px solid currentColor;font:700 10px/1.6 Manrope,Arial,sans-serif;letter-spacing:.14em;color:#b78056}
.detail-link:hover{color:#e1ab83}.detail-link span{font-size:16px}
.detail-inclusions{border-left:1px solid #d0bba8;padding-left:42px}.detail-inclusions h3{font:500 27px Manrope,Arial,sans-serif;margin:0 0 29px}.detail-inclusions ul{list-style:none;margin:0;padding:0}.detail-inclusions li{padding:15px 0;border-bottom:1px solid #d6c8bc;display:flex;gap:18px;align-items:start;font-size:14px;line-height:1.6;color:#3a332e}
.detail-check{color:#a77b57;font-size:16px}.detail-scope-note{font-size:12px;line-height:1.85;color:#786c63;margin-top:24px}
.detail-process{background:linear-gradient(160deg,#211c18,#131211);border-top:1px solid #5b4537}
.detail-process-head{display:flex;justify-content:space-between;align-items:end;gap:8%;margin-bottom:43px}
.detail-process h2 i,.detail-faq-section h2 i,.detail-no-photos h2 i,.detail-work h2 i,.detail-cta h2 i{color:#e1b088}
.detail-process-head>p{max-width:370px;color:#b5a79a;font-size:14px;line-height:1.9}
.detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.detail-step{background:#29231e;border:1px solid #674b38;padding:32px 30px 37px;min-height:265px}
.detail-step-num{font:500 25px Manrope,Arial,sans-serif;color:#c99b75}.detail-step-num span{font-size:11px;color:#746354}.detail-step-tag{display:block;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.19em;margin:30px 0 10px;color:#bd9a7f}
.detail-step h3{font:500 20px Manrope,Arial,sans-serif;margin-bottom:13px;color:#f1e7de}.detail-step p{color:#b9ab9f;font-size:13px;line-height:1.85;margin:0}
.detail-work{background:#ece6dd;color:#28211b}.detail-work .eyebrow{color:#9c6a46}.detail-work h2 i{color:#ab714a}.detail-work-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.detail-work-head .detail-link{margin-bottom:30px;color:#81593c}
.detail-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.detail-work-card{border:1px solid #d1bbab;background:#181513;color:#eee5dd;display:flex;flex-direction:column;min-width:0}
.detail-work-image{height:260px;display:flex;align-items:center;justify-content:center;padding:17px;background:linear-gradient(140deg,#3a322c,#171513);overflow:hidden}
.detail-work-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}
.detail-work-card:hover img{transform:scale(1.025)}.detail-work-caption{display:flex;justify-content:space-between;gap:9px;padding:19px 18px;color:#dbcfc3;font:500 11px/1.6 Manrope,Arial,sans-serif}
.detail-work-caption span:last-child{color:#dbab83}.detail-work-disclaimer{font-size:11px;margin:17px 0 0;color:#6f6259}
.detail-no-photos{display:grid;grid-template-columns:1.2fr .7fr;gap:8%;align-items:center;padding:75px 8%;background:#2a241f;border-top:1px solid #70513d}
.detail-no-photos p:not(.eyebrow){max-width:510px;font-size:15px;line-height:1.9;color:#bdaca0}.detail-no-photos-mark{min-height:260px;border:1px solid #76573e;background:radial-gradient(circle at center,#5e4330,#201b17 64%);display:flex;align-items:center;justify-content:center;flex-direction:column}
.detail-no-photos-mark span{font:300 140px/1 Manrope,sans-serif;color:#cea076;opacity:.7}.detail-no-photos-mark small{color:#b79980;letter-spacing:.25em;font-size:9px}
.detail-faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:11%;background:#191614}.detail-faq-section>div:first-child>p:not(.eyebrow){color:#b8aaa0;line-height:1.85}
.detail-faq-section h2{font-size:clamp(35px,3.8vw,58px)}.detail-faq-list{border-top:1px solid #755844}.detail-faq{border-bottom:1px solid #755844;padding:0}.detail-faq summary{cursor:pointer;padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;font:500 15px/1.6 Manrope,Arial,sans-serif;color:#f1e4d9}.detail-faq summary::-webkit-details-marker{display:none}
.detail-faq-toggle{font-size:21px;font-weight:300;color:#d9a479}.detail-faq[open] .detail-faq-toggle{transform:rotate(45deg)}.detail-faq>p{color:#bcae9f;font-size:13px;line-height:1.88;margin:0 0 24px}
.detail-related{background:#22201d}.detail-related h2{font-size:clamp(34px,3.6vw,51px)}.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.detail-related-card{display:flex;align-items:start;flex-direction:column;min-height:161px;padding:22px 23px;border:1px solid #67513d;background:#2b251f;transition:border-color .2s,background .2s}.detail-related-card:hover{background:#3c3027;border-color:#c39672;color:#fff}
.detail-related-card>span:first-child{font-size:10px;color:#bd916f;letter-spacing:.14em}.detail-related-card strong{font:500 18px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em;margin-top:19px}.detail-related-card>span:last-child{font-size:21px;color:#dbaf8d;align-self:end;margin-top:auto}
.detail-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 40%,#745039 0%,#35271f 33%,#15110e 72%);border-top:1px solid #75533e;padding:91px 8% 87px}
.detail-cta>div{position:relative;z-index:1;max-width:860px}.detail-cta h2{font-size:clamp(40px,4.6vw,68px)}.detail-cta p:not(.eyebrow){color:#cdbfb1;font-size:16px}.detail-cta-actions{margin:33px 0}.detail-cta-actions>a:last-child{font:700 11px Manrope,sans-serif;color:#eac19c;letter-spacing:.12em}
.detail-cta small{font-size:11px;color:#b5a392}.detail-cta-decoration{position:absolute;right:5%;top:0;font:300 490px/1 Manrope,sans-serif;color:#f1b8840d;pointer-events:none}
@media(max-width:1050px){.detail-hero-inner{padding:65px 7%;gap:4%}.detail-art{min-height:320px}.detail-art-single,.detail-art-imgs{height:300px}.detail-art-single img{max-height:300px}.detail-art-twin .detail-art-imgs img{max-height:270px}.detail-intro{gap:7%}.detail-work-image{height:220px}}
@media(max-width:780px){.detail-hero-inner{grid-template-columns:1fr;gap:32px;padding:48px 7%}.detail-breadcrumb{margin-bottom:32px}.detail-hero h1{font-size:clamp(44px,8vw,67px)}.detail-art{min-height:330px}.detail-hero-area{margin-top:27px}.detail-intro,.detail-faq-section{grid-template-columns:1fr;gap:42px}.detail-inclusions{padding-left:28px}.detail-process-head{display:block}.detail-steps{grid-template-columns:1fr}.detail-step{min-height:unset}.detail-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-related-grid{grid-template-columns:1fr}.detail-related-card{min-height:122px}.detail-no-photos{grid-template-columns:1fr;gap:26px}.detail-no-photos-mark{min-height:170px}.detail-no-photos-mark span{font-size:85px}}
@media(max-width:520px){.detail-hero-inner{padding:39px 6%}.detail-hero h1{font-size:clamp(42px,11vw,58px)}.detail-breadcrumb{gap:7px;font-size:8px}.detail-hero-actions{align-items:stretch;flex-direction:column}.detail-hero-secondary{text-align:center}.detail-art{min-height:265px}.detail-art-photo{padding:13px}.detail-art-single,.detail-art-imgs{height:255px}.detail-art-single img{max-height:245px}.detail-art-twin .detail-art-imgs img{max-height:237px}.detail-hero-bottom{font-size:7px;line-height:1.6}.detail-steps{gap:10px}.detail-work-head{align-items:start;flex-direction:column}.detail-work-head .detail-link{margin-top:0;margin-bottom:6px}.detail-work-grid{grid-template-columns:1fr}.detail-work-image{height:295px}.detail-cta{padding:72px 6%}.detail-cta-actions{align-items:start;flex-direction:column}.detail-inclusions{border-left:none;border-top:1px solid #cdbbae;padding:28px 0 0}}
@media(prefers-reduced-motion:reduce){.detail-work-image img,.detail-related-card{transition:none}}
