@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#48483c;color:#fffaf0}.cinematic{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden}.poster,video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}video{opacity:0;transition:opacity .8s}video.ready{opacity:1}.shade{background:linear-gradient(180deg,#141a195c,transparent 38%),linear-gradient(90deg,#12181438,transparent 75%)}header{position:relative;z-index:1;padding:38px 5%;max-width:100%}h1{font:400 clamp(27px,3.2vw,48px)/1.12 'Italiana',Georgia,serif;letter-spacing:-1.1px;margin:0}header p{font:400 10px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:1.2px;margin:13px 0 0;max-width:420px}#motion{position:absolute;right:5%;bottom:max(25px,env(safe-area-inset-bottom));z-index:2;width:42px;height:42px;border:1px solid #fff7;border-radius:50%;color:#fffaf0;background:#14201845;cursor:pointer;font:18px Georgia,serif;display:grid;place-items:center}#motion:hover{background:#14201880}#motion:focus-visible{outline:2px solid #fffaf0;outline-offset:5px}@media(max-width:600px){header{padding:30px 6%}h1{font-size:clamp(26px,6.4vw,38px);letter-spacing:-.7px}header p{font-size:9px;max-width:285px;letter-spacing:.8px}.poster,video{object-position:63% center}}@media(prefers-reduced-motion:reduce){video{transition:none}}