/* Keep v1's product reveal within the space below the measured header. */
.box-page .box-stage{min-height:0}
.box-page .box-intro{top:clamp(24px,5svh,48px)}
.box-page .box-kicker{margin-bottom:18px}
.box-page .box-intro h1{font-size:clamp(54px,min(7.4vw,14svh),108px)}
.box-page .box-intro p.box-description{margin-top:22px}
.box-page .box-film{left:30%;right:2%;top:22px;bottom:108px;height:auto;aspect-ratio:auto;transform:none;transform-origin:50% 50%;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent)}
.box-page .box-footer{bottom:28px}
.box-page .box-progress{bottom:12px}
@media(max-width:1000px) and (min-width:761px){.box-page .box-intro{width:34%}.box-page .box-intro h1{font-size:clamp(48px,min(7.4vw,12svh),74px)}.box-page .box-film{left:31%;right:1%;top:22px;bottom:104px}.box-page .box-intro p.box-description{font-size:16px;margin-top:18px}}
@media(max-width:760px){.box-page .box-intro{top:20px}.box-page .box-kicker{margin-bottom:12px}.box-page .box-intro h1{font-size:clamp(38px,min(12vw,8svh),68px)}.box-page .box-intro p.box-description{margin-top:12px;font-size:14px}.box-page .box-film{left:0;right:0;top:clamp(180px,28svh,238px);bottom:94px}.box-page .box-footer{bottom:28px}.box-page .box-progress{bottom:12px}}
@media(max-height:600px) and (min-width:761px){.box-page .box-intro{top:18px}.box-page .box-kicker{font-size:10px;margin-bottom:12px}.box-page .box-intro h1{font-size:clamp(42px,12svh,68px)}.box-page .box-intro p.box-description{font-size:14px;margin-top:15px}.box-page .box-film{top:16px;bottom:90px}.box-page .box-footer{bottom:22px}.box-page .box-scroll-cue small{display:none}}
/* Leave the existing support button its own space below the hero controls. */
.box-page .box-film{bottom:148px}
.box-page .box-footer{bottom:78px}
.box-page .box-progress{bottom:58px}
@media(max-width:760px){.box-page .box-film{bottom:140px}.box-page .box-footer{bottom:80px}.box-page .box-progress{bottom:60px}}
@media(max-height:600px) and (min-width:761px){.box-page .box-film{bottom:138px}.box-page .box-footer{bottom:76px}}
/* Size the masked element itself to the film, avoiding hard letterbox edges. */
@media(min-width:761px){.box-page .box-film{--fit-width:min(68%,calc((100svh - var(--header-block-size,87px) - 170px)*16/9));width:var(--fit-width);height:auto;aspect-ratio:16/9;left:calc(65% - var(--fit-width)/2);right:auto;top:22px;bottom:auto}}
@media(max-width:760px){.box-page .box-film{--fit-width:min(100%,calc((100svh - var(--header-block-size,120px) - clamp(180px,28svh,238px) - 154px)*16/9));width:var(--fit-width);height:auto;aspect-ratio:16/9;left:calc((100% - var(--fit-width))/2);right:auto;bottom:auto}}

@media(max-height:520px) and (min-width:761px){.box-page .box-intro{top:12px}.box-page .box-kicker{display:none}.box-page .box-intro h1{font-size:clamp(30px,8svh,42px)}.box-page .box-intro p.box-description{font-size:12px;line-height:1.35;margin-top:10px}}

/* Give Polish accents and descenders clear space between headline lines. */
html[lang="pl"] .box-page .box-intro h1{line-height:1.12}