.detail-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:470px;border-bottom:2px solid var(--ep-line)}.detail-hero>div{align-self:center;padding:clamp(44px,7vw,82px) clamp(20px,5vw,62px) clamp(44px,7vw,82px) 8px}.detail-hero h1,.detail-request h2{margin:0;font-family:"Fraunces",Georgia,serif;font-weight:700;letter-spacing:-.07em;line-height:.88}.detail-hero h1{color:var(--ep-red);font-size:clamp(60px,8vw,103px)}.detail-hero p:not(.ep-kicker){max-width:40ch;margin:17px 0 0}.detail-hero figure{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:350px;margin:0;overflow:hidden;border-left:2px solid var(--ep-line);background:var(--ep-yellow)}.detail-hero figure::before{position:absolute;top:-52px;right:-52px;width:255px;height:255px;border:2px solid var(--ep-line);border-radius:50%;background:var(--ep-rose);content:""}.detail-hero img{position:relative;z-index:1;display:block;max-height:405px;max-width:93%;object-fit:contain;object-position:bottom}.detail-hero figcaption{position:absolute;z-index:2;right:15px;bottom:14px;padding:5px 8px;background:var(--ep-paper);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.production-detail .detail-hero figure{background:var(--ep-blue)}.lessons-detail .detail-hero figure{background:var(--ep-gold)}.repair-detail .detail-hero figure{background:var(--ep-yellow)}.detail-request{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,7vw,86px);padding:clamp(52px,9vw,92px) clamp(8px,4vw,44px);background:var(--ep-paper)}.detail-request h2{font-size:clamp(40px,5vw,62px)}.detail-request>div:last-child{align-self:center}.detail-request>div:last-child>p:first-child{margin:0}.detail-note{margin:18px 0 0;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.04em}@media(max-width:760px){.detail-hero,.detail-request{grid-template-columns:1fr}.detail-hero>div{padding-left:0}.detail-hero figure{min-height:340px;border-top:2px solid var(--ep-line);border-left:0}.detail-request{gap:28px}}

/* --- Music lessons --- */
/* Same treatment as the services page: centre the illustration in its
   panel rather than standing it on the floor, pin Fraunces' optical size
   low for the blunt period letterforms, and give the request band a
   colour so the page does not end on flat paper. Rose hero + blue band
   is the Avon pairing, and it makes the yellow button read. */
.lessons-detail .detail-hero figure{align-items:center;padding:26px}
.lessons-detail .detail-hero img{max-height:380px;max-width:84%;object-position:center}
.lessons-detail .detail-request{background:var(--ep-blue)}
@media(max-width:760px){.lessons-detail .detail-hero figure{padding:20px}.lessons-detail .detail-hero img{max-height:290px}}

/* --- Electronic repair --- */
/* Same treatment as the other service pages. repair1.png is only 138px
   square natively, so it is capped well below the 405px base to keep the
   clip-art edges from going soft — a larger source file would let it
   fill the panel properly. */
.repair-detail .detail-hero figure{align-items:center;padding:26px}
.repair-detail .detail-hero img{max-height:250px;max-width:80%;object-position:center}
.repair-detail .detail-request{background:var(--ep-rose)}
@media(max-width:760px){.repair-detail .detail-hero figure{padding:20px}.repair-detail .detail-hero img{max-height:200px}}

/* --- Producing --- */
.production-detail .detail-hero figure{align-items:center;padding:26px}
.production-detail .detail-hero img{max-height:380px;max-width:84%;object-position:center}
.production-detail .detail-request{background:var(--ep-gold)}
@media(max-width:760px){.production-detail .detail-hero figure{padding:20px}.production-detail .detail-hero img{max-height:290px}}