.service-detail .service-reel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,370px);align-items:center;gap:clamp(32px,7vw,112px);padding:72px 7%;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#74319640,transparent 58%),#170d27;border-bottom:1px solid #cf9fee26}
.service-reel-copy{max-width:660px}
.service-reel .eyebrow{color:#eac8aa;font-size:.875rem;letter-spacing:.15em;margin-bottom:20px}
.service-reel h2{font-size:clamp(2.25rem,4.7vw,4.5rem);letter-spacing:-.045em;line-height:1.07;text-wrap:balance}
.service-reel h2 em{color:#e3b8ff}
.service-detail .service-reel-copy>p{max-width:490px;font-size:1.0625rem;line-height:1.8;margin:24px 0 28px;color:#e0d3e9}
.service-reel .reel-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 24px;border:1px solid #dfb2ff;border-radius:999px;background:linear-gradient(135deg,#843ac2,#ad53bb);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.reel-action:hover{background:#9f4fca}
.reel-action:focus-visible{outline:3px solid #f7d6ff;outline-offset:5px}
.reel-action:disabled{cursor:wait;opacity:.7}
.service-detail .service-reel-copy .reel-status{font-size:.875rem;line-height:1.6;margin:14px 0 0;min-height:1.6em;color:#d6c1e3}
.service-reel-frame{width:100%;max-width:370px;justify-self:center;aspect-ratio:9/16;margin:0;border:1px solid #dfb0f357;border-radius:22px;overflow:hidden;background:#0c0712;box-shadow:0 26px 80px #08031299,0 0 70px #a641d11f}
.service-reel-frame video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#0c0712}
@media(max-width:760px){.service-detail .service-reel{grid-template-columns:1fr;padding:52px 6%;gap:30px}.service-reel-copy{text-align:center;margin:auto}.service-reel-copy>p{margin-left:auto!important;margin-right:auto!important}.service-reel .eyebrow{font-size:.8125rem}.service-reel h2{font-size:clamp(2.25rem,9vw,3.5rem)}.service-reel-frame{max-width:340px;border-radius:18px}}
