/* Services & support: workshop film, real facilities and free-flowing photo chapters. */
.service-page{overflow:clip}.service-wrap{max-width:1720px;margin-inline:auto;padding-inline:6%}.service-page em{font-style:normal;color:var(--muted)}.service-page h2{font-size:clamp(38px,4.6vw,70px);line-height:1.1;letter-spacing:-2.5px;text-transform:none}.service-page h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;text-transform:none}.service-page p{font-size:16px;line-height:1.85;color:var(--muted)}
.service-hero{height:calc(100svh - 108px);min-height:590px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:#171717 url(assets/service/workshop-hero-poster.jpg) center/cover;color:#fff}.service-hero-video,.service-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-hero-video{opacity:0;transition:opacity .65s;will-change:transform}.service-hero-video.video-ready{opacity:1}.service-hero-shade{z-index:1;background:linear-gradient(90deg,#0009,transparent 85%),linear-gradient(0deg,#000b,transparent 85%)}.service-hero-copy{position:absolute;z-index:2;left:6%;right:6%;bottom:12%}.service-hero h1{font-size:clamp(76px,8.7vw,140px);line-height:1;letter-spacing:-5px;text-transform:uppercase;max-width:1100px}.service-hero h1 em{color:var(--accent)}.service-hero-copy p{font-size:18px;color:#f0f0ea;margin-top:25px;line-height:1.7}.service-pause{position:absolute;right:5%;bottom:28px;z-index:3;display:flex;gap:8px;align-items:center;border:1px solid #fff6;background:#0007;color:#fff;border-radius:24px;padding:10px 14px;min-height:44px;font-size:11px;backdrop-filter:blur(10px)}.service-pause svg{width:18px;height:18px}
/* Keep each heading, explanation and capabilities within one clear topic. */
.service-intro{padding-block:80px;text-align:center}.service-intro>p{max-width:850px;margin-inline:auto;font-size:clamp(20px,2.3vw,29px);line-height:1.6;color:var(--ink);letter-spacing:-.6px}
.service-photo{position:relative;overflow:hidden;background:var(--soft)}.service-photo img{width:100%;height:100%;object-fit:cover}.service-photo [data-service-parallax]{will-change:transform;transform:scale(1.08)}
.service-workshop{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center;padding-bottom:95px}.service-workshop-photo{aspect-ratio:4/5}.service-workshop-copy h2{margin-bottom:26px}.service-capabilities{margin-top:30px}.service-capabilities article{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.service-capabilities h3{font-size:21px;margin-bottom:10px}.service-capabilities p{font-size:14px}
.service-parts{background:var(--accent);color:#111}.service-parts-inner{padding-block:65px;max-width:1720px}.service-parts h2{font-size:clamp(34px,3.6vw,54px);margin-bottom:22px}.service-parts p{color:#28230b;max-width:700px}
.service-scene{position:relative;isolation:isolate;overflow:hidden;background:#101010;color:#fff;min-height:700px;height:82svh;max-height:950px}.service-scene-photo{position:absolute;inset:0;background:#101010;z-index:0}.service-scene-photo picture{display:block;width:100%;height:100%}.service-storage img{object-position:50% 54%}.service-transport img{object-position:50% 52%}.service-scene-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#000b 0%,#0004 60%,#0001),linear-gradient(0deg,#000d 0%,#0004 50%,transparent 85%)}.service-scene-copy{position:absolute;z-index:2;left:6%;right:6%;bottom:9%;max-width:690px;transform:translateY(var(--service-copy-shift,0px));will-change:transform}.service-scene h2{font-size:clamp(38px,4.5vw,68px);margin-bottom:26px;letter-spacing:-2.3px;text-shadow:0 2px 20px #0005}.service-scene h2 em{color:var(--accent)}.service-scene p{color:#f2f2ec;max-width:580px;font-size:16px;line-height:1.85;text-shadow:0 1px 8px #0007}.service-scene p+p{margin-top:16px}.service-transport{margin-top:3px}
.service-development{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center;padding-block:100px;background:var(--soft)}.service-development-photo{aspect-ratio:4/5}.service-development-copy h2{margin-bottom:26px}.service-development-copy article{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.service-development-copy h3{font-size:21px;margin-bottom:12px}.service-development-copy article p{font-size:14px}
.service-enquiry{text-align:center;padding-block:100px}.service-enquiry h2{margin-bottom:25px}.service-enquiry>p{max-width:620px;margin:0 auto 28px}.service-enquiry .button{font-size:14px;min-height:54px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center}.service-phone{display:block;font-size:clamp(25px,2.4vw,34px);font-weight:600;letter-spacing:-.8px;margin:25px auto 0;width:fit-content}.service-phone:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.service-workshop,.service-development{gap:5%;align-items:start}.service-page h2{font-size:42px;letter-spacing:-1.6px}.service-scene h2{font-size:58px}.service-hero{min-height:560px}.service-workshop-photo,.service-development-photo{aspect-ratio:3/5}}
@media(max-width:760px){.service-wrap{padding-inline:6%}.service-page h2{font-size:37px;letter-spacing:-1.4px}.service-page p{font-size:15px;line-height:1.8}.service-hero{height:calc(90svh - 90px);min-height:510px;max-height:780px}.service-hero h1{font-size:clamp(53px,11.8vw,85px);letter-spacing:-2.4px}.service-hero-copy{bottom:20%}.service-hero-copy p{font-size:14px;margin-top:22px;max-width:360px}.service-hero-video{object-position:55% center}.service-pause{bottom:22px;right:6%}.service-intro{padding-block:55px}.service-intro>p{font-size:20px;text-align:left;letter-spacing:-.3px}.service-workshop,.service-development{grid-template-columns:1fr;gap:30px}.service-workshop{padding-bottom:60px}.service-workshop-photo,.service-development-photo{aspect-ratio:4/3}.service-workshop-copy h2,.service-development-copy h2{margin-bottom:22px}.service-capabilities p,.service-development-copy article p{font-size:14px}.service-parts-inner{padding-block:45px}.service-parts h2{font-size:34px;margin-bottom:20px}
/* A single photo chapter on small screens; copy overlaps its shaded lower edge. */
.service-scene{min-height:0;height:auto;max-height:none;display:flex;flex-direction:column}.service-scene-photo{position:relative;aspect-ratio:4/3;width:100%;flex-shrink:0}.service-scene-shade{display:none}.service-scene-copy{position:relative;left:auto;right:auto;bottom:auto;padding:95px 6% 45px;margin-top:-105px;max-width:none;background:linear-gradient(0deg,#101010 0%,#101010 70%,#10101000 100%);transform:none;will-change:auto}.service-scene h2{font-size:37px;letter-spacing:-1.4px;margin-bottom:22px}.service-scene p{font-size:15px;line-height:1.8}.service-scene p+p{margin-top:15px}.service-development{padding-block:60px}.service-enquiry{padding-block:60px}.service-enquiry .button{width:100%;font-size:13px}.service-phone{font-size:29px}}
@media(prefers-reduced-motion:reduce){.service-hero-video{transition:none;transform:none!important}.service-photo [data-service-parallax],.service-scene-copy{transform:none!important;will-change:auto}}