:root{--ii-safe-top:env(safe-area-inset-top,0px);--ii-safe-right:env(safe-area-inset-right,0px);--ii-safe-left:env(safe-area-inset-left,0px);--ii-header-height:calc(62px + var(--ii-safe-top))}
.ii-header{height:var(--ii-header-height);padding-top:var(--ii-safe-top);padding-left:max(28px,var(--ii-safe-left));padding-right:max(28px,var(--ii-safe-right))}
.ii-index{padding-top:calc(112px + var(--ii-safe-top));padding-left:max(12%,var(--ii-safe-left));padding-right:max(12%,var(--ii-safe-right))}
.ii-body .ii-landing{grid-template-columns:220px minmax(0,1fr);row-gap:24px;min-height:calc(100svh - var(--ii-header-height) - var(--ii-legal-height))}
.ii-body .ii-landing-heading{grid-row:1}
.ii-body .ii-landing-primary{grid-column:1;grid-row:2}
.ii-body .ii-landing-film{grid-column:2;grid-row:2;position:relative;max-width:800px}
.ii-body .ii-landing-secondary{grid-column:1;grid-row:3;justify-self:start;display:flex;flex-direction:row;align-items:center;gap:24px;padding:0;font-size:12px}
.ii-body .ii-landing-secondary a{min-height:40px}
.ii-body .ii-film-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;margin:0;opacity:0;pointer-events:none;transition:opacity .2s}
.ii-body .ii-film-controls button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:10px;border-radius:50%;background:rgba(255,255,255,.9);color:#161616}
.ii-film-controls svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ii-film-controls .ii-play-icon{fill:currentColor;stroke:none;display:none}
.ii-film-controls .ii-sound-waves{display:none}
.ii-film-controls [aria-pressed=true] .ii-sound-waves{display:block}
.ii-film-controls [aria-pressed=true] .ii-sound-muted{display:none}
.ii-film-paused .ii-play-icon{display:block}
.ii-film-paused .ii-pause-icon{display:none}
.ii-body .ii-landing-film:has(:focus-visible) .ii-film-controls,.ii-body .ii-controls-visible .ii-film-controls,.ii-body .ii-film-paused .ii-film-controls{opacity:1;pointer-events:auto}
.ii-legal-footer{padding-left:max(24px,var(--ii-safe-left));padding-right:max(24px,var(--ii-safe-right));white-space:nowrap}
@media(hover:hover){.ii-body .ii-landing-film:hover .ii-film-controls{opacity:1;pointer-events:auto}}
@media(max-width:1100px){.ii-body .ii-landing{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:600px){
 :root{--ii-header-height:calc(60px + var(--ii-safe-top));--ii-legal-height:calc(36px + env(safe-area-inset-bottom,0px))}
 .ii-header{padding-left:max(20px,var(--ii-safe-left));padding-right:max(20px,var(--ii-safe-right))}
 .ii-index{top:var(--ii-header-height);padding-top:22px;padding-left:max(20px,var(--ii-safe-left));padding-right:max(20px,var(--ii-safe-right))}
 .ii-legal-footer{display:flex;flex-wrap:nowrap;gap:clamp(6px,2.4vw,14px);font-size:8px;line-height:1;grid-template-rows:none;padding-left:max(10px,var(--ii-safe-left));padding-right:max(10px,var(--ii-safe-right))}
 .ii-legal-footer a{flex:0 0 auto;min-height:32px}
 .ii-body .ii-landing{grid-template-columns:minmax(0,1fr);padding-left:max(24px,var(--ii-safe-left));padding-right:max(24px,var(--ii-safe-right))}
 .ii-body .ii-landing-heading{grid-column:1;grid-row:1}
 .ii-body .ii-landing-film{grid-column:1;grid-row:2}
 .ii-body .ii-landing-primary{grid-column:1;grid-row:3}
 .ii-body .ii-landing-secondary{grid-column:1;grid-row:4}
 .ii-body .ii-film-controls{right:8px;bottom:8px;gap:6px}
}
@media(min-width:601px) and (max-width:950px) and (max-height:500px){.ii-index{top:var(--ii-header-height);padding-top:16px}}
@media(prefers-reduced-motion:reduce){.ii-body .ii-film-controls{transition:none}}