/* the landing page: one headline, one sentence, the video, three doors */
.splash{padding:40px 20px 56px}
.splash-wrap{max-width:760px;margin:0 auto}
.splash h1{margin:0 0 10px}
.splash-lead{margin:0 0 24px;font-size:clamp(17px,2.6vw,20px);line-height:1.5;color:var(--ink-2,#3a3f46);max-width:34em}
.splash-video{margin:0 0 28px;border-radius:12px;overflow:hidden;background:#17191c;aspect-ratio:16/9}
.splash-video video,.splash-video iframe{display:block;width:100%;height:100%;border:0;background:#17191c}
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.door{display:flex;flex-direction:column;gap:6px;min-height:104px;padding:16px;border:1px solid var(--line,#d9d7cf);border-radius:12px;background:var(--card,#fff);color:inherit;text-decoration:none}
.door b{font-size:19px;font-weight:600;letter-spacing:-.01em}
.door span{font-size:14px;line-height:1.45;color:var(--ink-2,#3a3f46)}
.door:hover,.door:focus-visible{border-color:var(--ink,#17191c);outline:0}
.splash-about{margin:22px 0 0;font-size:14px}
@media(max-width:860px){.splash-about a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:640px){.splash{padding:22px 16px 40px}.doors{grid-template-columns:1fr}.door{min-height:0}}