/* ============================================================
   SERVICE DETAIL PAGES — services/*.html (round 5, 2026-09-29)
   The eight service pages in the new design: a dark stage entrance with
   the service's own film behind glass, then the facts in plain terms.
   Uses site.css tokens and its opt-in glass/3D layer (.gcard, .g3d[data-tilt]).
   Engine: service-pages.js · strings: i18n-service-pages.js
   ============================================================ */

/* church pieces marked data-release="pending" show only on the private preview path (see the page head) */
.rel-public [data-release="pending"]{display:none!important}

/* ---- the bar over the dark stage (same values services.html uses) ---- */
.sp-page .nav.nav-lite:not(.scrolled) .nav-logo .wm{color:#F5F2EC;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.sp-page .nav.nav-lite:not(.scrolled) .mark .cr{stroke:#F5F2EC}
.sp-page .nav.nav-lite:not(.scrolled) .nav-links a,
.sp-page .nav.nav-lite:not(.scrolled) .nav-links .drop-lbl{color:rgba(245,242,236,.92);text-shadow:0 1px 6px rgba(0,0,0,.5),0 2px 14px rgba(0,0,0,.4)}
.sp-page .nav.nav-lite:not(.scrolled) .nav-links a:hover,
.sp-page .nav.nav-lite:not(.scrolled) .nav-links a.active,
.sp-page .nav.nav-lite:not(.scrolled) .nav-drop:hover .drop-lbl{color:var(--brass-on-dark)}
.sp-page .nav.nav-lite:not(.scrolled) .lang-btn,
.sp-page .nav.nav-lite:not(.scrolled) .theme-btn{border-color:rgba(245,242,236,.36);background:rgba(255,255,255,.06);color:rgba(245,242,236,.9)}
.sp-page .nav.nav-lite:not(.scrolled) .hamb span{background:#F5F2EC}

/* ---- 1 · the stage ---- */
.sp-hero{position:relative;overflow:hidden;background:#101318;color:#F2EEE6;padding:128px 0 88px;
  border-bottom:1px solid rgba(198,164,94,.22)}
:root[data-theme="dark"] .sp-hero{background:#0B0D11}
.sp-glow{position:absolute;inset:-12%;z-index:0;pointer-events:none;background-size:cover;background-position:center;
  filter:blur(70px) saturate(125%);opacity:.34;transform:scale(1.05)}
.sp-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 90% at 20% 30%,rgba(16,19,24,0) 0%,rgba(16,19,24,.55) 70%,rgba(16,19,24,.85) 100%)}
.sp-hero .wrap{z-index:2}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,76px);align-items:center}
.sp-hero .back{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(242,238,230,.6);transition:color .25s}
.sp-hero .back:hover{color:var(--brass-on-dark)}
.sp-ey{display:flex;align-items:center;gap:12px;margin-top:26px;font-family:var(--sans);font-weight:500;font-size:.66rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--brass-on-dark)}
.sp-ey b{font-family:var(--mono);font-weight:400;letter-spacing:.1em;padding:4px 9px;border-radius:30px;
  border:1px solid rgba(198,164,94,.45);background:rgba(198,164,94,.08)}
.sp-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.35rem,4.5vw,3.9rem);line-height:1.03;
  letter-spacing:-.012em;color:#F7F4EE;margin:16px 0 0;max-width:14ch}
.sp-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.12rem,1.6vw,1.34rem);line-height:1.38;
  color:#EBD3A0;margin:22px 0 0;max-width:34ch}
.sp-lede{font-size:1rem;line-height:1.65;color:rgba(242,238,230,.78);margin:18px 0 0;max-width:46ch}
.sp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sp-ctas .btn-glass{border-radius:2px}

/* the film behind glass */
.sp-screen{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#07080a;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 60px 110px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04) inset}
.sp-screen video,.sp-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sp-screen::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 32%),
             radial-gradient(130% 100% at 50% 50%,rgba(0,0,0,0) 62%,rgba(0,0,0,.35) 100%)}
.sp-vctl{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px 8px 11px;border-radius:40px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:.6rem;
  letter-spacing:.14em;text-transform:uppercase;color:#F5F2EC;background:rgba(14,18,24,.4);border:1px solid rgba(247,244,238,.26);
  backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);transition:border-color .3s,color .3s}
.sp-vctl:hover,.sp-vctl:focus-visible{border-color:var(--brass-on-dark);color:var(--brass-on-dark)}
.sp-vctl svg{width:13px;height:13px;display:block}
.sp-vctl .i-play{display:none}
.sp-vctl.is-paused .i-play{display:block}.sp-vctl.is-paused .i-pause{display:none}

/* ---- sections ---- */
.sp-sec{padding:112px 0;position:relative}
.sp-sec.warm{background:var(--page-2)}
.sp-sec .sec-head{margin-bottom:52px}
.sp-sec .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.sp-split.rev>:first-child{order:2}
.sp-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.06;margin:18px 0 18px}
.sp-copy p{color:var(--tx-soft);margin-bottom:14px;max-width:54ch}
.sp-copy .eyebrow{display:block;margin-bottom:14px}
.sp-copy .more{display:inline-block;margin-top:14px}
.sp-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:22px}
.sp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sp-tags a{font-family:var(--sans);font-weight:500;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 13px;border-radius:30px;border:1px solid var(--line);color:var(--tx-soft);transition:border-color .25s,color .25s}
.sp-tags a:hover{border-color:var(--accent);color:var(--accent)}
.sp-note{font-size:.84rem;color:var(--tx-faint);margin-top:12px;font-style:italic}

/* a soft stage behind demos on the light page */
.sp-stage{position:relative;border-radius:18px;padding:clamp(22px,3vw,40px);overflow:hidden;
  background:radial-gradient(90% 80% at 70% 20%,color-mix(in srgb,var(--brass) 16%,transparent),transparent 60%),
             linear-gradient(160deg,var(--surface),var(--page-2));border:1px solid var(--line)}
:root[data-theme="dark"] .sp-stage{background:radial-gradient(90% 80% at 70% 20%,rgba(198,164,94,.12),transparent 60%),linear-gradient(160deg,#171B21,#0E1115)}

.sp-pull{font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.3;color:var(--tx);
  margin:0 0 22px;padding-left:20px;border-left:2px solid var(--accent)}

/* laptop (website page) */
.sp-laptop{position:relative;margin:0 auto;max-width:640px}
.sp-laptop .lid{position:relative;border-radius:14px 14px 4px 4px;padding:12px 12px 16px;background:#16191E;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06) inset}
.sp-laptop .scr{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#000}
.sp-laptop .scr video,.sp-laptop .scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.sp-laptop .base{height:14px;margin:0 -5%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#2A2E35,#15181C);
  box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.sp-cap{display:block;margin-top:18px;font-size:.9rem;color:var(--tx-soft);text-align:center}

/* browser (landing page) */
.sp-browser{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b0e1a;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.55)}
.sp-browser .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.sp-browser .bar i{width:9px;height:9px;border-radius:50%;background:var(--tx-faint);opacity:.5}
.sp-browser .bar i:first-child{background:var(--brass);opacity:1}
.sp-browser .bar span{margin-left:10px;font-family:var(--mono);font-size:.64rem;color:var(--tx-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-browser img{display:block;width:100%;height:auto}

/* phones (assistant / WhatsApp / reels) */
.sp-phone{position:relative;margin:0 auto;width:min(100%,300px);aspect-ratio:9/18.5;border-radius:34px;padding:10px;
  background:#15181D;box-shadow:0 44px 90px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.07) inset}
.sp-phone .in{position:relative;width:100%;height:100%;border-radius:25px;overflow:hidden;background:#000}
.sp-phone .in::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:30%;height:8px;border-radius:6px;background:#15181D;z-index:3}
.sp-phone video,.sp-phone .in>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-phone .sp-vctl{right:10px;bottom:10px}
.sp-reels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:start}
.sp-reel figcaption{margin-top:18px;text-align:center}
.sp-reel figcaption b{display:block;font-family:var(--sans);font-weight:600;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.sp-reel figcaption span{display:block;font-size:.92rem;color:var(--tx-soft);max-width:34ch;margin:0 auto}
.sp-snd{position:absolute;left:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 10px;
  border-radius:40px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;
  color:#F5F2EC;background:rgba(14,18,24,.42);border:1px solid rgba(247,244,238,.26);
  backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}
.sp-snd .sw{position:relative;width:24px;height:13px;border-radius:10px;background:rgba(247,244,238,.25);transition:background .3s}
.sp-snd .sw::after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#F5F2EC;transition:transform .3s}
.sp-snd[aria-checked="true"] .sw{background:var(--brass-on-dark)}
.sp-snd[aria-checked="true"] .sw::after{transform:translateX(11px)}
.sp-snd .st-on{display:none}.sp-snd[aria-checked="true"] .st-on{display:inline}.sp-snd[aria-checked="true"] .st-off{display:none}

/* chat / WhatsApp threads sitting in a phone-like card */
.sp-thread{max-width:340px;margin:0 auto}
.sp-thread .wa-phone{max-width:none;box-shadow:0 34px 70px -34px rgba(0,0,0,.45)}
.sp-thread .cb-msgs{max-height:none;padding:6px 0}

/* two cards side by side (without / with, public / private) */
.sp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sp-card{position:relative;padding:30px 30px 32px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.sp-card .lbl{font-family:var(--sans);font-weight:600;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-faint);margin-bottom:12px;display:block}
.sp-card.on{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));
  background:linear-gradient(160deg,color-mix(in srgb,var(--brass) 10%,var(--surface)),var(--surface))}
.sp-card.on .lbl{color:var(--accent)}
.sp-card h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.15;margin-bottom:10px}
.sp-card p{font-size:.95rem;color:var(--tx-soft);line-height:1.6}
.sp-card .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;
  border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}
.sp-card .ic svg{width:18px;height:18px}

/* 2 · what's included — glass tiles over a quiet texture */
.sp-inc-sec{overflow:hidden}
.sp-inc-sec::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:radial-gradient(40% 50% at 12% 20%,color-mix(in srgb,var(--brass) 14%,transparent),transparent 70%),
             radial-gradient(45% 55% at 88% 80%,color-mix(in srgb,var(--moss) 12%,transparent),transparent 70%)}
.sp-inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:inc}
.sp-inc li{counter-increment:inc;position:relative;padding:24px 24px 26px 24px;border-radius:14px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  color:var(--tx);font-size:.98rem;line-height:1.5;box-shadow:0 18px 40px -30px var(--shadow)}
.sp-inc li::before{content:counter(inc,decimal-leading-zero);display:block;font-family:var(--mono);font-size:.68rem;
  letter-spacing:.1em;color:var(--accent);margin-bottom:12px}
.sp-inc li::after{content:"";position:absolute;top:24px;right:22px;width:16px;height:16px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);
  background:radial-gradient(circle,var(--accent) 0 3px,transparent 3.5px)}

/* 3 · how it works — four steps on a drawn line */
.sp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.sp-steps::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:1px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 20%,transparent));transform-origin:left;
  transform:scaleX(0);transition:transform 1.6s cubic-bezier(.3,.1,.2,1)}
.sp-steps.in::before{transform:scaleX(1)}
.sp-steps li{position:relative}
.sp-steps .n{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:.74rem;color:var(--accent);background:var(--page);border:1px solid var(--accent);margin-bottom:20px}
.sp-sec.warm .sp-steps .n{background:var(--page-2)}
.sp-steps b{display:block;font-family:var(--serif);font-weight:400;font-size:1.22rem;line-height:1.2;margin-bottom:8px}
.sp-steps span{display:block;font-size:.93rem;color:var(--tx-soft);line-height:1.6}

/* 4 · plans — the existing cards, lifted into depth */
.sp-plans .plan-grid{align-items:stretch}
.sp-plans .plan-grid.n1{grid-template-columns:minmax(0,560px)}
.sp-plans .plan-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.sp-plans .plan-card{border-radius:14px}
.sp-plans .plan-card.g3d:hover{box-shadow:0 26px 60px -24px var(--shadow)}
/* one plan: the words on the left, the card beside them */
.sp-plans.one .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(36px,5vw,80px);align-items:start}
.sp-plans.one .sec-head{grid-column:1;grid-row:1;margin-bottom:22px}
.sp-plans.one .plan-grid{grid-column:2;grid-row:1 / span 3;grid-template-columns:1fr}
.sp-plans.one .plan-note{grid-column:1;grid-row:2;margin-top:0}
.sp-plans.one .sp-ask{grid-column:1;grid-row:3;align-self:start}
.sp-ask{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
:root[data-theme="light"] .sp-hero .btn-gold{background:var(--brass);color:var(--ink)}
:root[data-theme="light"] .sp-hero .btn-gold:hover{background:var(--stone);color:var(--ink)}
.sp-ask p{font-size:.9rem;color:var(--tx-soft);max-width:60ch;margin:0}

/* maintenance status card */
.sp-status{max-width:360px;margin:0 auto;padding:26px 28px;border-radius:16px;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
.sp-status .row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--tx)}
.sp-status .row:last-child{border-bottom:none}
.sp-status .row i{width:9px;height:9px;border-radius:50%;background:#4CAF7D;box-shadow:0 0 8px #4CAF7D;flex:0 0 auto}
@media(prefers-reduced-motion:no-preference){.sp-status .row i{animation:spPulse 2.4s ease-in-out infinite}}
.sp-status .row:nth-child(2) i{animation-delay:.4s}.sp-status .row:nth-child(3) i{animation-delay:.8s}
@keyframes spPulse{0%,100%{opacity:1}50%{opacity:.45}}

/* direct booking mock (kept from the live page, restyled) */
.sp-book{max-width:400px;margin:0 auto}
.sp-book .asst-win{max-width:none;border-radius:16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.db-fake-input{background:var(--page);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-family:var(--sans);font-size:.98rem;color:var(--tx)}
.db-load{text-align:center;padding:26px 0}
.db-spin{width:38px;height:38px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:dbSpin .8s linear infinite}
@keyframes dbSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.db-spin{animation-duration:2.4s}}
.db-load-txt{font-size:.92rem;color:var(--tx-soft)}
.db-avail{font-size:.92rem;color:var(--tx-soft);margin-bottom:14px}
.db-room{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:18px;background:var(--page)}
.db-room-name{font-family:var(--serif);font-size:1.25rem;color:var(--tx)}
.db-room-pn{font-size:.9rem;color:var(--tx-soft);margin-top:4px}
.db-room-tot{font-family:var(--mono);font-size:.74rem;color:var(--accent);margin-top:8px}
.db-guest-head{font-family:var(--serif);font-size:1.2rem;margin-bottom:14px;color:var(--tx)}
.db-check-circ{width:58px;height:58px;border-radius:50%;background:#4CAF7D;display:grid;place-items:center;margin:0 auto;transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1.2),opacity .4s}
#db-step4.show .db-check-circ{transform:scale(1);opacity:1}
.sp-book .fld label{display:block;font-family:var(--sans);font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-soft);margin-bottom:7px}

/* 6 · every service */
.sp-others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sp-others a{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;border-radius:14px;
  border:1px solid var(--line);background:var(--surface);transition:border-color .3s,transform .3s,box-shadow .3s}
.sp-others a:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 18px 40px -26px var(--shadow)}
.sp-others a b{font-family:var(--mono);font-weight:400;font-size:.68rem;letter-spacing:.1em;color:var(--accent)}
.sp-others a span{font-family:var(--serif);font-size:1.12rem;line-height:1.2;color:var(--tx)}
.sp-others a[aria-current="page"]{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));
  background:linear-gradient(160deg,color-mix(in srgb,var(--brass) 12%,var(--surface)),var(--surface));pointer-events:none}
.sp-others-foot{margin-top:28px}

/* 7 · closing — the words beside the compass, never on it (same pattern as Work) */
.sp-close{position:relative;background:#0E1117;color:#F7F4EE;overflow:hidden;padding:120px 0}
.sp-close::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 80% 50%,rgba(198,164,94,.14),rgba(198,164,94,0) 60%)}
.sp-close-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,5vw,80px);align-items:center}
.sp-close h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,3.8vw,3.2rem);line-height:1.06;color:#F7F4EE;margin-bottom:30px;max-width:16ch}
.sp-close h2 em{font-style:italic;color:var(--brass-on-dark)}
.sp-close-frame{border-radius:14px;overflow:hidden;box-shadow:0 50px 100px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.sp-close-frame img{display:block;width:100%;height:auto}
:root[data-theme="light"] .sp-close .btn-gold{background:var(--brass);color:var(--ink)}
:root[data-theme="light"] .sp-close .btn-gold:hover{background:var(--stone);color:var(--ink)}

/* ---- responsive ---- */
@media(max-width:1060px){
  .sp-inc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .sp-steps::before{display:none}
  .sp-others{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .sp-hero{padding:112px 0 64px}
  .sp-hero-grid,.sp-split,.sp-close-grid{grid-template-columns:1fr}
  .sp-split.rev>:first-child{order:0}
  .sp-close-frame{order:-1}
  .sp-plans .plan-grid,.sp-plans .plan-grid.n2,.sp-plans .plan-grid.n1{grid-template-columns:1fr}
  .sp-plans.one .wrap{display:block}
  .sp-plans.one .plan-note{margin-top:24px}
}
@media(max-width:640px){
  .sp-sec{padding:76px 0}
  .sp-hero h1{font-size:clamp(2.1rem,9vw,2.6rem)}
  .sp-pair,.sp-inc,.sp-steps,.sp-reels{grid-template-columns:1fr}
  .sp-reels{gap:44px}
  .sp-ctas .btn{padding:14px 18px}
  .sp-close{padding:80px 0}
  .sp-card{padding:24px 22px 26px}
  .sp-others{grid-template-columns:1fr 1fr;gap:10px}
  .sp-others a{padding:16px 15px 18px}
  .sp-others a span{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
  .sp-steps::before{transition:none;transform:none}
}