/* Services area (overview + the four add-on pages): shared bits. Each page's showpiece has its own file. */

/* hints sit right under the object; verbs match the device */
.svc-hint{margin-top:12px;font-size:14px;color:var(--cream-2);min-height:22px}
.svc-hint .h-touch{display:none}
@media (hover:none){.svc-hint .h-mouse{display:none}.svc-hint .h-touch{display:inline}}

/* comfortable reading column of their words */
.svc-copy{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.svc-copy h2{max-width:12em}
.svc-copy .body p{font-size:clamp(17px,1.25vw,19px);line-height:1.65;max-width:36em}
.svc-copy .body p+p{margin-top:1em}
.svc-copy .cta-row{margin-top:28px}
@media (max-width:860px){.svc-copy{grid-template-columns:minmax(0,1fr)}}

/* a big photo pair (replaces the "no photo gallery found" lines) */
.svc-photos{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(12px,1.6vw,22px)}
.svc-photos figure{border-radius:var(--r-m);overflow:hidden;background:#2a2433;margin:0}
.svc-photos img{width:100%;height:100%;object-fit:cover}
.svc-photos figcaption{padding:10px 2px 0;font-size:14px;color:var(--cream-2)}
.svc-photos .tall{grid-row:span 2}
@media (max-width:760px){.svc-photos{grid-template-columns:minmax(0,1fr)}.svc-photos .tall{grid-row:auto}}

/* click-to-load video (16:9 facade) */
.svc-video{position:relative;border-radius:var(--r-m);overflow:hidden;aspect-ratio:16/9;background:#2a2433}
.svc-video img{width:100%;height:100%;object-fit:cover}
.svc-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.svc-play{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 18px;border:0;border-radius:999px;
  background:var(--cream);color:#2a1a2c;font:700 16px var(--body);cursor:pointer;box-shadow:0 10px 30px -10px rgba(20,10,30,.6);transition:transform .18s,background .18s}
.svc-play:hover{transform:scale(1.04);background:#fff}
.svc-play svg{color:var(--teal)}

/* "more add-ons" strip at the foot of each add-on page */
.svc-more{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.svc-more h2{font-size:var(--t-h3);margin-bottom:18px}
.svc-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc-more a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;min-height:72px;text-decoration:none;border-radius:var(--r-s);padding:8px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s}
.svc-more a:hover{background:var(--glass-2)}
.svc-more img{width:72px;height:56px;border-radius:8px;object-fit:cover}
.svc-more b{display:block;font-weight:600}
.svc-more span{font-size:14px;color:var(--cream-2)}
@media (max-width:860px){.svc-more ul{grid-template-columns:minmax(0,1fr)}}

/* ---------- /services/ overview ---------- */
.svc-list{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;gap:clamp(48px,7vw,104px)}
.svc-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(22px,4vw,64px);align-items:center}
.svc-row:nth-child(even){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.svc-row:nth-child(even) .svc-shot{order:2}
.svc-shot{position:relative;display:block;border-radius:var(--r-l);overflow:hidden;aspect-ratio:3/2;background:#2a2433}
.svc-shot img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.svc-shot:hover img{transform:scale(1.03)}
.svc-row .kicker{margin-bottom:10px}
.svc-row h2{font-size:clamp(30px,3.4vw,48px)}
.svc-row p{margin-top:14px;font-size:clamp(17px,1.25vw,19px);line-height:1.6;max-width:30em}
.svc-row .cta-row{margin-top:22px}
@media (max-width:860px){.svc-row,.svc-row:nth-child(even){grid-template-columns:minmax(0,1fr)}.svc-row:nth-child(even) .svc-shot{order:0}}