@font-face{font-family:Montserrat;src:url('/assets/montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#c6c6c4;--ink:#101010}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper)}
body{font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.landing{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden}
.atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;contain:paint}
.cloud{position:absolute;pointer-events:none;will-change:transform}
.cloud-original{inset:-5%;background:url('/assets/atmosphere.webp') center center / cover no-repeat;animation:drift 10s ease-in-out infinite alternate;transform-origin:40% 40%}
.cloud-blue{inset:-12%;background:radial-gradient(ellipse at 14% 51%,rgba(32,81,183,.42),transparent 35%);mix-blend-mode:color;opacity:.28;animation:blue 19s ease-in-out infinite alternate}
.cloud-warm{inset:-10%;background:radial-gradient(ellipse at 51% 22%,rgba(239,77,24,.7),transparent 37%);mix-blend-mode:color;opacity:.2;animation:warm 17s ease-in-out infinite alternate}
.signature{position:absolute;top:50%;right:4%;width:clamp(220px,21vw,380px);transform:translateY(-15%)}
h1{margin:0;font-size:inherit;font-weight:400;line-height:1}
h1 img{display:block;width:100%;height:auto}
.status{margin:34px 0 0;text-align:center;font-size:clamp(11px,.95vw,16px);font-weight:400;letter-spacing:.52em;text-transform:uppercase;color:#50514f;padding-left:.52em;line-height:1.7}
@keyframes drift{0%{transform:translate3d(-1.4%,-1.2%,0) scale(1.03)}50%{transform:translate3d(.7%,.3%,0) scale(1.05)}100%{transform:translate3d(1.5%,1.1%,0) scale(1.025)}}
@keyframes blue{from{transform:translate3d(-3%,4%,0) scale(.96)}to{transform:translate3d(4%,-3%,0) scale(1.07)}}
@keyframes warm{from{transform:translate3d(3%,-4%,0) scale(1.05)}to{transform:translate3d(-4%,4%,0) scale(.97)}}
@media(max-width:700px){
 .cloud-original{inset:-4% -30% 17%;background-position:32% top;animation-duration:9s;transform-origin:35% 30%}
 .atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 38%,rgba(198,198,196,.18) 53%,var(--paper) 78%)}
 .cloud-blue,.cloud-warm{bottom:16%;animation-duration:13s}
 .signature{top:auto;bottom:max(14svh,calc(env(safe-area-inset-bottom) + 64px));right:50%;width:min(65vw,320px);transform:translateX(50%)}
 .status{font-size:11px;letter-spacing:.42em;padding-left:.42em;margin-top:27px}
}
@media(max-height:450px) and (min-width:701px){.signature{width:22vw;min-width:190px}.status{margin-top:22px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cloud{animation:none!important;will-change:auto}}

.cloud-original.interactive{animation:none;background:none;transform:none}
.cloud-original canvas{display:block;width:100%;height:100%}

.contact{display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:10px;color:#50514f;font-size:14px;font-weight:400;letter-spacing:.035em;text-decoration:none}
.contact:hover{text-decoration:underline;text-underline-offset:4px}
.contact:focus-visible{outline:1px solid currentColor;outline-offset:4px}