/* Original ESR Code coastal entrance, with the existing public actions. */
.network-app.code-home::before {
    background: linear-gradient(90deg, rgb(8 10 12 / 8%) 25%, rgb(8 10 12 / 38%) 48%, rgb(8 10 12 / 90%) 100%), linear-gradient(0deg, rgb(8 10 12 / 85%), transparent 48%, rgb(8 10 12 / 55%));
}
.code-home .network-app__photo img { object-position: center; }
.code-home .network-app__main { width: min(100% - 5rem, 80rem); }
.code-home__brand { display: inline-flex; align-items: center; gap: .5rem; font-size: 1.1rem; font-weight: 800; letter-spacing: -.04em; color: #fff; }
.code-home__brand strong { padding: .3rem .5rem; border: 1px solid rgb(255 255 255 / 60%); border-radius: .3rem; font-size: .75rem; font-weight: 600; letter-spacing: .12em; }
.code-home .code-home__entry { width: min(100%, 30rem); margin: auto 0 auto auto; padding: clamp(2rem, 7vh, 5rem) 0; }
.code-home .code-home__entry h1 { margin: 0; color: #fff; font-size: clamp(2.2rem, 3.5vw, 3.7rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.08; text-wrap: balance; }
.code-home .code-home__entry > p { color: #e6e6e6; font-size: 1rem; line-height: 1.5; margin: 1.25rem 0 1.7rem; max-width: 34ch; }
.code-home__choices { display: grid; gap: .6rem; }
.code-home .network-app__primary { gap: 1rem; font-size: .95rem; }
.code-home__training { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 64px; padding: .75rem 0; border-bottom: 1px solid rgb(255 255 255 / 40%); color: #fff; font-size: 1rem; text-decoration: none; }
.code-home__training small { display: block; color: #dedede; font-size: .75rem; font-weight: 400; margin-top: .25rem; }
.code-home__training:hover { color: #fff; border-color: #fff; }
.code-home__training > span:last-child { font-size: 1.4rem; }
.code-home__facts { margin: 0; font-size: .85rem; line-height: 1.55; }
.code-home__facts > div { margin-block: .75rem; }
.code-home__facts dt { display: inline; color: #fff; font-weight: 650; }
.code-home__facts dd { display: inline; margin: 0 0 0 .25rem; color: #ddd; }
@media (max-width: 1050px) {
    .code-home .network-app__main { width: calc(100% - 3rem); }
}
@media (orientation: portrait) {
    .network-app.code-home::before { background: linear-gradient(0deg, rgb(8 10 12 / 97%) 0%, rgb(8 10 12 / 84%) 35%, rgb(8 10 12 / 18%) 70%, rgb(8 10 12 / 35%) 100%); }
    .code-home .network-app__photo img { object-position: center top; }
    .code-home .code-home__entry { margin: auto 0 0; padding-top: max(11rem, 27svh); padding-bottom: 1.5rem; }
}
@media (max-width: 760px) {
    .code-home .network-app__main { width: calc(100% - 2.5rem); }
    .code-home .code-home__entry h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
    .code-home .code-home__entry > p { font-size: .9rem; margin: .9rem 0 1.15rem; }
    .code-home .network-app__primary { font-size: .85rem; gap: .5rem; padding-inline: 1rem; }
    .code-home .code-home__training { font-size: .9rem; min-height: 56px; }
}