/* Scoped to the branding block; navigation and the rest of Eleferno are unchanged. */
body.site .container-header > .eleferno-hero {
    display: grid;
    grid-template-columns: minmax(320px, 35%) minmax(0, 1fr);
    align-items: stretch;
    min-height: 194px;
    background: #000;
    overflow: hidden;
    border-color: #000;
    isolation: isolate;
}
.eleferno-hero__copy {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 19px 0 19px 26px;
    align-self: center;
    color: #ff6600;
}
body.site .container-header .eleferno-hero__title {
    display: inline-block;
    max-width: 100%;
    color: #ff6600 !important;
    font: bold italic clamp(44px, 4.4vw, 64px)/1 'Times New Roman', Georgia, serif;
    text-decoration: none;
    overflow-wrap: anywhere;
}
body.site .eleferno-hero__title:focus-visible {
    outline: 2px solid #ff6600;
    outline-offset: 5px;
    border-radius: 2px;
}
body.site .eleferno-hero__subtitle {
    margin: 3px 0 11px;
    font: 400 20px/1.2 Arial, sans-serif;
    color: #ff6600;
    overflow-wrap: anywhere;
}
body.site .eleferno-hero__slogan {
    max-width: 57ch;
    margin: 0;
    color: #ff6600;
    font: 400 14px/1.45 Arial, sans-serif;
    overflow-wrap: anywhere;
    white-space: pre-line;
    text-wrap: balance;
}
.eleferno-hero__art {
    position: relative;
    align-self: stretch;
    min-width: 0;
    overflow: hidden;
    background: #000;
}
body.site .eleferno-hero__art img {
    position: absolute;
    width: 100%;
    max-width: none;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    margin: 0;
    border: 0;
    box-shadow: none;
}
.eleferno-hero__art::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #000, transparent 11%);
}
@media (min-width: 1500px) {
    body.site .container-header > .eleferno-hero { min-height: 222px; }
}
@media (max-width: 960px) {
    body.site .container-header > .eleferno-hero { grid-template-columns: 1fr; min-height: 0; }
    .eleferno-hero__copy { padding: 18px 22px 7px; }
    body.site .eleferno-hero__title { font-size: 46px; }
    body.site .eleferno-hero__slogan { max-width: 76ch; }
    .eleferno-hero__art { aspect-ratio: 5.15 / 1; }
    .eleferno-hero__art::after { background: linear-gradient(#000, transparent 9%); }
}
@media (max-width: 480px) {
    .eleferno-hero__copy { padding: 16px 17px 8px; }
    body.site .container-header .eleferno-hero__title { font-size: 42px; }
    body.site .eleferno-hero__subtitle { font-size: 18px; margin-bottom: 9px; }
    body.site .eleferno-hero__slogan { font-size: 14px; }
}