/* Service stories: a fresh layout, independent of the old page-specific overlays. */
body.refined .service-page-v3{--service-border:#ffffff22;padding-bottom:64px}
.service-page-v3 .service-opening{padding-block:32px 48px}
.service-page-v3 .service-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:48px}
.service-page-v3 .service-hero-copy{padding-block:20px}
body.refined .service-page-v3 h1{font-size:clamp(50px,5.5vw,80px)!important;line-height:1.04!important;margin:22px 0 27px;text-wrap:balance}
.service-page-v3 .service-lead{max-width:560px;margin:0}
.service-page-v3 .service-local{display:flex;align-items:center;gap:12px;margin-top:32px;font-size:11px;letter-spacing:.09em;color:#b7c1b9}
.service-page-v3 .service-local:before{content:'';width:22px;height:1px;background:#f0c52e}
.service-page-v3 .service-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:28px}
.service-page-v3 .service-figure{margin:0;min-width:0;border:1px solid var(--service-border);border-radius:4px;background:#171d18;overflow:visible}
.service-page-v3 .service-figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain!important;object-position:center!important;clip-path:none!important;mask:none!important;filter:none!important;border-radius:3px}
.service-page-v3 .service-figure>figcaption{position:static;inset:auto;padding:17px 20px;font-size:13px;color:#c4ccc4;line-height:1.6;border-top:1px solid var(--service-border)}
.service-page-v3 .service-hero-art{position:relative;background:radial-gradient(ellipse at 55% 45%,#333a2d,#131615 75%)}
.service-page-v3 .service-hero-art:after{content:'';position:absolute;top:-1px;left:-1px;width:50px;height:50px;border-top:2px solid #f0c52e;border-left:2px solid #f0c52e;pointer-events:none}
.service-page-v3 .service-scope-v3{padding-block:48px;border-top:1px solid var(--service-border)}
.service-page-v3 .service-section-head{max-width:880px;margin-bottom:30px}
.service-page-v3 .service-section-head h2{font-size:clamp(35px,3.5vw,49px);line-height:1.12;margin:14px 0 20px}
.service-page-v3 .service-section-head>p{max-width:740px;margin:0}
.service-page-v3 .service-scope-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-page-v3 .service-scope-cards>article{border:1px solid var(--service-border);border-radius:4px;padding:28px;background:#1a201b;min-width:0}
.service-page-v3 .service-scope-cards svg,.service-page-v3 .build-layers svg{width:48px;height:48px;color:#f0c52e;margin-bottom:22px}
.service-page-v3 h3{font-size:29px;line-height:1.13;margin:0 0 17px;text-wrap:balance}
body.refined .service-page-v3 .service-scope-cards p{font-size:15px;margin:0;line-height:1.75}
.service-page-v3 .service-evidence,.service-page-v3 .service-materials,.service-page-v3 .service-floor-plan,.service-page-v3 .service-room-story{padding-block:48px;border-top:1px solid var(--service-border)}
.service-page-v3 .service-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-page-v3 .service-photo-pair .service-figure img,.service-page-v3 .service-room-story .service-figure img{aspect-ratio:auto;height:auto;background:transparent}
.service-page-v3 .service-evidence>.text-link{margin-top:24px}
.service-page-v3 .material-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-page-v3 .material-comparison article{padding:28px;border:1px solid var(--service-border);border-radius:4px;background:#1a201b}
.service-page-v3 .material-swatch{height:90px;background:#8d8a78;margin-bottom:28px;position:relative;overflow:hidden;border:1px solid #d6d0b344;border-radius:2px}
.service-page-v3 .material-swatch.substrate{background:repeating-linear-gradient(100deg,transparent 0 15px,#24272132 16px 18px),repeating-linear-gradient(10deg,#868777 0 6px,#aaa893 7px 11px)}
.service-page-v3 .material-swatch.substrate i{position:absolute;width:50px;height:25px;left:22%;top:25px;transform:rotate(-12deg);background:#434b40;clip-path:polygon(0 25%,35% 0,100% 22%,78% 100%,12% 87%)}
.service-page-v3 .material-swatch.substrate i:nth-child(2){left:65%;top:40px;width:70px}
.service-page-v3 .material-swatch.substrate i:nth-child(3){left:40%;top:55px;width:20px;height:12px}
.service-page-v3 .material-swatch.finish{background:linear-gradient(120deg,#f4efe0,#ccc8b9)}
.service-page-v3 .material-swatch.finish:after{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:#f0c52e}
.service-page-v3 .build-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--service-border);border-radius:4px;background:#1a201b}
.service-page-v3 .build-layers article{padding:28px;min-width:0}.service-page-v3 .build-layers article+article{border-left:1px solid var(--service-border)}
.service-page-v3 .build-layers p,.service-page-v3 .material-comparison p{margin:0}
.service-page-v3 .service-room-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.service-page-v3 .service-room-story .service-section-head{margin:0}.service-page-v3 .service-room-story .text-link{margin-top:25px}
.service-page-v3 .service-related{padding-block:0 38px}
.service-page-v3 .service-related>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.service-page-v3 .service-related a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid var(--service-border);font:500 27px/1.15 var(--display);background:#1a201b}
.service-page-v3 .service-related a:hover{border-color:#f0c52e;color:#f0c52e}.service-page-v3 .service-related svg{width:24px;height:24px;flex-shrink:0;color:#f0c52e}
.service-page-v3 .service-floor-plan{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center}
.service-page-v3 .service-floor-plan .service-section-head{margin:0}
.service-page-v3 .floor-plan-graphic{border:1px solid var(--service-border);background:#1a201b;border-radius:4px;padding:20px}
.service-page-v3 .floor-plan-graphic svg{display:block;width:100%;height:auto}
.service-page-v3 .service-decisions{padding-top:28px}
.service-page-v3 .service-question{border-block:1px solid var(--service-border);padding:0;margin-bottom:42px}
.service-page-v3 .service-question summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;font-size:18px;font-weight:600;line-height:1.5;cursor:pointer;list-style:none}
.service-page-v3 .service-question summary::-webkit-details-marker{display:none}
.service-page-v3 .service-question summary>span{font-size:27px;color:#f0c52e;flex-shrink:0}
.service-page-v3 .service-question[open] summary>span{transform:rotate(45deg)}
.service-page-v3 .service-question p{max-width:860px;margin:0 0 26px}
.service-page-v3 .service-estimate{padding:36px;background:#252c20;border:1px solid #f0c52e60;border-radius:4px;position:relative}
.service-page-v3 .service-estimate h2{font-size:38px;margin:14px 0 18px;line-height:1.13}
.service-page-v3 .service-estimate p{max-width:840px;margin:0}
.service-page-v3 .service-estimate>div{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:27px}
.service-page-v3 .service-phone{display:flex;align-items:center;gap:20px;font:500 33px/1.2 var(--display);color:#f0c52e}.service-page-v3 .service-phone svg{width:22px;height:22px}
@media(max-width:1100px){
 .service-page-v3 .service-hero-grid{gap:30px;grid-template-columns:1fr 1fr}
 body.refined .service-page-v3 h1{font-size:clamp(43px,6.2vw,63px)!important}
 .service-page-v3 .service-scope-cards{gap:16px}.service-page-v3 .service-scope-cards>article{padding:23px}
 .service-page-v3 h3{font-size:26px}
 .service-page-v3 .service-floor-plan{grid-template-columns:1fr;gap:26px}
 .service-page-v3 .service-room-story{gap:30px}
}
@media(max-width:759px){
 body.refined .service-page-v3{padding-bottom:40px}
 .service-page-v3 .service-opening{padding-block:27px 32px}
 .service-page-v3 .service-hero-grid{grid-template-columns:1fr;gap:28px}
 .service-page-v3 .service-hero-copy{padding:0}
 body.refined .service-page-v3 h1{font-size:clamp(45px,12vw,65px)!important;margin:17px 0 22px}
 .service-page-v3 .service-hero-actions{gap:17px 20px;margin-top:24px}
 .service-page-v3 .service-local{margin-top:25px}
 .service-page-v3 .service-scope-v3,.service-page-v3 .service-evidence,.service-page-v3 .service-materials,.service-page-v3 .service-room-story,.service-page-v3 .service-floor-plan{padding-block:34px}
 .service-page-v3 .service-section-head h2{font-size:35px}
 .service-page-v3 .service-scope-cards,.service-page-v3 .material-comparison,.service-page-v3 .build-layers,.service-page-v3 .service-photo-pair,.service-page-v3 .service-room-story{grid-template-columns:1fr;gap:18px}
 .service-page-v3 .service-scope-cards>article{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:18px;row-gap:12px;padding:24px 21px}
 .service-page-v3 .service-scope-cards svg{width:42px;height:42px;margin:0;grid-row:1/3}
 .service-page-v3 .service-scope-cards h3{font-size:27px;margin:0;text-wrap:pretty}
 .service-page-v3 .service-scope-cards p{grid-column:2}
 .service-page-v3 .material-comparison article{padding:24px}
 .service-page-v3 .build-layers{gap:0}.service-page-v3 .build-layers article+article{border-left:0;border-top:1px solid var(--service-border)}
 .service-page-v3 .service-related>div{grid-template-columns:1fr}.service-page-v3 .service-related a{font-size:27px;padding:20px}
 .service-page-v3 .service-figure>figcaption{font-size:12px;padding:15px 18px}
 .service-page-v3 .service-room-story{gap:28px}
 .service-page-v3 .floor-plan-graphic{padding:8px}.service-page-v3 .floor-plan-graphic svg{min-height:195px}
 .service-page-v3 .service-question summary{font-size:16px;padding-block:23px}
 .service-page-v3 .service-estimate{padding:25px 23px}.service-page-v3 .service-estimate h2{font-size:32px}
 .service-page-v3 .service-estimate>div{gap:24px}
}
