/* F&K — Detail Header
 *
 * Responsibility:
 * presentation of the detail page header only.
 *
 * Shared detail-page contract:
 * editorial content uses a 900px centered reading column.
 */

.fk-detail-header {
    max-width:900px;
    margin:0 auto;
    padding:42px 0 34px;
}

.fk-detail-header__back {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:28px;
    color:#626873;
    font-size:13px;
    line-height:1;
    font-weight:700;
    text-decoration:none;
}

.fk-detail-header__back:hover {
    color:var(--fk-red);
}

.fk-detail-header__label {
    margin:0 0 12px;
    color:var(--fk-red);
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fk-detail-header h1 {
    margin:0;
    color:var(--fk-black);
    font-size:clamp(36px,3.4vw,46px);
    line-height:1.04;
    letter-spacing:-.035em;
    font-weight:800;
}

.fk-detail-header__accent {
    width:44px;
    height:3px;
    margin:20px 0;
    background:var(--fk-red);
}

.fk-detail-header__intro {
    max-width:860px;
    margin:0;
    color:#5f5f5f;
    font-size:16px;
    line-height:1.6;
}

@media(max-width:700px) {

    .fk-detail-header {
        padding:32px 0 28px;
    }

    .fk-detail-header__back {
        margin-bottom:22px;
    }

    .fk-detail-header h1 {
        font-size:36px;
    }

}