*{box-sizing:border-box}html{background:#f2efe7}body{margin:0;color:#111;font-family:Arial,sans-serif}.spacer{height:120vh}main{height:100svh;position:sticky;top:0;overflow:hidden;padding:28px 4vw}header{position:relative;z-index:5;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.24em}.frame{position:absolute;left:var(--left,47%);right:var(--right,6%);top:var(--top,14%);bottom:var(--bottom,8%);overflow:hidden;background:#111}.frame video{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) contrast(1.15);transform:scale(var(--scale,1.1))}.frame:after{content:'';position:absolute;inset:0;border:1px solid #fff4}.lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;color:white;font-size:clamp(30px,7vw,110px);font-weight:bold;letter-spacing:-.06em;mix-blend-mode:difference}.lines span:nth-child(2){text-align:right;color:#ff3e1d}section{position:absolute;left:6vw;top:20%;z-index:4}small{font-size:9px;letter-spacing:.26em;color:#ff3e1d}h1{font-size:clamp(62px,9vw,130px);line-height:.77;letter-spacing:-.08em;margin-top:34px}.progress{position:absolute;bottom:4vh;left:6vw;width:24vw;height:2px;background:#1112}.progress i{display:block;height:100%;width:var(--p,0%);background:#ff3e1d}@media(max-width:700px){section{left:24px;top:14%}.frame{left:var(--left,12%);right:var(--right,4%);top:var(--top,42%);bottom:var(--bottom,5%)}header span{display:none}h1{font-size:17vw}}