.service-page{background:#090909;color:#e9e6df}
.service-hero{min-height:72vh;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line)}
.service-hero-copy{padding:95px 8%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 35%,#29261f 0,#11110f 38%,#090909 72%)}
.service-hero h1{font-family:'Italiana',serif;font-size:clamp(50px,6.4vw,92px);font-weight:400;line-height:.96;margin:0}
.service-hero-copy>p:not(.eyebrow){max-width:650px;color:#b9b6af;line-height:1.85;font-size:15px;margin:30px 0}
.service-hero-media{min-height:520px;overflow:hidden;position:relative}
.service-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.service-hero-media:after{content:"REPRESENTACIÓN ARTÍSTICA · PROYECTO ARIETTA";position:absolute;left:28px;bottom:22px;font-size:8px;letter-spacing:.18em;background:rgba(9,9,9,.74);padding:9px 12px}
.service-intro,.service-process,.service-areas,.service-faq{padding:105px 8%;border-bottom:1px solid var(--line)}
.service-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}
.service-intro h2,.service-process h2,.service-areas h2,.service-faq h2{font-family:'Italiana',serif;font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.04;margin:0 0 32px}
.service-intro p{font-size:15px;line-height:1.9;color:#aaa79f;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}
.service-grid article{background:#10100f;padding:38px 30px;min-height:235px}
.service-grid span{color:var(--gold);font-size:10px;letter-spacing:.18em}
.service-grid h3{font-family:'Italiana',serif;font-size:30px;font-weight:400;margin:20px 0 12px}
.service-grid p{font-size:12px;line-height:1.75;color:#96938d;margin:0}
.area-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}
.area-list span{border:1px solid var(--line);padding:18px 20px;color:#c2bfb8;font-size:12px}
.faq-list{max-width:900px;margin-top:42px}
.faq-list details{border-top:1px solid var(--line);padding:22px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-family:'Italiana',serif;font-size:25px}
.faq-list p{color:#aaa79f;line-height:1.8;max-width:760px}
.service-cta{text-align:center;padding:100px 8%;background:linear-gradient(135deg,#1c1913,#090909)}
.service-cta h2{font-family:'Italiana',serif;font-size:clamp(42px,5vw,70px);font-weight:400;margin:0 0 32px}
.breadcrumb{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#928e86;margin-bottom:30px}
.breadcrumb a{color:var(--gold)}
@media(max-width:900px){.service-hero{grid-template-columns:1fr}.service-hero-media{min-height:440px}.service-intro{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-hero-copy,.service-intro,.service-process,.service-areas,.service-faq{padding:70px 24px}.service-hero-media{min-height:360px}.service-grid{grid-template-columns:1fr}.area-list{grid-template-columns:1fr}.service-cta{padding:80px 24px}}