html{font-size:clamp(10px,calc(100vw * 10 / 375),10px)}body{background-color:#000}.page{max-width:460px;margin:auto}.page .page-header{display:flex;justify-content:center;position:fixed;width:100%;max-width:460px;left:50%;transform:translateX(-50%);top:0;z-index:10;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:rgba(0,0,0,.8);padding:1.4rem 0;align-items:center}.page .page-header:after{content:"";position:absolute;left:0;right:0;width:100%;height:1px;bottom:0;background-color:#fff;opacity:.1}.page .page-header h1{font-family:var(--title-font-family);color:#fff;font-size:1.6rem;font-weight:700;line-height:2rem;margin:0}.page .page-content{height:100vh;display:flex;align-items:center}.page .video{width:100%;-o-object-fit:cover;object-fit:cover;background-color:#ddd}