:root{color-scheme:dark;--ink:#17171a;--paper:#ebe8e9;--muted:#b9aeb1;--accent:#ed9388}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--paper);-webkit-font-smoothing:antialiased}
::selection{background:#ed9388;color:#17171a}
.home{position:relative;min-height:680px;min-height:max(680px,100svh);isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:72px 6.3vw 124px}
.visual,.shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.visual img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}
.shade{z-index:-1;background:linear-gradient(90deg,rgba(23,23,26,.24),transparent 66%),linear-gradient(0deg,#17171a 0%,rgba(23,23,26,.65) 9%,transparent 30%)}
.brand{margin-top:20px;animation:arrive 1.2s ease-out both}
h1{margin:0 0 31px;font-size:clamp(70px,8.1vw,150px);line-height:1.04;letter-spacing:-.065em;white-space:nowrap;font-weight:300}
.exo{font-weight:500;letter-spacing:-.075em;color:#efb0a7}
.inference{font-weight:200}
.brand p{margin:0 0 0 .32em;color:var(--muted);font-size:clamp(10px,.87vw,13px);font-weight:400;letter-spacing:.25em;text-transform:uppercase;line-height:1.8}
footer{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:6.3vw;right:6.3vw;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:21px;border-top:1px solid rgba(237,147,136,.19);color:#aba4a7;font-size:11px;font-weight:400;letter-spacing:.035em;line-height:1.6}
.footer-mark{width:30px;height:30px;fill:none;stroke:#ed9388;stroke-width:1;opacity:.7;flex:none}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-aspect-ratio:2/1){.visual img{object-position:center 47%}.home{min-height:550px;min-height:max(550px,100svh)}}
@media(max-width:760px){
 .home{min-height:max(650px,100svh);padding:0 7vw 125px;align-items:flex-end}
 .visual{inset:0 0 12% 0}
 .visual img{object-position:78% 32%;height:82%;width:100%;object-fit:cover}
 .shade{background:linear-gradient(0deg,#17171a 0%,#17171a 23%,rgba(23,23,26,.88) 36%,transparent 63%)}
 .brand{width:100%;margin:0 0 38px}
 h1{font-size:clamp(42px,10.5vw,79px);margin-bottom:24px;letter-spacing:-.065em}
 .brand p{font-size:9px;letter-spacing:.19em;white-space:nowrap}
 footer{left:7vw;right:7vw;bottom:max(23px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.01em;padding-top:20px}
 .footer-mark{width:25px;height:25px}
}
@media(max-width:360px){h1{font-size:10.4vw}.brand p{font-size:8px;letter-spacing:.12em}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand{animation:none}}