@font-face{font-family:Inter;src:url('/fonts/inter-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:SourceSerif;src:url('/fonts/source-serif-4-normal.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
html{color-scheme:light;background:#dbe9f7}
body{color:#071123;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.anticipation{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;--edge:5%}
.scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.masthead{position:absolute;top:5.7%;left:var(--edge);right:4.6%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:14px;font-size:clamp(22px,2.1vw,36px);font-weight:700;letter-spacing:-.055em;white-space:nowrap;color:#000}
.brand img{display:block;width:clamp(31px,2.8vw,49px);height:auto;flex:none}
.development{margin:0;color:#26394b;font-size:clamp(9px,.75vw,14px);font-weight:500;letter-spacing:.34em;white-space:nowrap}
.message{position:absolute;top:25.7%;left:var(--edge);width:42.5%}
h1{margin:0;color:#080f22;font-family:SourceSerif,Georgia,serif;font-weight:600;font-size:clamp(55px,7.1vw,122px);line-height:.94;letter-spacing:-.055em;white-space:nowrap}
.support{margin:3.3% 0 0;color:#27466a;font-size:clamp(17px,1.78vw,31px);font-weight:500;letter-spacing:-.035em;line-height:1.4;white-space:nowrap}
.testing{margin:2.1% 0 0;color:#23466b;font-size:clamp(14px,1.22vw,22px);line-height:1.5;white-space:nowrap}
.anticipation footer{position:absolute;bottom:6.6%;left:var(--edge);font-size:clamp(11px,1vw,17px);font-weight:500;letter-spacing:.075em;color:#0d1c37}
@media(max-width:1100px){
 .anticipation{--edge:5.5%;background:#d7e8f8}
 .scene{top:20%}.scene img{object-position:68% center}
 .scene:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(#d7e8f8 0%,rgb(215 232 248 / .85) 15%,transparent 52%)}
 .message{top:18%;width:90%}h1{font-size:clamp(55px,8vw,91px)}
 .support{font-size:clamp(18px,2.4vw,26px)}.testing{font-size:clamp(14px,1.7vw,19px)}
}
@media(max-width:700px){
 .anticipation{--edge:6%;background:#d8eafa}
 .masthead{top:4%;right:var(--edge)}.brand{font-size:clamp(20px,5.6vw,27px);gap:8px}.brand img{width:clamp(24px,6.5vw,32px)}
 .development{font-size:clamp(7px,1.8vw,10px);letter-spacing:.13em}
 .message{top:17%;width:calc(100% - 2 * var(--edge));max-width:600px}
 h1{font-size:clamp(36px,10vw,68px);line-height:.96;letter-spacing:-.055em}
 .support{max-width:33ch;margin-top:4%;font-size:clamp(15px,4vw,23px);line-height:1.25;white-space:normal}
 .testing{max-width:34ch;margin-top:3%;font-size:clamp(11px,2.9vw,16px);line-height:1.3;white-space:normal}
 .scene{top:37%}.scene img{object-position:74% center}
 .scene:before{background:linear-gradient(#d8eafa 0%,rgb(216 234 250 / .6) 8%,transparent 35%)}
 .anticipation footer{bottom:3%;font-size:11px;text-shadow:0 1px 8px #fff}
}
@media(max-width:700px) and (max-height:650px){.message{top:15%}h1{font-size:clamp(34px,8.4vw,52px)}.support{margin-top:2%}.testing{margin-top:2%}.scene{top:40%}}
@media(max-height:450px) and (min-width:701px){.masthead{top:3%}.brand{font-size:22px}.brand img{width:27px}.message{top:25%}h1{font-size:min(7vw,58px)}.support{font-size:min(2vw,17px);margin-top:1%}.testing{font-size:13px;margin-top:1%}.anticipation footer{bottom:3%}}
@media(max-width:350px){.development{font-size:7px}.brand{font-size:19px}h1{font-size:9.7vw}}

/* The mouse positions the light over the glass; no timed sweep or easing. */
@media(min-width:1101px) and (prefers-reduced-motion:no-preference) and (pointer:fine){
}