/* Switch in index.html: data-homepage="kinto" or data-homepage="classic". */
html[data-homepage="kinto"] #bassen-top,
html[data-homepage="kinto"] .kinto-teaser,
html[data-homepage="classic"] .home-kinto { display:none; }
.home-kinto { position:relative; isolation:isolate; overflow:hidden; background:#111820; color:#fff; min-height:680px; display:flex; align-items:center; }
.home-kinto-photo { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:75% 40%; }
.home-kinto::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,12,16,.96),rgba(8,12,16,.86) 36%,rgba(8,12,16,.25) 70%,rgba(8,12,16,.05)); }
.home-kinto-copy { width:64%; max-width:850px; padding:50px var(--pad) 80px; }
.home-kinto-logo { width:157px; height:40px; filter:invert(1); margin-bottom:32px; }
.home-kinto h1 { margin:0 0 26px; font-size:clamp(44px,5vw,72px); letter-spacing:-.035em; line-height:1.05; }
.home-kinto h1 span { color:#d8dedf; }
.home-kinto-copy > p { max-width:43ch; line-height:1.75; font-size:16px; }
.home-kinto-facts { list-style:none; display:flex; flex-wrap:wrap; gap:10px 20px; padding:0; margin:28px 0 32px; font-size:13px; font-weight:700; }
.home-kinto-facts li + li { border-left:1px solid #ffffff70; padding-left:20px; }
.home-kinto-actions { display:flex; flex-wrap:wrap; gap:12px; }
.home-kinto-copy .home-kinto-note { font-size:12px; color:#d8dedf; margin:22px 0 0; }
html[data-homepage="classic"] #bassen-top { scroll-margin-top:76px; }
@media (max-width:1050px) { .home-kinto-copy { width:74%; } }
@media (max-width:700px) {
 .home-kinto { display:block; min-height:0; padding-top:280px; }
 .home-kinto-photo { height:430px; object-position:72% 25%; }
 .home-kinto::before { background:linear-gradient(0deg,#111820 0%,#111820 49%,rgba(17,24,32,.04)); }
 .home-kinto-copy { width:100%; padding:0 var(--pad) 40px; }
 .home-kinto h1 { font-size:42px; }
 .home-kinto-actions { flex-direction:column; align-items:flex-start; }
 .home-kinto-facts { gap:10px 14px; }
 .home-kinto-facts li + li { padding-left:14px; }
}
@media (max-width:380px) { .home-kinto h1 { font-size:37px; } }