/* Wedding VIDEO editing — page-specific rules only (film card, play disc).
   Loads AFTER landing-base.css.
   Tokens: landing-tokens.css   Fonts: fonts.css */

.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.hero::after{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(120% 88% at 50% 44%, transparent 26%, rgba(12,11,10,.58) 100%),
    linear-gradient(180deg,rgba(14,13,12,.68) 0%,rgba(14,13,12,.40) 42%,rgba(14,13,12,.78) 80%,var(--ink) 100%)}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.3rem);max-width:18ch;margin:22px auto 0}
.hero .lede{margin:24px auto 0;max-width:760px;font-size:clamp(1.05rem,1.6vw,1.26rem);color:#eadfd2}
.playmini{display:inline-flex;align-items:center;gap:12px;cursor:pointer;color:var(--ivory);font-weight:600;font-size:15px}
.playmini .ring{width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;transition:.25s;background:rgba(0,0,0,.25)}
.playmini:hover .ring{border-color:var(--coral);background:rgba(230,104,86,.18)}
.proof{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--muted);font-size:14px;font-weight:500;transition:.2s}
.proof:hover{color:var(--ivory)}
.proof .stars{color:var(--sand);letter-spacing:2px}
.proof b{color:var(--ivory)}
.work>.filmcard{grid-column:1 / -1;grid-row:2;margin-top:0}
.work>.gallery{grid-column:1 / -1;grid-row:3;margin-top:0}
@media(max-width:900px){.work{grid-template-columns:1fr;row-gap:30px}.work>.sec-head,.work>.fvcard,.work>.filmcard,.work>.gallery{grid-column:auto;grid-row:auto}}
.film{position:relative}
.filmcard{position:relative;border-radius:20px;overflow:hidden;margin-top:44px;border:1px solid var(--line2);
  box-shadow:0 40px 90px rgba(0,0,0,.5)}
.filmcard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.filmcard .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,14,.15),rgba(16,15,14,.66))}
.filmcard .play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer}
.filmcard .play .disc{width:92px;height:92px;border-radius:50%;background:rgba(230,104,86,.92);display:grid;place-items:center;
  transition:.28s;box-shadow:0 12px 40px rgba(230,104,86,.5)}
.filmcard .play:hover .disc{transform:scale(1.08);background:var(--coral2)}
.filmcard .meta{position:absolute;left:26px;bottom:22px;right:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.filmcard .meta .t{font-size:clamp(1.3rem,2.4vw,2rem);font-weight:700}
.filmcard .meta .s{color:#e7dccd;font-size:14.5px}
.filmcard .badge{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);border:1px solid var(--line2);
  padding:7px 13px;border-radius:999px;background:rgba(0,0,0,.35);white-space:nowrap}
.fiverrbox{display:grid;grid-template-columns:1.4fr .9fr;gap:34px;align-items:center;background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line2);border-radius:22px;padding:46px 44px;position:relative;overflow:hidden}
.fiverrbox::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 0,rgba(29,191,115,.16),transparent 60%);pointer-events:none}
.fv-logo{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:#1DBF73;margin:14px 0 18px}
.fiverrbox p{color:var(--muted);max-width:48ch;margin-bottom:26px;font-size:1.06rem;text-wrap:pretty}
.fv-right{text-align:center;border-left:1px solid var(--line2);padding-left:34px}
.fv-score{font-size:4.8rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ivory)}
.fv-stars{color:var(--sand);font-size:1.5rem;letter-spacing:3px;margin-top:8px}
.fv-sub{color:var(--faint);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px}
@media(max-width:760px){.fiverrbox{grid-template-columns:1fr;padding:34px 26px}.fv-right{border-left:none;border-top:1px solid var(--line2);padding-left:0;padding-top:26px}}
.ovl img,.ovl video{max-width:min(1200px,94vw);max-height:88vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
@media(max-width:760px){
  nav.main{position:fixed;inset:64px 0 auto 0;background:rgba(16,15,14,.97);backdrop-filter:blur(16px);
    flex-direction:column;gap:0;padding:10px 26px 22px;box-shadow:0 12px 30px rgba(0,0,0,.4);transform:translateY(-140%);transition:.35s;z-index:55}
  nav.main.open{transform:none}
  nav.main a{width:100%;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
  .navdrop{width:100%;flex-direction:column;align-items:stretch}
  .navdrop>.navdrop-t{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
  .navdrop:hover .navdrop-t svg{transform:none}
  .navdrop-menu{position:static;display:flex;background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0 0 0 16px;min-width:0}
  .navdrop-menu a{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
  .nav-cta{margin-top:12px;justify-content:center}
  .burger{display:inline-flex}
  .grid2{grid-template-columns:1fr}
  .gallery{column-count:2}
  .trust .row{gap:9px 16px;font-size:13px}
  .ovl .navbtn{width:42px;height:42px;font-size:20px}
  .ovl .navbtn.prev{left:8px}.ovl .navbtn.next{right:8px}
  .steps{grid-template-columns:1fr}
  .fvcard .fv-sub{white-space:normal}
  .filmcard .meta{flex-wrap:wrap;gap:8px}
  .filmcard .meta .t{font-size:1.25rem}
  section.pad{padding:62px 0}
  .hero{min-height:auto}
  .hero .wrap{padding-top:118px;padding-bottom:128px}
  .eyebrow{font-size:11px;letter-spacing:.16em}
}
@media(max-width:480px){
  .wrap{padding:0 20px}
  section.pad{padding:46px 0}
  .hero h1{font-size:clamp(2.3rem,9.5vw,3rem)}
  .hero .wrap{padding-top:100px;padding-bottom:112px}
  .eyebrow{font-size:10.5px;letter-spacing:.12em}
  .hero .cta-row{gap:12px}
  .card{padding:28px 24px}
  .fvcard{padding:26px 22px}
  .fv-score2{font-size:2.6rem}
  .filmcard .play .disc{width:72px;height:72px}
  .sec-head p,.hero .lede{font-size:1rem}
  .step .n{font-size:.8rem}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero video{display:none}
  .reveal{transition:none;opacity:1;transform:none}
  .gallery figure:hover img,.card:hover,.btn:hover{transform:none}
  .scrollcue{animation:none}
}