/* The service page shares the site's fonts and palette. Keep its layout scoped. */
.trailer-services-page .main-nav a[aria-current="page"]{color:var(--red)}
.trailer-services-page #main-content:focus{outline:none}
.trailer-services-page .trailer-section-nav{position:sticky;top:0;z-index:20;display:flex;gap:36px;padding:0 var(--pad);background:#111210f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.trailer-services-page .trailer-section-nav a{display:flex;align-items:center;min-height:58px;font-size:14px;line-height:1.4;white-space:nowrap}
.trailer-services-page .trailer-section-nav a:hover{color:var(--red)}
.trailer-services-page .trailer-hero{padding:30px var(--pad) 80px}
.trailer-services-page .trailer-breadcrumb ol{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0 0 38px;padding:0;color:#b6b7ae;font-size:12px;line-height:1.5}
.trailer-services-page .trailer-breadcrumb li+li::before{content:"/";color:var(--muted);margin-right:12px}
.trailer-services-page .trailer-breadcrumb a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#606159}
.trailer-services-page .trailer-breadcrumb a:hover{color:var(--paper)}
.trailer-services-page .trailer-overline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.trailer-services-page .trailer-overline>span:last-child{color:var(--muted)}
.trailer-services-page h1{font-size:clamp(60px,10vw,160px);line-height:.94;letter-spacing:-.018em;text-transform:uppercase}
.trailer-services-page h1>span{color:var(--red)}
.trailer-services-page .trailer-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;margin-top:35px}
.trailer-services-page .trailer-lead{font-size:clamp(18px,1.8vw,24px);line-height:1.5;max-width:780px;color:#d4d5cc}
.trailer-services-page .trailer-market{font-size:16px;line-height:1.6;color:#b6b7ae;margin-top:16px}
.trailer-services-page .trailer-enquiry{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;border-bottom:1px solid var(--red);padding:13px 0;font-size:14px;white-space:nowrap}
.trailer-services-page .trailer-enquiry span{font-size:28px;color:var(--red)}
.trailer-services-page .trailer-enquiry:hover{color:var(--red)}
.trailer-services-page .trailer-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}
.trailer-services-page .trailer-section-heading .eyebrow,.trailer-services-page .trailer-faq-heading .eyebrow{margin-bottom:20px}
.trailer-services-page .trailer-section-heading>.trailer-inline-link{margin-bottom:5px}
.trailer-services-page .trailer-section-heading>p{max-width:270px;font-size:18px;line-height:1.55;padding-bottom:4px}
.trailer-services-page .display-heading{text-transform:uppercase;font-size:clamp(48px,6vw,90px)}
.trailer-services-page .trailer-services{background:var(--paper);color:var(--bg)}
.trailer-services-page .trailer-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid #c6c7bd;padding-top:26px}
.trailer-services-page .trailer-service-number{font-size:12px;color:#58594f}
.trailer-services-page .trailer-service-grid h3{font-family:Display,Impact,sans-serif;font-size:clamp(26px,2.8vw,40px);line-height:1.05;text-transform:uppercase;margin:22px 0 16px}
.trailer-services-page .trailer-service-grid p{font-size:16px;line-height:1.7;color:#515248;max-width:390px}
.trailer-services-page .trailer-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;font-size:14px;border-bottom:1px solid #6c6d64;padding-bottom:10px}
.trailer-services-page .trailer-inline-link span{font-size:24px;color:var(--red)}
.trailer-services-page .trailer-inline-link:hover{color:var(--red);border-color:var(--red)}
.trailer-services-page .trailer-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.trailer-services-page .trailer-example{min-width:0;scroll-margin-top:20px}
.trailer-services-page .trailer-example-heading{min-height:106px;padding-bottom:22px}
.trailer-services-page .trailer-example-heading .eyebrow{font-size:11px;color:var(--muted);margin-bottom:10px}
.trailer-services-page .trailer-example h3{font-family:Display,Impact,sans-serif;font-size:clamp(25px,2.55vw,38px);line-height:1.07;letter-spacing:.1px}
.trailer-services-page .trailer-example h3 a:hover{color:var(--red)}
.trailer-services-page .trailer-player{border-bottom:1px solid var(--line)}
.trailer-services-page .trailer-player>summary{display:block;list-style:none;cursor:pointer}
.trailer-services-page .trailer-player>summary::-webkit-details-marker{display:none}
.trailer-services-page .trailer-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.trailer-services-page .trailer-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}
.trailer-services-page .trailer-player>summary:hover .trailer-poster>img{transform:scale(1.035);filter:brightness(.75)}
.trailer-services-page .trailer-play-icon{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;background:#1116;backdrop-filter:blur(5px)}
.trailer-services-page .trailer-play-icon svg{width:19px;height:19px;fill:var(--paper)}
.trailer-services-page .trailer-player>summary:hover .trailer-play-icon{background:var(--red);border-color:var(--red)}
.trailer-services-page .trailer-watch-label{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;font-size:14px}
.trailer-services-page .trailer-toggle-icon{font-size:25px;line-height:1;color:var(--red)}
.trailer-services-page .trailer-open-label{display:none}
.trailer-services-page .trailer-player[open] .trailer-closed-label,.trailer-services-page .trailer-player[open] .trailer-poster{display:none}
.trailer-services-page .trailer-player[open] .trailer-open-label{display:inline}
.trailer-services-page .trailer-player[open] .trailer-toggle-icon{transform:rotate(45deg)}
.trailer-services-page .trailer-video-frame{position:relative;aspect-ratio:16/9;background:#000;margin-bottom:15px}
.trailer-services-page .trailer-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.trailer-services-page .trailer-video-fallback{font-size:12px;line-height:1.55;margin-top:15px;color:#b6b7ae}
.trailer-services-page .trailer-video-fallback a{display:inline-block;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#606159}
.trailer-services-page .trailer-video-fallback a:hover{color:var(--paper)}
.trailer-services-page .trailer-video-fallback span{display:inline-block;margin-left:3px}
.trailer-services-page .trailer-questions{padding-top:0}
.trailer-services-page .trailer-faq-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;border-top:1px solid var(--line);padding-top:65px}
.trailer-services-page .trailer-faqs{margin:0}
.trailer-services-page .trailer-faqs>div{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.trailer-services-page .trailer-faqs>div:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.trailer-services-page .trailer-faqs dt{font-size:20px;line-height:1.4;margin-bottom:12px}
.trailer-services-page .trailer-faqs dd{margin:0;font-size:16px;line-height:1.75;color:#b6b7ae;overflow-wrap:anywhere}
.trailer-services-page .trailer-faqs a{color:var(--paper);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6c6d64}
.trailer-services-page .trailer-faqs a:hover{color:var(--red)}
.trailer-services-page .trailer-contact-note{font-size:18px;line-height:1.6;max-width:620px;margin-top:32px}
.trailer-services-page .trailer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.trailer-services-page .trailer-hero{padding-left:max(var(--pad),calc((100vw - 1720px)/2));padding-right:max(var(--pad),calc((100vw - 1720px)/2))}}
@media(max-width:1050px){
  .trailer-services-page .trailer-hero{padding-bottom:65px}
  .trailer-services-page .trailer-intro{gap:35px}
  .trailer-services-page .trailer-service-grid{gap:26px}
  .trailer-services-page .trailer-examples{gap:24px}
  .trailer-services-page .trailer-example-heading{min-height:100px}
  .trailer-services-page .trailer-faq-layout{gap:45px;padding-top:55px}
}
@media(max-width:700px){
  .trailer-services-page .main-nav{gap:clamp(18px,6vw,30px);justify-content:space-between}
  .trailer-services-page .trailer-section-nav{gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--pad)}
  .trailer-services-page .trailer-section-nav a{flex:0 0 auto;font-size:13px;min-height:50px}
  .trailer-services-page .trailer-section-nav a:focus-visible{outline-offset:2px}
  .trailer-services-page .trailer-hero{padding-top:22px;padding-bottom:50px}
  .trailer-services-page .trailer-breadcrumb ol{margin-bottom:28px;font-size:11px}
  .trailer-services-page .trailer-overline{margin-bottom:19px}
  .trailer-services-page .trailer-overline .eyebrow{font-size:10px;letter-spacing:1px}
  .trailer-services-page .trailer-overline>span:last-child{display:none}
  .trailer-services-page h1{font-size:clamp(40px,10.6vw,74px);line-height:.98;letter-spacing:-.022em}
  .trailer-services-page .trailer-intro{grid-template-columns:1fr;gap:25px;margin-top:25px}
  .trailer-services-page .trailer-lead{font-size:18px;line-height:1.55}
  .trailer-services-page .trailer-market{font-size:15px;line-height:1.65;margin-top:16px}
  .trailer-services-page .trailer-enquiry{justify-self:start;gap:42px;font-size:14px;min-height:48px;padding:8px 0}
  .trailer-services-page .display-heading{font-size:clamp(43px,12vw,68px)}
  .trailer-services-page .trailer-section-heading{display:block;margin-bottom:34px}
  .trailer-services-page .trailer-section-heading .eyebrow,.trailer-services-page .trailer-faq-heading .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:17px}
  .trailer-services-page .trailer-section-heading>p{font-size:16px;margin-top:22px;padding:0;max-width:none}
  .trailer-services-page .trailer-section-heading>.trailer-inline-link{margin-top:22px;margin-bottom:0}
  .trailer-services-page .trailer-service-grid{grid-template-columns:1fr;gap:28px;padding-top:24px}
  .trailer-services-page .trailer-service-grid article+article{border-top:1px solid #c6c7bd;padding-top:26px}
  .trailer-services-page .trailer-service-grid h3{font-size:32px;margin:14px 0 12px}
  .trailer-services-page .trailer-service-grid p{font-size:16px;max-width:none}
  .trailer-services-page .trailer-examples{grid-template-columns:1fr;gap:35px}
  .trailer-services-page .trailer-example-heading{min-height:0;padding-bottom:18px}
  .trailer-services-page .trailer-example h3{font-size:33px;line-height:1.1}
  .trailer-services-page .trailer-video-fallback{margin-top:10px}
  .trailer-services-page .trailer-questions{padding-top:0}
  .trailer-services-page .trailer-faq-layout{grid-template-columns:1fr;gap:35px;padding-top:45px}
  .trailer-services-page .trailer-faqs dt{font-size:18px}
  .trailer-services-page .trailer-faqs dd{font-size:16px;line-height:1.7}
  .trailer-services-page .trailer-faqs>div{padding-bottom:25px;margin-bottom:25px}
  .trailer-services-page .trailer-contact-note{font-size:16px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.trailer-services-page .trailer-player>summary:hover .trailer-poster>img{transform:none}}