#brand-film.film-v2{width:min(1120px,94vw,calc((94dvh - 270px)*16/9));max-height:94dvh;border:1px solid #536b8059;border-radius:14px;background:#030b16;box-shadow:0 40px 140px #000b;color:#eaf2fa}
#brand-film.film-v2::backdrop{background:#020710e8;backdrop-filter:blur(18px)}
.film-v2 .film-top{padding:18px 26px;background:#030b16;border-bottom:1px solid #eaf2fa12;z-index:5}
.film-v2 .film-top h2{font-size:14px;letter-spacing:.09em}
.film-v2 .film-top>div>span{font-size:8px;letter-spacing:.25em;color:#a5bdd1}
.film-v2 .film-top button{color:#eaf2fa;flex:0 0 40px;border-color:#eaf2fa30}
.film-v2 .film-top button:hover{background:#eaf2fa12}
.film-v2 .film-screen{aspect-ratio:16/9;isolation:isolate;background:#030b16;container-type:inline-size}
.film-v2 .film-scene{background:radial-gradient(ellipse at 78% 50%,#1a32484f,transparent 64%),#030b16;inset:0;opacity:0;visibility:hidden;transition:none!important}
.film-v2 .film-scene:nth-child(4){background:radial-gradient(ellipse at 78% 50%,#74564230,transparent 60%),#030b16}
.film-v2 .film-visual{position:absolute;left:43%;right:1.5%;top:11%;bottom:10%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.film-v2 .film-visual img{display:block;width:96%;height:96%;object-fit:contain!important;object-position:center!important;animation:none!important;will-change:transform;filter:saturate(.86)}
.film-v2 .film-scene:nth-child(2) .film-visual{left:36%;right:1%;top:14%;bottom:10%}
.film-v2 .film-shade{inset:0;pointer-events:none;background:linear-gradient(90deg,#030b16 0%,#030b16 3%,transparent 38%),linear-gradient(0deg,#030b16,transparent 8%,transparent 92%,#030b16)}
.film-v2 .film-copy,.film-v2 .film-scene:nth-child(2) .film-copy,.film-v2 .film-scene:nth-child(4) .film-copy{left:5%;right:auto;width:37%;bottom:23%;z-index:2;animation:none!important}
.film-v2 .film-copy>span{font-size:9px;letter-spacing:.13em;color:#8ab7da;display:flex;align-items:center;gap:10px;margin-bottom:22px}
.film-v2 .film-copy>span:before{content:"";width:20px;height:1px;background:#2d8dda;flex:none}
.film-v2 .film-copy h3,.film-v2 .film-scene:nth-child(2) .film-copy h3,.film-v2 .film-scene:nth-child(4) .film-copy h3{font-size:clamp(18px,3.6cqw,41px);font-weight:650;line-height:1.48;letter-spacing:-.045em;margin:0 0 21px;text-wrap:balance}
.film-v2 .film-copy p{font-size:11px;color:#aabfd1;line-height:1.8;max-width:29em}
.film-v2 .film-scene-number{position:absolute;left:5%;bottom:5%;font:10px/1 Arial,sans-serif;letter-spacing:.16em;color:#819aaf}
.film-v2 .film-frame-label{position:absolute;inset:0 4%;height:44px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-size:7px;letter-spacing:.21em;color:#a5bace;z-index:4;border-bottom:1px solid #eaf2fa12}
.film-v2 .film-endcard{position:absolute;inset:0;z-index:3;background:#030b16;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;text-align:center;padding:40px}
.film-v2 .film-endcard>span{color:#9ab1c7;letter-spacing:.2em;font-size:11px;margin-bottom:32px}
.film-v2 .film-endcard img{width:clamp(180px,29vw,310px);height:auto;display:block;margin:0 30px 28px;transform:none;filter:none}
.film-v2 .film-endcard p{font-size:clamp(21px,2.7vw,34px);font-weight:600;letter-spacing:.07em;margin-bottom:18px}
.film-v2 .film-endcard small{font-size:10px;color:#91a9bd;letter-spacing:.14em}
.film-v2 .film-controls{padding:14px 26px 6px;gap:14px;border-top:1px solid #eaf2fa12}
.film-v2 .film-controls button{min-height:40px;color:#eaf2fa;border-color:#eaf2fa29;padding:8px 14px;border-radius:6px}
.film-v2 .film-controls button:hover{background:#eaf2fa0d}
.film-v2 #film-play{min-width:78px;border-color:#84bbde80;background:#6fb6e50a}
.film-v2 #film-seek{--film-progress:0%;flex:1;min-width:40px;width:100%;height:40px;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;margin:0;accent-color:#b3d7f1}
.film-v2 #film-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#b3d7f1 var(--film-progress),#344b60 var(--film-progress))}
.film-v2 #film-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:0;width:12px;height:12px;border-radius:50%;background:#eaf2fa;margin-top:-4.5px;box-shadow:0 0 0 4px #b3d7f118}
.film-v2 #film-seek::-moz-range-track{height:3px;background:#344b60}
.film-v2 #film-seek::-moz-range-progress{height:3px;background:#b3d7f1}
.film-v2 #film-seek::-moz-range-thumb{border:0;width:12px;height:12px;border-radius:50%;background:#eaf2fa}
.film-v2 #film-time{font-size:10px;color:#a7bbcf;min-width:81px;text-align:right}
.film-v2 .film-chapters{padding:6px 26px;gap:10px}
.film-v2 .film-chapters button{min-height:39px;color:#91a9bd;letter-spacing:.08em;border-color:#33495d}
.film-v2 .film-chapters button[aria-pressed=true]{color:#eaf2fa;border-color:#a7d1ec;background:linear-gradient(0deg,#729eb410,transparent)}
.film-v2 .film-note{font-size:9px;color:#91a9bd;padding:8px 26px 17px;letter-spacing:.08em}
.film-v2 button:focus-visible,.film-v2 input:focus-visible{outline:2px solid #a7d1ec;outline-offset:4px}
@media(max-width:650px){
  #brand-film.film-v2{width:94vw;max-height:94dvh;border-radius:12px}
  .film-v2 .film-top{padding:12px 17px}
  .film-v2 .film-top h2{font-size:12px}
  .film-v2 .film-screen{aspect-ratio:4/4.5;min-height:360px;max-height:57dvh}
  .film-v2 .film-frame-label{height:31px;font-size:6px}
  .film-v2 .film-visual,.film-v2 .film-scene:nth-child(2) .film-visual{left:4%;right:4%;top:9%;bottom:43%}
  .film-v2 .film-visual img{width:96%;height:96%}
  .film-v2 .film-copy,.film-v2 .film-scene:nth-child(2) .film-copy,.film-v2 .film-scene:nth-child(4) .film-copy{left:7%;width:86%;bottom:7%;right:auto}
  .film-v2 .film-copy>span{font-size:8px;margin-bottom:10px;gap:9px}
  .film-v2 .film-copy h3,.film-v2 .film-scene:nth-child(2) .film-copy h3,.film-v2 .film-scene:nth-child(4) .film-copy h3{font-size:clamp(24px,6vw,30px);line-height:1.38;letter-spacing:-.035em;margin:0 0 9px}
  .film-v2 .film-copy p{font-size:10px}
  .film-v2 .film-shade{background:linear-gradient(0deg,#030b16 0%,transparent 9%,transparent 93%,#030b16)}
  .film-v2 .film-scene-number{left:auto;right:7%;bottom:8%;font-size:8px;color:#52697d}
  .film-v2 .film-endcard{padding:34px 15px}
  .film-v2 .film-endcard>span{font-size:10px;margin-bottom:27px}
  .film-v2 .film-endcard img{width:200px;margin-bottom:28px}
  .film-v2 .film-endcard p{font-size:23px;letter-spacing:.04em}
  .film-v2 .film-endcard small{font-size:9px;letter-spacing:.07em}
  .film-v2 .film-controls{display:grid;grid-template-columns:78px 1fr auto;gap:4px 9px;padding:9px 16px 3px}
  .film-v2 .film-controls button{font-size:10px;padding:8px 10px}
  .film-v2 #film-replay{justify-self:start}
  .film-v2 #film-time{grid-column:3;grid-row:1;font-size:9px;min-width:70px}
  .film-v2 #film-seek{grid-column:1/-1;grid-row:2;height:27px}
  .film-v2 .film-chapters{padding:1px 16px 4px;gap:5px}
  .film-v2 .film-chapters button{font-size:9px;min-height:38px;padding:8px 3px}
  .film-v2 .film-note{padding:6px 16px 12px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.film-v2 .film-visual img{will-change:auto}}
html[data-motion=paused] .film-v2 .film-visual img{will-change:auto}