.service-hero{min-height:720px;padding:84px clamp(1.25rem,7vw,7rem) 3rem;display:grid;grid-template-columns:1.15fr .75fr;gap:clamp(2rem,5vw,5rem);background:var(--paper)}
.service-hero-copy{padding:clamp(5rem,10vw,9rem) clamp(2rem,7vw,7rem) 5rem 0;display:flex;flex-direction:column;justify-content:center}
.service-hero h1{font-size:clamp(4rem,7vw,7.5rem);max-width:780px}
.service-lead{max-width:620px;font-size:1.08rem;color:var(--muted);margin:2rem 0}
.service-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.3rem}
.service-meta span{border:1px solid var(--line);border-radius:100px;padding:.45rem .85rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.service-offer{margin:-1.25rem 0 2rem;color:var(--terracotta);font-size:.78rem}
.service-hero-photo{width:100%;max-width:480px;min-height:540px;align-self:center;justify-self:end;background:url("assets/hoop-beginner.jpg") center/cover no-repeat;position:relative}
.aerial-yoga-page .service-hero-photo{background-image:url("assets/aerial-yoga-standing.png");background-position:center 44%}
.aerial-hammock-page .service-hero-photo{background-image:url("assets/hammock-kings-pigeon-cleaned.png");background-position:center 58%}
.improver-pole-page .service-hero-photo{background-image:url("assets/improver-pole-gemini.png");background-position:center 51%;background-size:118% auto}
.discover-pole-page .service-hero-photo{background-image:none}
.service-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(56,41,35,.22))}
.service-photo-placeholder,.service-image-placeholder{overflow:hidden;background:linear-gradient(145deg,#ead8d1 0 48%,#dfb9ad 48% 51%,#f4ebe6 51%);color:var(--espresso);display:grid;place-items:center;text-align:center;isolation:isolate}
.service-photo-placeholder:before,.service-image-placeholder:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(91,62,52,.28);border-radius:50%;z-index:-1}
.service-photo-placeholder:after{background:linear-gradient(180deg,transparent 65%,rgba(56,41,35,.08))}
.service-photo-placeholder div,.service-image-placeholder{font-family:var(--serif)}
.service-photo-placeholder span,.service-image-placeholder span{display:block;font:600 .62rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta);margin-bottom:.8rem}
.service-photo-placeholder p,.service-image-placeholder p{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.12;max-width:300px;margin:0}
.service-details{background:var(--ivory);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}
.service-details h2,.service-expect h2,.service-cta h2{font-size:clamp(2.8rem,5vw,5rem)}
.service-story{font-size:1.05rem;max-width:720px}
.service-story p:first-child{font:clamp(1.6rem,2.4vw,2.4rem)/1.35 var(--serif);color:var(--espresso)}
.service-image-break{background:var(--paper);padding:0 clamp(1.25rem,7vw,7rem) clamp(5rem,9vw,9rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.service-image-break img{width:100%;max-width:680px;max-height:640px;justify-self:center;object-fit:cover;object-position:center 50%}
.aerial-hammock-page .service-image-break img.hammock-flying-photo{width:min(100%,520px);height:520px;object-position:center 38%}
.improver-pole-page .service-image-break img{width:min(100%,560px);height:620px;object-position:center 44%}
.service-image-placeholder{position:relative;width:100%;max-width:680px;min-height:540px;justify-self:center;padding:2rem}
.service-image-note{border-top:1px solid var(--line);padding-top:1.5rem}
.service-image-note p:last-child{font:clamp(1.45rem,2.4vw,2.2rem)/1.35 var(--serif);color:var(--espresso)}
.service-expect{background:var(--espresso);color:var(--ivory)}
.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #68554e;border-left:1px solid #68554e;margin-top:3.5rem}
.expect-card{padding:2rem;min-height:270px;border-right:1px solid #68554e;border-bottom:1px solid #68554e}
.expect-card span{display:block;color:var(--rose);font:1rem var(--serif);margin-bottom:4rem}
.expect-card h3{font-size:2rem;margin-bottom:1rem}
.expect-card p{font-size:.88rem;color:#d4c8c3;margin:0}
.service-practical{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#eee2dc}
.practical-card{background:var(--paper);padding:2rem}
.practical-card p:first-child{text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--terracotta);font-weight:600}
.practical-card h3{font-size:2rem;margin:.8rem 0}
.practical-card p:last-child{color:var(--muted);margin-bottom:0}
.service-cta{text-align:center;background:var(--blush)}
.service-cta p:not(.eyebrow){max-width:580px;margin:1.5rem auto 2.5rem}
.service-cta .button{min-width:210px}
.service-back{display:inline-block;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--terracotta)}
.service-kicker{font:clamp(1.35rem,2vw,2rem)/1.2 var(--serif);color:var(--terracotta);margin:.75rem 0 -.75rem}
@media(max-width:900px){.service-hero{grid-template-columns:1fr;padding-right:1.25rem}.service-hero-copy{padding-right:0}.service-hero-photo{max-width:560px;min-height:460px;justify-self:center}.service-details,.service-image-break{grid-template-columns:1fr}.expect-grid,.service-practical{grid-template-columns:1fr}.expect-card{min-height:0}.expect-card span{margin-bottom:1rem}}
@media(max-width:600px){.service-hero{padding-left:1.25rem}.service-hero-copy{padding-left:0}.service-hero-photo{min-height:420px}.service-image-break img{max-height:520px}.aerial-hammock-page .service-image-break img.hammock-flying-photo{height:440px}.improver-pole-page .service-image-break img{height:500px}.service-image-placeholder{min-height:420px}.service-meta{gap:.2rem}}
