.iss-film {
  position:relative;
  overflow:hidden;
  padding:108px 0 112px;
  color:#edfafa;
  background:
    radial-gradient(circle at 88% 20%,rgba(38,151,155,.30),transparent 29%),
    radial-gradient(circle at 11% 92%,rgba(75,127,184,.14),transparent 31%),
    linear-gradient(118deg,#071a28,#0a2b3c 58%,#0b3944);
}
.iss-film::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(121,213,211,.055) 1px,transparent 1px) 0 0/68px 68px,
    linear-gradient(rgba(121,213,211,.045) 1px,transparent 1px) 0 0/68px 68px;
  mask-image:linear-gradient(90deg,transparent,black 24%,black 78%,transparent);
}
.iss-film .wrap { position:relative; z-index:1; }
.iss-film-head { display:grid; grid-template-columns:1.08fr .72fr; gap:80px; align-items:end; margin-bottom:42px; }
.iss-film .eyebrow { color:#74ddd5; }
.iss-film h2 { max-width:780px; margin:0; font-size:clamp(2.65rem,4.5vw,4.9rem); font-weight:650; line-height:.94; letter-spacing:-.065em; }
.iss-film-intro { padding-bottom:4px; }
.iss-film-intro p { max-width:480px; margin:0; color:#bad0d6; font-size:16px; line-height:1.65; }
.iss-film-intro span { display:block; margin-top:18px; color:#70d8d1; font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.iss-film-frame { position:relative; padding:11px; border:1px solid rgba(126,214,211,.30); background:linear-gradient(135deg,rgba(120,221,215,.13),rgba(255,255,255,.025)); box-shadow:0 35px 75px rgba(0,8,16,.42),inset 0 1px rgba(236,255,255,.11); }
.iss-film-frame::before,.iss-film-frame::after { content:""; position:absolute; z-index:2; width:38px; height:38px; pointer-events:none; }
.iss-film-frame::before { left:-1px; top:-1px; border-left:1px solid #78ded7; border-top:1px solid #78ded7; }
.iss-film-frame::after { right:-1px; bottom:-1px; border-right:1px solid #78ded7; border-bottom:1px solid #78ded7; }
.iss-film-launch { position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; padding:0; border:0; color:#fff; background:#071724; cursor:pointer; text-align:left; }
.iss-film-launch>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .4s; }
.iss-film-wash { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,17,26,.16),rgba(3,19,29,.02) 52%,rgba(3,18,28,.68)),linear-gradient(90deg,rgba(4,27,39,.28),transparent 40%); transition:background .35s; }
.iss-film-meta { position:absolute; left:26px; top:23px; display:flex; align-items:center; gap:12px; font-family:Inter,ui-sans-serif,system-ui,sans-serif; text-transform:uppercase; }
.iss-film-meta b { color:#efffff; font-size:9px; letter-spacing:.15em; }
.iss-film-meta i { padding-left:12px; border-left:1px solid rgba(162,224,223,.45); color:#85b5bd; font-size:7px; font-style:normal; font-weight:800; letter-spacing:.16em; }
.iss-film-play { position:absolute; left:50%; top:50%; display:grid; justify-items:center; gap:13px; transform:translate(-50%,-50%); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
.iss-film-play i { position:relative; width:68px; height:68px; border:1px solid rgba(220,255,252,.76); border-radius:50%; background:rgba(7,38,50,.62); box-shadow:0 0 0 10px rgba(91,211,202,.08),inset 0 1px rgba(255,255,255,.14); backdrop-filter:blur(8px); transition:transform .25s,background .25s; }
.iss-film-play i::after { content:""; position:absolute; left:28px; top:23px; border-left:17px solid #efffff; border-top:11px solid transparent; border-bottom:11px solid transparent; }
.iss-film-play b { font-size:8px; letter-spacing:.17em; text-transform:uppercase; }
.iss-film-runtime { position:absolute; right:23px; bottom:20px; padding:8px 9px; border:1px solid rgba(177,229,228,.35); color:#d8f0f1; background:rgba(6,31,42,.54); font:750 8px/1 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.13em; }
.iss-film-launch:hover>img { transform:scale(1.018); filter:saturate(1.04) contrast(1.02); }
.iss-film-launch:hover .iss-film-wash { background:linear-gradient(180deg,rgba(3,17,26,.1),rgba(3,19,29,0) 54%,rgba(3,18,28,.58)),linear-gradient(90deg,rgba(4,27,39,.18),transparent 40%); }
.iss-film-launch:hover .iss-film-play i { transform:scale(1.06); background:rgba(9,73,79,.78); }
.iss-film-frame.is-playing { padding:0; border-color:rgba(126,214,211,.42); background:#061722; }
.iss-film-frame iframe { display:block; width:100%; aspect-ratio:16/9; border:0; background:#061722; }
@media(max-width:900px){.iss-film{padding:82px 0 86px}.iss-film-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.iss-film-intro p{max-width:650px}}
@media(max-width:760px){.iss-film{padding:72px 0 76px}.iss-film h2{font-size:clamp(2.55rem,12vw,3.6rem)}.iss-film-frame{padding:6px}.iss-film-meta{left:13px;top:12px}.iss-film-meta i{display:none}.iss-film-play{gap:9px}.iss-film-play i{width:52px;height:52px}.iss-film-play i::after{left:22px;top:17px;border-left-width:14px;border-top-width:9px;border-bottom-width:9px}.iss-film-runtime{right:12px;bottom:11px;padding:6px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.iss-film-launch>img,.iss-film-play i{transition:none!important}}
.iss-film-launch>video{display:block;width:100%;height:100%;object-fit:contain;background:#071724}.iss-preview-toggle{position:absolute;right:26px;top:25px;z-index:4;border:1px solid #d8f4f373;background:#0b2739c9;color:#e3f5f6;padding:9px 12px;font:500 11px/1.3 Inter,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.iss-preview-toggle[hidden]{display:none}.iss-preview-toggle:hover{background:#174d5b}.iss-film-launch:focus-visible,.iss-preview-toggle:focus-visible{outline:2px solid #93ece2;outline-offset:4px}.iss-film-launch .iss-film-play{top:auto;bottom:26px;left:27px;transform:none;display:flex;align-items:center;gap:18px}.iss-film-launch .iss-film-play i{width:54px;height:54px;box-shadow:none}.iss-film-launch .iss-film-play i:after{left:22px;top:18px;border-left-width:13px;border-top-width:8px;border-bottom-width:8px}.iss-film-launch .iss-film-play b{font-size:10px;letter-spacing:.09em}.iss-film-meta,.iss-film-runtime{display:none!important}
@media(max-width:760px){.iss-preview-toggle{top:14px;right:14px;padding:7px 9px;font-size:10px}.iss-film-launch .iss-film-play{bottom:16px;left:17px;gap:12px}.iss-film-launch .iss-film-play i{width:42px;height:42px}.iss-film-launch .iss-film-play i:after{left:17px;top:13px}.iss-film-launch .iss-film-play b{font-size:9px}}
.iss-film .iss-media-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;align-items:start}.iss-media-primary,.iss-media-features{min-width:0}.iss-film .iss-film-head{grid-template-columns:1.1fr .85fr;gap:55px;margin-bottom:30px}.iss-film h2{font-size:clamp(30px,3.2vw,45px);line-height:1.03;letter-spacing:-.05em;max-width:620px}.iss-film .iss-film-intro p{font-size:14px;max-width:460px}.iss-film{padding:66px 0 64px}.iss-media-grid .iss-film-frame{padding:7px;box-shadow:0 20px 40px #0003}.iss-film-open{display:flex;align-items:center;gap:16px;padding:18px 0 2px;border:0;background:transparent;color:#c6e4e6;font:500 13px/1.5 Inter,Arial,sans-serif;cursor:pointer}.iss-film-open span{color:#82d8d2;font-size:19px}.iss-film-open:hover{color:#fff}.iss-film-open:focus-visible,.iss-media-feature:focus-visible{outline:2px solid #93ece2;outline-offset:5px}.iss-media-features{display:grid;gap:20px}.iss-media-feature{display:block;color:#e7f3f5}.iss-media-feature-image{border:1px solid #6aa1ab80;background:#0c2d3e;aspect-ratio:2.65;overflow:hidden}.iss-media-feature-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.iss-media-feature:hover img{transform:scale(1.025)}.iss-media-feature-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 0}.iss-media-feature-caption strong{display:block;font-size:15px;font-weight:550;letter-spacing:-.015em}.iss-media-feature-caption small{display:block;font-size:11px;color:#9fbfc9;margin-top:5px;line-height:1.5}.iss-media-feature-caption>b{font-size:22px;font-weight:400;color:#80d9d1}.iss-film-dialog{width:min(1180px,calc(100% - 48px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #67969f;border-top:2px solid #86d8d0;background:#061b29;box-shadow:0 35px 100px #0008;overflow:auto;color:#d8eff1}.iss-film-dialog::backdrop{background:#030c13e8;backdrop-filter:blur(8px)}.iss-film-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 17px;border-bottom:1px solid #55808d66}.iss-film-dialog-top>span{font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.iss-film-dialog-top button{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid #64939e77;color:#d1e8eb;font:300 25px/1 Arial,sans-serif;cursor:pointer}.iss-film-dialog-top button:hover{background:#5caeae22}.iss-film-dialog-top button:focus-visible{outline:2px solid #8be7df;outline-offset:3px}.iss-film-player iframe,.iss-film-player video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#061b29}
@media(max-width:900px){.iss-film .iss-film-head{grid-template-columns:1fr;gap:18px}.iss-film .iss-media-grid{grid-template-columns:1fr}.iss-media-features{grid-template-columns:1fr 1fr;gap:24px}.iss-media-feature-image{aspect-ratio:1.8}.iss-film .iss-film-intro p{max-width:650px}}
@media(max-width:600px){.iss-film{padding:55px 0}.iss-film h2{font-size:33px}.iss-media-features{grid-template-columns:1fr;gap:27px}.iss-media-feature-image{aspect-ratio:1.8}.iss-film-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.iss-film-dialog-top{padding:9px 11px}.iss-film-dialog-top>span{font-size:9px}.iss-film .iss-film-head{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.iss-media-feature-image img{transition:none}.iss-media-feature:hover img{transform:none}}
.iss-media-feature-image img{object-fit:contain}
.iss-film{scroll-margin-top:90px}
@media(max-width:600px){
  .iss-film::before{opacity:.22}
  .iss-film .iss-media-grid{gap:38px}
  .iss-media-primary{padding-bottom:28px;border-bottom:1px solid rgba(128,204,206,.25)}
  .iss-film-open{padding-top:18px;gap:13px;min-height:46px}
  .iss-film-open span{position:relative;display:block;flex:none;width:14px;height:14px;font-size:0}
  .iss-film-open span::before{content:"";position:absolute;left:0;top:6px;width:16px;border-top:1.5px solid currentColor;transform:rotate(-45deg)}
  .iss-film-open span::after{content:"";position:absolute;right:0;top:0;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
  .iss-media-features{gap:24px}
  .iss-media-feature{padding:15px;background:linear-gradient(125deg,#102d3e,#123e49);border:1px solid rgba(121,192,200,.32);box-shadow:0 12px 28px rgba(2,15,24,.16)}
  .iss-media-feature-image{border-color:rgba(121,192,200,.2);background:#0b2635;aspect-ratio:auto}
  .iss-media-feature-image img{height:auto;aspect-ratio:auto;object-fit:contain}
  .iss-media-feature-caption{padding:18px 2px 5px;gap:16px;align-items:center}
  .iss-media-feature-caption strong{font-size:16px;font-weight:550;line-height:1.35}
  .iss-media-feature-caption small{font-size:12px;line-height:1.55;margin-top:7px;color:#b0cbd2}
  .iss-media-feature-caption>b{font-size:23px;flex:none}
}