@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#fafafa;background:#101010;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}main{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:32px 48px;overflow:hidden}
.scene{position:absolute;inset:0;z-index:-2;background:#101010}.scene video{height:100%;width:100%;object-fit:cover;object-position:center}.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.4) 58%,rgba(0,0,0,.08))}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}header{font-size:12px}header>span{color:#f2f2f2}.wordmark{font-weight:800;font-size:20px;letter-spacing:0}.reveal{align-self:center;padding:72px 0;max-width:960px}.status{font-size:12px;text-transform:uppercase;letter-spacing:0;margin:0 0 26px}.status::before{content:"";display:inline-block;width:28px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle}
h1{font-size:112px;line-height:1.08;letter-spacing:0;font-weight:600;margin:0 0 22px}.tagline{font-size:22px;line-height:1.6;margin:0}.mobile-break{display:none}.rule{height:1px;width:72px;background:#e7e7e7;margin:36px 0;transform-origin:left}.promise{font-size:16px;color:#eee;margin:0}.contact{font-size:14px;padding:12px 0;border-bottom:1px solid #b9b9b9}.contact span{display:inline-block;margin-left:24px;font-size:20px}.contact:hover{border-color:white}.contact:hover span{transform:translate(2px,-2px)}footer{min-height:48px}#motion{height:44px;width:44px;border:1px solid #aaa;border-radius:50%;background:#10101070;color:white;display:grid;place-items:center;cursor:pointer}#motion[hidden]{display:none}#motion:hover{background:#303030}#motion:active{transform:scale(.96)}.play-symbol{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;margin-left:3px}.is-playing .play-symbol{width:10px;height:12px;margin:0;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
@media(prefers-reduced-motion:no-preference){.reveal h1{animation:arrive 1.5s cubic-bezier(.2,.7,.2,1) both}.status,.tagline,.promise{animation:arrive 1.4s .25s both}.rule{animation:rule 1.8s .3s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(max-width:900px){main{padding:24px 28px}h1{font-size:80px}}
@media(max-width:600px){main{padding:24px 22px}.wordmark{font-size:17px}header>span{font-size:11px}.reveal{padding:64px 0}h1{font-size:52px}.tagline{font-size:18px}.mobile-break{display:block}.promise{font-size:14px}.scene video{object-position:58% center}.scene::after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.25))}}
@media(max-width:350px){h1{font-size:44px}header>span{font-size:10px}}