.service-hero{background:#151612;color:#fff;overflow:hidden;position:relative}
.service-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#4e43251f,transparent 34%);pointer-events:none}
.service-hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;min-height:680px}
.service-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:76px clamp(36px,6vw,88px) 76px 0}
.service-back{align-self:flex-start;color:#b9aa83;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:74px}
.service-hero h1{font:400 clamp(38px,5vw,72px)/1.02 Georgia,serif;letter-spacing:-.025em;margin:12px 0 28px;max-width:720px}
.service-intro{color:#c8c4bb;font-size:clamp(16px,1.5vw,20px);line-height:1.6;max-width:560px;margin-bottom:34px}
.service-hero .outline{border-color:#777165;color:#fff}
.service-visual{position:relative;min-height:680px;background:#24231d;overflow:hidden}
.service-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151612 0,transparent 22%),linear-gradient(0deg,#08090766,transparent 40%)}
.service-visual img{width:100%;height:100%;object-fit:cover;display:block}
.service-visual>span{position:absolute;z-index:2;right:28px;bottom:-28px;color:#fff2;font:400 clamp(110px,20vw,270px)/1 Georgia,serif;letter-spacing:-.08em}
.service-ribbon{background:#d2af63;color:#15140f}
.service-ribbon .wrap{min-height:68px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.service-ribbon span+span{border-left:1px solid #80692866}
.service-details{padding-top:110px;padding-bottom:110px}
.service-details-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;align-items:start;margin-bottom:68px}
.service-details-heading h2{font:400 clamp(42px,5.4vw,72px)/.98 Georgia,serif;letter-spacing:-.045em;max-width:820px;margin:0}
.service-list{border-top:1px solid #d8d1c4}
.service-list article{display:grid;grid-template-columns:70px minmax(210px,.75fr) 1.25fr;gap:28px;padding:30px 0;border-bottom:1px solid #d8d1c4;align-items:start}
.service-list article>span{color:#ad8a3d;font:11px monospace;padding-top:6px}
.service-list h3{font:400 clamp(22px,2.5vw,34px) Georgia,serif;margin:0}
.service-list p{color:#6b665c;max-width:560px;margin:4px 0 0}
.service-process{background:#e8e3d8;padding:110px 0}
.service-process>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,130px)}
.service-process h2{font:400 clamp(40px,5vw,68px)/.98 Georgia,serif;letter-spacing:-.045em;margin:10px 0 0}
.service-process ol{list-style:none;margin:0;padding:0;border-top:1px solid #c8c0b1}
.service-process li{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid #c8c0b1}
.service-process li>span{color:#9d7d38;font:11px monospace;padding-top:5px}
.service-process strong{font:400 23px Georgia,serif}
.service-process li p{color:#6a655c;margin:8px 0 0;max-width:480px}
.service-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,9vw,130px);padding-top:110px;padding-bottom:110px}
.service-faq h2{font:400 clamp(40px,5vw,68px)/.98 Georgia,serif;letter-spacing:-.045em;margin:10px 0 0}
.faq-list{border-top:1px solid #d2cabb}
.faq-list details{border-bottom:1px solid #d2cabb;padding:0}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:25px 0;font:400 clamp(19px,2vw,25px) Georgia,serif}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a17e32;font:24px Arial;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{color:#6a655c;max-width:650px;padding:0 44px 26px 0;margin:0;line-height:1.7}
.related-services{background:#24251f;color:#fff;padding:72px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4a493e;margin-top:26px}.related-grid a{background:#171813;color:#fff;text-decoration:none;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:background .25s}.related-grid a:hover{background:#313126}.related-grid strong{font:400 clamp(20px,2vw,28px) Georgia,serif}.related-grid span{color:#dfc77f;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.service-final{background:#11120f;color:#fff;text-align:center;padding:110px 20px}
.service-final h2{font:400 clamp(48px,7vw,92px)/.95 Georgia,serif;letter-spacing:-.055em;max-width:1000px;margin:14px auto 28px}
.service-final>div>p:not(.eyebrow){color:#aaa79e;line-height:1.8}
.service-final>div>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.service-final .outline{border-color:#777165;color:#fff}
@media(max-width:820px){
 .service-hero-grid{grid-template-columns:1fr;min-height:0;width:100%}
 .service-hero-copy{padding:58px 24px 54px}
 .service-back{margin-bottom:44px}
 .service-visual{min-height:60vh}
 .service-visual::after{background:linear-gradient(0deg,#151612 0,transparent 28%)}
 .service-ribbon .wrap{grid-template-columns:1fr;gap:0;padding:10px 0}
 .service-ribbon span{padding:10px}
 .service-ribbon span+span{border-left:0;border-top:1px solid #80692855}
 .service-details{padding-top:72px;padding-bottom:72px}
 .service-details-heading{grid-template-columns:1fr;gap:14px;margin-bottom:42px}
 .service-list article{grid-template-columns:42px 1fr;gap:14px}
 .service-list article p{grid-column:2}
 .service-process{padding:72px 0}
 .service-process>.wrap{grid-template-columns:1fr;gap:48px}
 .service-faq{grid-template-columns:1fr;gap:38px;padding-top:72px;padding-bottom:72px}
 .related-grid{grid-template-columns:1fr}
 .service-final{padding:78px 20px}
}

.service-list h3 a{color:inherit;text-decoration:none}
.service-list h3 a:hover{text-decoration:underline}

/* Photo strips from Paul's latest work (2026-09-29) */
.service-photos{padding:0 0 clamp(48px,6vw,84px)}
.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-strip figure{margin:0;background:#fff;border:1px solid var(--line)}
.photo-strip img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.photo-strip figcaption{padding:12px 16px;font-size:.8rem;color:var(--muted)}
@media(max-width:760px){.photo-strip{grid-template-columns:repeat(2,1fr)}}
