/* =========================================================
   HERO
   ========================================================= */
.fs-hero{
    background:linear-gradient(180deg, var(--fs-color-bg-soft) 0%, var(--fs-color-bg) 65%);
    padding:var(--fs-space-xl) 0;
    overflow:hidden;
}
.fs-hero__inner{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:var(--fs-space-lg);
    align-items:center;
}
.fs-hero__content h1{
    font-size:var(--fs-h1);
    margin-bottom:var(--fs-space-sm);
}
.fs-hero__subtitle{
    font-size:var(--fs-text-lg);
    color:var(--fs-color-text-light);
    max-width:520px;
    margin-bottom:var(--fs-space-md);
}
.fs-hero__actions{ display:flex; flex-wrap:wrap; gap:1rem; }

.fs-hero__media{ position:relative; }
.fs-hero__media-frame{
    aspect-ratio:4/5;
    border-radius:var(--fs-radius-lg);
    overflow:hidden;
    box-shadow:var(--fs-shadow-lg);
    position:relative;
}
.fs-hero__media-frame::before{
    content:"";
    position:absolute;
    inset:-14px;
    border:1px solid var(--fs-color-secondary);
    border-radius:calc(var(--fs-radius-lg) + 14px);
    z-index:-1;
    opacity:.5;
}