/* Homepage only: one landscape lead and two portrait companions. */
.showreel--editorial { --reel-line:#d8cbbc; --reel-ease:cubic-bezier(.22,.7,.25,1); }
.showreel--editorial .section-heading { align-items:flex-end; gap:36px; padding-bottom:28px; margin-bottom:34px; border-bottom:1px solid var(--reel-line); }
.showreel--editorial .section-heading>p { max-width:260px; font-size:14px; line-height:1.8; padding-bottom:3px; }
.showreel--editorial .showreel-trio { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr)); gap:clamp(20px,2.8vw,36px); max-width:none; align-items:start; overflow:visible; padding:0; }
.showreel--editorial .showreel-trio .vertical-reel { min-width:0; padding-top:0; }
.showreel--editorial .showreel-trio .vertical-reel--landscape { align-self:start; margin-top:clamp(32px,5vw,72px); }
.showreel--editorial .showreel-trio .vertical-reel:last-child { margin-top:32px; }
.showreel--editorial .vertical-reel-screen { position:relative; border-radius:6px 24px 6px 6px; background:#eeeae3; box-shadow:0 12px 32px #38281c0b; isolation:isolate; }
.showreel--editorial .vertical-reel-screen img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s var(--reel-ease); }
.showreel--editorial .vertical-reel--landscape .vertical-reel-screen { aspect-ratio:16/10; border-radius:6px 28px 6px 6px; }
.showreel--editorial .vertical-reel--landscape .vertical-reel-screen img { object-fit:cover; object-position:43% 50%; }
.showreel--editorial .vertical-reel-screen button { min-height:48px; padding:13px 18px; font-size:12px; border:1px solid #ffffffc9; box-shadow:0 3px 15px #231c171a; background:#fffdf5ed; color:#352d25; transition:background .22s,box-shadow .22s; }
.showreel--editorial .vertical-reel-screen button:hover { background:#f4eadc; box-shadow:0 5px 20px #231c1728; }
.showreel--editorial .vertical-reel-screen button:focus-visible { outline:3px solid #9e5b45; outline-offset:5px; }
.showreel--editorial .reel-caption { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin:0; padding:18px 2px 0; }
.showreel--editorial .reel-caption>span { display:block; font-size:9px; line-height:1.6; letter-spacing:1.2px; color:#9c594b; }
.showreel--editorial .reel-caption h3 { font-size:clamp(15px,1.4vw,20px); line-height:1.5; letter-spacing:-.5px; font-weight:500; overflow-wrap:anywhere; }
.showreel--editorial .vertical-reel--landscape .reel-caption h3 { font-size:clamp(22px,2.4vw,30px); line-height:1.25; letter-spacing:-.9px; max-width:410px; }
.showreel--editorial .showreel-swipe-note { display:none; }
@media(hover:hover) and (pointer:fine) {
  .showreel--editorial .vertical-reel-screen:hover img { transform:scale(1.025); }
}
@media(max-width:1000px) and (min-width:651px) {
  .showreel--editorial .showreel-trio { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; max-width:760px; margin:auto; }
  .showreel--editorial .showreel-trio .vertical-reel--landscape { grid-column:1/-1; margin-top:0; }
  .showreel--editorial .vertical-reel--landscape .vertical-reel-screen { aspect-ratio:16/9; }
  .showreel--editorial .vertical-reel--landscape .vertical-reel-screen img { object-fit:contain; object-position:50% 50%; }
  .showreel--editorial .showreel-trio .vertical-reel:last-child { margin-top:0; }
  .showreel--editorial .vertical-reel:not(.vertical-reel--landscape) .vertical-reel-screen { max-height:550px; }
}
@media(max-width:650px) {
  .showreel--editorial .section-heading { display:block; padding-bottom:23px; margin-bottom:25px; }
  .showreel--editorial .section-heading>p { max-width:none; margin-top:20px; font-size:13px; }
  .showreel--editorial .showreel-trio { display:grid; grid-template-columns:minmax(0,1fr); gap:34px; overflow:visible; max-width:420px; margin:auto; padding:0; }
  .showreel--editorial .showreel-trio .vertical-reel { width:100%; margin:0; padding:0; }
  .showreel--editorial .showreel-trio .vertical-reel--landscape { margin-top:0; }
  .showreel--editorial .showreel-trio .vertical-reel:last-child { margin-top:0; }
  .showreel--editorial .vertical-reel-screen { border-radius:5px 20px 5px 5px; }
  .showreel--editorial .vertical-reel--landscape .vertical-reel-screen { aspect-ratio:16/9; border-radius:5px 20px 5px 5px; }
  .showreel--editorial .vertical-reel--landscape .vertical-reel-screen img { object-fit:contain; object-position:50% 50%; }
  .showreel--editorial .reel-caption { padding-top:14px; gap:7px; }
  .showreel--editorial .reel-caption h3 { font-size:18px; }
  .showreel--editorial .vertical-reel--landscape .reel-caption h3 { font-size:25px; }
  .showreel--editorial .vertical-reel-screen button { min-height:48px; font-size:12px; padding:13px 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .showreel--editorial .vertical-reel-screen img,.showreel--editorial .vertical-reel-screen button { transition:none; }
  .showreel--editorial .vertical-reel-screen:hover img { transform:none; }
}