.detailing { --ink:#f4f0e8; --paper:#181b1c; --action:#e5b08d; --action-ink:#181b1c; --line:#69706d; }
.detail-header { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:22px 40px; border-bottom:1px solid #505653; }
.detail-header .business-logo img { width:280px; }.detail-header nav { display:flex; gap:30px; }.detail-header a { display:inline-flex; align-items:center; min-height:44px; gap:12px; text-decoration:none; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.detail-header-cta { color:#e5b08d; }.detail-hero { max-width:1600px; margin:auto; padding:35px 40px 48px; }.detail-kicker { display:flex; justify-content:space-between; gap:20px; font-size:9px; letter-spacing:.12em; }
.detail-kicker .eyebrow { color:#e5b08d; }.detail-hero h1 { font-family:Impact,'Arial Narrow',Arial,sans-serif; font-weight:400; font-size:clamp(4.5rem,9.5vw,9rem); text-transform:uppercase; letter-spacing:-.04em; line-height:.93; margin:30px 0; }
.detail-hero h1 em { font-style:normal; color:#e5b08d; }.detail-stage { display:grid; grid-template-columns:2.2fr 1fr; gap:28px; }.detail-stage .hero-image { height:400px; }.detail-stage .hero-image img { object-position:center 55%; }.detail-side-note { display:flex; flex-direction:column; justify-content:space-between; gap:24px; border-top:2px solid #e5b08d; padding:24px 0 0; }
.detail-side-note>span { font-size:11px; letter-spacing:.13em; line-height:1.8; }.detail-side-note p { font-size:15px; color:#d4d7ce; }.detail-side-note .button { width:100%; padding-inline:18px; }.detail-services { display:grid; grid-template-columns:1fr 1.35fr; gap:80px; background:#222727; }.detail-services h2 { margin-top:24px; font-family:Impact,'Arial Narrow',Arial,sans-serif; text-transform:uppercase; font-weight:400; font-size:4rem; }
.detail-service-list article { display:grid; grid-template-columns:26px 1fr 44px; gap:20px; padding:25px 0; border-top:1px solid #69706d; }.detail-service-list h3 { margin-bottom:14px; }.detail-service-list p { font-size:14px; color:#d4d7ce; }.detail-index { font-size:10px; color:#e5b08d; }.detail-service-list a { display:grid; place-items:center; width:44px; height:44px; color:#e5b08d; }
.detail-process { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:center; }.detail-process picture { height:620px; }.detail-process h2 { margin-top:22px; }.detail-process ol { list-style:decimal-leading-zero; padding-left:26px; margin-top:30px; }.detail-process li { border-top:1px solid var(--line); padding:22px 0 22px 12px; }.detail-process li p { color:#d4d7ce; font-size:14px; margin-top:12px; }.detail-area { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#222727; }.detail-area>div>h2 { margin:20px 0; }.detailing .estimate { background:#e5b08d; color:#181b1c; }.detailing .estimate .button { background:#181b1c; color:#f4f0e8; }.detailing .site-footer { border-top:1px solid var(--line); }
@media(max-width:850px) { .detail-header { flex-wrap:wrap; padding:18px 24px; gap:15px; }.detail-header nav { order:3; width:100%; justify-content:space-between; gap:12px; }.detail-header-cta { display:none!important; }.detail-hero { padding-inline:24px; }.detail-kicker>span { display:none; }.detail-stage { grid-template-columns:1fr; }.detail-stage .hero-image { height:350px; }.detail-side-note>span { display:none; }.detail-side-note { gap:20px; padding-top:20px; }.detail-side-note .button { width:auto; }.detail-services,.detail-process,.detail-area { grid-template-columns:1fr; gap:30px; }.detail-process picture { height:400px; }.detail-services h2 { font-size:3rem; } }
@media(max-width:480px) { .detail-hero h1 { font-size:clamp(2.7rem,11.8vw,3.5rem); }.detail-hero { padding-top:26px; }.detail-service-list article { grid-template-columns:22px minmax(0,1fr) 36px; gap:12px; }.detail-service-list a { width:36px; }.detail-service-list h3 { font-size:1.15rem; } }
@media(max-width:760px) { .detail-side-note { grid-row:1; }.detail-stage .hero-image { grid-row:2; } }