.film{--len:var(--film-len,3.2);height:calc(var(--screen,100svh) * var(--len));color:#fff;display:block;position:relative}.film__stage{height:var(--screen,100svh);isolation:isolate;background:var(--night-2);position:sticky;top:0;overflow:clip}.film__media{z-index:-2;position:absolute;inset:0}.film__media img,.film__media video{object-fit:cover;object-position:74% 50%;width:100%;height:100%;position:absolute;inset:0}.film__stage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05080dbd,#05080d6b 36%,#05080d00 62%),linear-gradient(#05080d00 70%,#05080d99);position:absolute;inset:0}.film__inner{height:100%;padding-top:var(--header-h);grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.film__caps{align-self:center;max-width:36rem;display:grid}.film__cap{align-self:center;justify-items:start;gap:clamp(14px, var(--screen,100svh) * .024, 22px);grid-area:1/1;display:grid}.film__cap>*{opacity:0;transition:opacity .5s var(--ease), translate .9s var(--ease);translate:0 26px}.film__cap.is-active>*{opacity:1;transition-delay:.14s;translate:0}.film__cap.is-active>:nth-child(2){transition-delay:.22s}.film__cap.is-active>:nth-child(3){transition-delay:.32s}.film__title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.3rem,1.3rem + 3.3vw,4.75rem);font-weight:500;line-height:1}.film__title .accent,.film__title>em{font-family:var(--f-accent);letter-spacing:-.035em;color:var(--ice);font-style:normal;font-weight:300}.film__text{max-width:30rem;font-size:var(--fs-lead);letter-spacing:-.012em;color:#ffffffc7;line-height:1.5}.film__foot{padding-block:clamp(18px, var(--screen,100svh) * .03, 28px) clamp(20px, var(--screen,100svh) * .045, 40px);border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;display:flex;position:relative}.film__product{gap:2px;font-size:15px;line-height:1.35;display:grid}.film__product b{font-weight:500}.film__product span{color:#ffffffb3}.film__bar{transform-origin:0;height:1px;transform:scaleX(var(--p,0));background:#fff;position:absolute;top:-1px;left:0;right:0}@media (hover:hover) and (pointer:fine){.film__stage{clip-path:inset(calc(var(--e,0) * 5%) calc(var(--e,0) * max(var(--gutter), (100% - var(--maxw)) / 2)) round calc(var(--e,0) * var(--r-xl)))}.film__media{transform:scale(calc(1 + var(--e,0) * .08))}}@media (width<=760px),(orientation:portrait){.film{--len:calc(var(--film-len,3.2) - .4)}.film__media{aspect-ratio:var(--film-ar-portrait,4 / 5);max-height:72%;bottom:auto}.film__media img,.film__media video{object-position:50% 50%}.film__media:after{content:"";pointer-events:none;background:linear-gradient(#0b111900, var(--night-2));position:absolute;inset:50% 0 -1px}.film__stage:before{display:none}.film__caps{align-self:end;max-width:none;padding-bottom:8px}.film__cap{align-self:end}.film__title{font-size:clamp(2rem,8.6vw,3.25rem)}.film__text{font-size:15.5px}}@media (width<=479px){.film__foot{gap:14px}.film__foot .btn{flex:100%}}