/* The previous daylight hero, scoped to keep the current lower page intact. */
.kl-daylight { display:grid; place-items:center; position:relative; isolation:isolate; width:100%; min-height:100svh; padding:130px 24px 120px; text-align:center; overflow:hidden; background:#315f85; }
.kl-nav .kl-brand, .kl-nav .kl-links a { color:#fffaf0; text-shadow:0 1px 5px #12324c; }
.kl-nav .kl-brand img { filter:brightness(0) invert(1); }
.kl-nav .kl-links a:hover { background:#ffffff18; }
.kl-daylight-image {
    position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
    object-fit: cover; object-position: center; z-index: -2;
    animation: phEveningSettle 2.2s ease-out both;
}
.kl-daylight-shade {
    position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg, #102f4b35, transparent 25%);
}
.kl-daylight-copy { width: 100%; max-width: 1050px; }
.kl-daylight-eyebrow {
    margin: 0 0 28px; color: #fff3d8; font: 500 12px/1.5 'Inter', sans-serif;
    text-transform: uppercase; letter-spacing: .17em;
    animation: phEveningRise .7s .1s both;
}
.kl-daylight h1 {
    margin: 0; color: #fffcf5; font-family: 'Newsreader', Georgia, serif !important;
    font-size: clamp(52px, 6.4vw, 98px); line-height: 1.05;
    font-weight: 400; letter-spacing: -.045em !important; text-wrap: balance;
    animation: phEveningRise .8s .2s both;
}
.kl-daylight-eyebrow,
.kl-daylight-sub,
.kl-daylight-primary,
.kl-daylight-secondary { font-family: 'Inter', sans-serif !important; }
.kl-daylight-sub {
    margin: 30px auto 0; max-width: 600px; color: #f0ece4;
    font: 400 clamp(16px, 1.35vw, 20px)/1.7 'Inter', sans-serif;
    animation: phEveningRise .8s .34s both;
}
.kl-daylight-actions {
    display: flex; justify-content: center; gap: 14px; flex-wrap: wrap;
    margin-top: 34px; animation: phEveningRise .8s .46s both;
}
.kl-daylight-primary, .kl-daylight-secondary {
    display: inline-flex; justify-content: center; align-items: center; gap: 24px;
    min-height: 50px; padding: 13px 25px; border-radius: 999px;
    font: 600 14px/1.4 'Inter', sans-serif; text-decoration: none;
    transition: transform .2s, background-color .2s, box-shadow .2s;
}
.kl-daylight-primary { background: #f6eedf; color: #14202c; border: 1px solid #f6eedf; }
.kl-daylight-secondary { color: #fffaf0; border: 1px solid #ffffff65; background: #0e1b2b40; }
.kl-daylight-primary:hover { background: #fffaf0; transform: translateY(-2px); box-shadow: 0 8px 30px #0002; }
.kl-daylight-secondary:hover { background: #ffffff18; transform: translateY(-2px); }
.kl-daylight-primary:focus-visible, .kl-daylight-secondary:focus-visible { outline: 3px solid #cea96b; outline-offset: 5px; }

@keyframes phEveningRise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@keyframes phEveningSettle { from { transform:scale(1.035); } to { transform:scale(1); } }
@media (max-width:900px) {
 .kl-daylight { padding:120px 24px 90px; }
 .kl-daylight h1 { font-size:clamp(44px,7.7vw,70px); line-height:1.08; }
 .kl-daylight-break, .kl-daylight-sub br { display:none; }
 .kl-daylight-image { object-position:73% center; }
 .kl-daylight-shade { background:#16395915; }
 .kl-daylight-eyebrow { font-size:10px; letter-spacing:.12em; }
 .kl-daylight-sub { font-size:16px; max-width:430px; }
 .kl-daylight-actions { gap:12px; }
 .kl-daylight-primary, .kl-daylight-secondary { padding:13px 21px; gap:14px; }
}
@media (prefers-reduced-motion:reduce) {
 .kl-daylight-image, .kl-daylight-eyebrow, .kl-daylight h1, .kl-daylight-sub, .kl-daylight-actions { animation:none; }
 .kl-daylight-primary, .kl-daylight-secondary { transition:none; }
}