*{box-sizing:border-box}
:root{color-scheme:light;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;color:#21313d;background:#edf3f6;font-synthesis:none}
html,body{margin:0;min-height:100%;width:100%}
.landing{position:relative;isolation:isolate;min-height:850px;min-height:max(850px,100svh);display:flex;flex-direction:column;align-items:center;padding:clamp(28px,4vh,56px) 5vw 26px;overflow:hidden;text-align:center}
.scene,.veil{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.scene{object-fit:cover;object-position:50% 59%}
.veil{z-index:-1;background:linear-gradient(180deg,rgba(248,251,253,.88) 0%,rgba(248,251,253,.73) 31%,rgba(248,251,253,0) 53%,rgba(248,251,253,0) 70%,rgba(248,251,253,.88) 89%,rgba(248,251,253,.96) 100%)}
.brand{font-size:clamp(25px,2.4vw,38px);font-weight:400;letter-spacing:-.055em;line-height:1.2}
.brand span{font-weight:300}
.intro{margin-top:clamp(26px,4vh,50px);width:100%}
.status{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 22px;font-size:12px;text-transform:uppercase;letter-spacing:.34em;color:#415566;font-weight:500}
.status:before,.status:after{content:"";width:80px;height:1px;background:#acbdc8}
h1{font-size:clamp(44px,5.2vw,82px);font-weight:300;line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance}
.description{font-size:clamp(16px,1.4vw,21px);line-height:1.6;font-weight:300;color:#344b5c;margin:22px auto 0;max-width:900px}
.mobile-break{display:none}
.bottom{margin-top:auto;width:min(780px,100%);padding-top:270px}
.products{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0 auto 25px}
.products>div{padding:0 14px}
.products>div+div{border-left:1px solid #a7b7c3}
h2{font-size:clamp(20px,1.8vw,28px);font-weight:400;letter-spacing:-.035em;margin:0 0 8px;line-height:1.2}
.products p{font-size:14px;font-weight:300;letter-spacing:.08em;margin:0;color:#405667;line-height:1.5}
footer{border-top:1px solid #acbdc8;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#405667}
footer>span{font-size:16px;font-weight:300;letter-spacing:-.025em}
footer p{font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin:0}
@media(min-width:1700px){.scene{object-position:50% 65%}}
@media(max-width:600px){.landing{min-height:max(760px,100svh);padding:30px 20px 24px}.scene{object-position:50% 60%}.brand{font-size:28px}.intro{margin-top:32px}.status{font-size:11px;gap:13px;letter-spacing:.24em;margin-bottom:22px}.status:before,.status:after{width:32px}h1{font-size:clamp(38px,9vw,54px);line-height:1.1;letter-spacing:-.05em}.description{max-width:350px;font-size:16px;margin-top:18px;padding:0 8px}.mobile-break{display:block}.bottom{padding-top:280px}.products{margin-bottom:23px}.products>div{padding:0 6px}.products p{font-size:12px;letter-spacing:.025em}h2{font-size:21px}footer{flex-direction:column;gap:12px;padding-top:17px}footer>span{font-size:17px}footer p{font-size:11px}.veil{background:linear-gradient(180deg,rgba(248,251,253,.91),rgba(248,251,253,.78) 34%,rgba(248,251,253,0) 51%,rgba(248,251,253,.08) 70%,rgba(248,251,253,.94) 85%,rgba(248,251,253,.97))}}
@media(prefers-reduced-motion:no-preference){.intro,.brand,.bottom{animation:arrive 1s ease-out both}.intro{animation-delay:.1s}.bottom{animation-delay:.2s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}