/* TAKEBK V168 — Homepage fan-experience film */
.v168-film{
  position:relative;
  overflow:hidden;
  padding:clamp(72px,9vw,132px) clamp(20px,5vw,76px);
  background:
    radial-gradient(circle at 68% 38%,rgba(156,255,0,.13),transparent 31%),
    linear-gradient(135deg,#050505 0%,#0b0d0a 55%,#050505 100%);
  border-top:1px solid rgba(156,255,0,.18);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.v168-film:before{
  content:"";
  position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.025) 80px);
  pointer-events:none
}
.v168-film-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);
  align-items:center;
  gap:clamp(38px,7vw,110px);
  max-width:1240px;margin:0 auto
}
.v168-film-copy{max-width:560px}
.v168-film-copy h2{
  margin:14px 0 22px;
  color:#fff;
  font-size:clamp(42px,6.4vw,92px);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase
}
.v168-film-copy h2 span{color:#9cff00}
.v168-film-copy>p:not(.v8-eyebrow){
  margin:0;
  max-width:510px;
  color:#b9bdb6;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.65
}
.v168-film-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.v168-film-actions a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 22px;
  color:#050505;background:#9cff00;
  font-size:12px;font-weight:900;letter-spacing:.12em;text-decoration:none
}
.v168-film-actions span{color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em}
.v168-film-frame{
  position:relative;
  width:min(100%,460px);
  justify-self:center;
  padding:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(156,255,0,.38),rgba(255,255,255,.06));
  border-radius:28px;
  box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 64px rgba(156,255,0,.12)
}
.v168-film-frame:before{
  content:"FAN EXPERIENCE / 01";
  position:absolute;z-index:2;top:24px;left:26px;
  padding:8px 10px;
  color:#070707;background:#9cff00;
  font-size:9px;font-weight:950;letter-spacing:.18em
}
.v168-film-frame video{
  display:block;width:100%;height:auto;aspect-ratio:9/16;
  object-fit:cover;background:#000;border-radius:20px
}
.v168-film-caption{
  position:absolute;z-index:2;left:26px;right:26px;bottom:28px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  color:#fff;font-size:9px;font-weight:900;letter-spacing:.16em;
  pointer-events:none;text-shadow:0 2px 8px #000
}
.v168-film-caption b{color:#9cff00}
@media(max-width:820px){
  .v168-film-grid{grid-template-columns:1fr}
  .v168-film-copy{text-align:center;margin:0 auto}
  .v168-film-copy>p:not(.v8-eyebrow){margin-inline:auto}
  .v168-film-actions{justify-content:center}
  .v168-film-frame{width:min(88vw,430px)}
}
@media(max-width:480px){
  .v168-film{padding:64px 16px 76px}
  .v168-film-copy h2{font-size:45px}
  .v168-film-actions{gap:14px}
  .v168-film-actions span{width:100%}
  .v168-film-frame{width:min(92vw,390px);padding:7px;border-radius:23px}
  .v168-film-frame video{border-radius:17px}
}