.hero {
    position: relative;
    background: linear-gradient(
        90deg,
        #9e1b12 0%,
        #c33b17 50%,
        #e48a2a 100%
    );
    color: white;
    padding: 16px 40px 10px 40px;
    border-bottom: 3px solid rgba(0,0,0,.15);
}

.hero-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    gap: 1.2vw;
    align-items: center;
    max-width: 900px;
}

.hero-text {
    grid-column: 1;
    padding-left: 10%;
}

.hero-text h2 {
    margin: 0 0 4px 0;
    font-size: 44px;
    font-size: clamp(36px, 3vw, 52px);
    font-weight: 700;
    letter-spacing: .5px;

    background: linear-gradient(
        #e6d08a,
        #c9a23a 30%,
        #9f7420 55%,
        #caa43f 75%,
        #7a5617
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 1px 0 #f3e3a5,
        0 2px 0 #b98a2c,
        0 3px 0 #6e4c12,
        0 4px 8px rgba(0,0,0,.45);
}

.hero-text p {
    margin-top: 2px;
    font-size: 20px;
    font-variant: small-caps;
    max-width: min(70vw, 900px);
    color: #f2e6c9;
    line-height: 1.25;
    letter-spacing: .15em;

    text-shadow:
        0 1px 0 rgba(255,255,255,.25),
        0 2px 4px rgba(0,0,0,.45);
}

.hero-meta {
    grid-column: 1 / span 2;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 6px;
}

.breadcrumbs {
    font-size: 14px;
    margin: 0;
}

.lang-switch {
    font-size: 14px;
    letter-spacing: .4px;
    margin: 0;
}

.lang-switch a {
    color: #f3e7c6;
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 3px;
    transition: color .2s ease, background .2s ease;
}

.lang-switch a:hover {
    color: #e4c46a;
    background: rgba(0,0,0,.15);
}

.lang-switch span.separator {
    color: rgba(255,255,255,.5);
    margin: 0 4px;
}

.king-portrait {
    grid-column: 2;
    grid-row: 1 / span 2;
    height: clamp(160px, 18vw, 240px);
    border-radius: 6px;
    box-shadow: 0 12px 26px rgba(0,0,0,.35);
    top: 10px;
}