/* Service page: the existing Jubilin palette and type, with live magic at center stage. */
.magic-page h1,.magic-page h2,.magic-page h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.025em}
.magic-page h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 1.2rem}
.magic-page h3{font-size:1.5rem;margin:0 0 .8rem}
.magic-page p{line-height:1.75}
.magic-page .section{padding:4.5rem 0}
.magic-hero{background:var(--navy-dark);color:var(--paper);padding:1.5rem 0 4.5rem;overflow:hidden}
.magic-hero .eyebrow{color:var(--yellow)}
.magic-breadcrumb{font-size:.8rem;display:flex;gap:.7rem;margin-bottom:2.5rem;color:#d6e4e8}
.magic-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.magic-hero__grid,.magic-split{display:grid;gap:2.5rem;align-items:center}
.magic-hero h1{font-size:clamp(2.6rem,5.2vw,4.5rem);max-width:14ch;margin:0 0 1.4rem;color:var(--paper)}
.magic-hero h1 span{color:var(--yellow)}
.magic-intro{font-size:1.1rem;max-width:48ch;color:#e2ebee}
.magic-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.6rem}
.magic-actions .text-link{color:var(--paper);margin:0;text-decoration-color:var(--yellow)}
.magic-note{font-size:.8rem;color:#cedde2;max-width:48ch;margin-top:1.4rem}
.magic-portrait,.magic-live{margin:0}
.magic-portrait{padding:.6rem .6rem 0;background:var(--paper);transform:rotate(2deg);box-shadow:12px 12px 0 var(--yellow);border-radius:4px}
.magic-portrait img,.magic-live img{display:block;width:100%;height:auto}
.magic-portrait figcaption{color:var(--navy);font-family:var(--font-display);padding:1rem;text-align:center;font-size:1.15rem}
.magic-live img{border-radius:var(--radius-md)}
.magic-live figcaption{font-size:.8rem;color:var(--ink-soft);padding-top:.6rem}
.magic-features{padding-left:1.3rem;line-height:1.8}
.magic-features li{padding:.25rem 0}
.magic-features li::marker{color:var(--coral)}
.magic-occasions{background:var(--yellow-soft)}
.magic-occasions .section-heading{max-width:52rem}
.magic-occasions__grid{display:grid;gap:1.8rem}
.magic-occasions article{border-top:3px solid var(--coral);padding-top:1.3rem}
.magic-occasions article p{margin-bottom:0}
.magic-steps{margin:0;padding-left:1.5rem;display:grid;gap:1.4rem}
.magic-steps li{padding-left:.5rem}
.magic-steps li::marker{font-family:var(--font-display);color:var(--coral);font-weight:700}
.magic-steps p{margin:0}
.magic-page .faq__intro h2{max-width:15ch}
.magic-page .faq__list a{text-decoration:underline}
.magic-footer{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.magic-footer strong{font-family:var(--font-display);font-size:1.5rem;color:var(--paper)}
.magic-footer p{font-size:.8rem}
.magic-footer nav{display:grid;gap:.8rem;align-content:start}
@media(min-width:760px){.magic-hero__grid,.magic-split{grid-template-columns:1fr 1fr;gap:3.5rem}.magic-occasions__grid{grid-template-columns:repeat(3,1fr)}.magic-page .section{padding:5.5rem 0}.magic-hero{padding-bottom:5.5rem}}
@media(max-width:400px){.magic-hero h1{font-size:2.45rem}.magic-actions .button{width:100%}.magic-portrait{margin-right:.7rem}}