:root {
    --wr-ink: #14262f;
    --wr-accent: #47c9e5;
    --wr-muted: #52646c;
    --wr-paper: #eef2f1;
    --wr-panel: #fff;
    --wr-line: #d2dddc;
    --wr-display: 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
    --wr-radius: .22rem;
    --wr-max: 1280px;
}

.wr-header { background: #fff; }
.wr-header-contact { padding: .65rem .85rem; background: #14262f; color: #fff; }
.wr-nav a { font-size: .82rem; font-weight: 700; letter-spacing: .035em; }
.wr-footer { border-top: .35rem solid var(--wr-accent); }
.ka-scene {
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: end;
    min-height: clamp(27rem, 56vw, 43rem);
    overflow: hidden;
    background: #162a35;
    color: #fff;
}
.ka-image { position: absolute; inset: 0; margin: 0; z-index: -2; }
.ka-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ka-scene::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(96deg, #112630fa, #112630de 44%, #11263042 100%);
    content: '';
}
.ka-copy { padding: clamp(3rem, 8vw, 7.5rem) 0; max-width: 55rem; }
.ka-copy h1 {
    max-width: 14ch;
    margin: 0 0 1.4rem;
    font: 850 clamp(2.8rem, 7.4vw, 7rem) / .91 var(--wr-display);
    letter-spacing: -.06em;
    overflow-wrap: anywhere;
}
.ka-copy p { max-width: 57ch; color: #e3ecee; }
.ka-copy .ka-kicker { color: #a3e8f4; font-size: .79rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.ka-copy a { color: #fff; }
.ka-route { background: #203945; border-bottom: .35rem solid var(--wr-accent); }
.ka-route nav { display: flex; flex-wrap: wrap; gap: 0; }
.ka-route a { display: flex; flex: 1 1 10rem; justify-content: space-between; gap: .7rem; border-inline-start: 1px solid #ffffff30; padding: 1.1rem 1.35rem; color: #fff; text-decoration: none; }
.ka-route a:hover { background: #ffffff16; text-decoration: underline; }
.ka-content { margin: clamp(2.5rem, 6vw, 6rem) auto; scroll-margin-top: 6rem; }
.ka-content .wr-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ka-content .wr-flow > :not(.wr-section-blurb) { grid-column: 1 / -1; }
.ka-content .wr-section-blurb { border-top: 3px solid var(--wr-accent); }
.ka-journal { display: flex; flex-wrap: wrap; gap: 1rem; }
.ka-journal a { display: grid; flex: 1 1 13rem; gap: .4rem; padding: 1.25rem; border-top: 3px solid var(--wr-accent); background: #fff; color: inherit; }
.ka-journal time { color: var(--wr-muted); font-size: .8rem; }

@media (max-width: 680px) {
    .ka-scene { min-height: 24rem; }
    .ka-scene::after { background: linear-gradient(0deg, #112630fa, #1126309e); }
    .ka-route a { padding: .85rem .7rem; }
    .ka-content .wr-flow { grid-template-columns: minmax(0, 1fr); }
}