@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{--light:#e3e3db;--dark:#0f0f0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light);color:var(--dark);font-family:Instrument Serif,sans-serif}img{object-fit:cover;width:100%;height:100%}h1{font-size:clamp(5rem,6vw,7rem);font-weight:500;line-height:.8}p{font-size:1.35rem;line-height:1}section{width:100%;height:100svh;position:relative;overflow:hidden}.hero{perspective:1000px;color:var(--light)}.outro{text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}.sky-container,.hero-copy,.window-container,.hero-header{will-change:transform;width:100%;position:absolute;top:0;left:0}.sky-container{height:350svh}.hero-copy{justify-content:center;align-items:center;height:100svh;display:flex}.hero-copy h1{width:85%}.window-container{height:100svh}.hero-header{transforrm-style:preserve-3d;height:100svh;padding:2rem;display:flex}.hero-header .col{flex-direction:column;flex:1;justify-content:space-between;display:flex}.hero-header .col p{width:50%}.hero-header .col:nth-child(2){text-align:right;align-items:flex-end}@media (width<=1000px){h1{font-size:3rem}p{font-size:1.125rem}}