/* Core 3.3.1. Scoped reference palette; the 3.3.0 stylesheet stays intact. */
.fghr.fghr331 {
    --fg-bg: #050607;
    --fg-panel: #101113;
    --fg-line: rgba(255,255,255,.1);
    --fg-text: #f0ece6;
    --fg-muted: #aaa49e;
    --fg-gold: #d4aa3c;
    --fg-red: #c81827;
}
.fghr.fghr331 .fghr-hero {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 48px 0 46px;
    border-top: 2px solid rgba(212,170,60,.2);
    background: radial-gradient(circle at 84% 36%,rgba(145,8,19,.31),transparent 36%),linear-gradient(110deg,#050607 0%,#08090b 62%,#180508 100%);
}
.fghr.fghr331 .fghr-hero::after {
    content: "FRIGHT";
    position: absolute;
    right: 1%;
    bottom: -24px;
    color: rgba(255,255,255,.022);
    font-family: Arial,Helvetica,sans-serif;
    font-size: clamp(110px,15vw,210px);
    font-weight: 900;
    line-height: .78;
    letter-spacing: -.07em;
    pointer-events: none;
}
.fghr.fghr331 .fghr-hero > .fghr-shell {
    position: relative;
    z-index: 1;
}
.fghr.fghr331 .fghr-hero .fghr-eyebrow {
    font-size: 12px;
    letter-spacing: .15em;
    font-weight: 800;
}
.fghr.fghr331 .fghr-hero h1 {
    margin: 13px 0 22px;
    color: var(--fg-text);
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(64px,7.2vw,96px);
    font-weight: 400;
    font-variant: small-caps;
    line-height: .81;
    letter-spacing: -.055em;
}
.fghr.fghr331 .fghr-tagline {
    margin: 0 0 14px;
    color: var(--fg-gold);
    font-size: clamp(21px,2.2vw,28px);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.025em;
}
.fghr.fghr331 .fghr-intro {
    max-width: 640px;
    margin: 0 auto;
    color: var(--fg-muted);
    font-size: 14px;
    line-height: 1.7;
}
.fghr.fghr331 .fghr-actions {
    margin: 24px 0 0;
}
.fghr.fghr331 .fghr-button {
    background: var(--fg-red);
    border-color: var(--fg-red);
    color: #fff;
    -webkit-text-fill-color: #fff;
}
.fghr.fghr331 .fghr-button:hover {
    background: #df1a2b;
    border-color: #df1a2b;
    color: #fff;
}
.fghr.fghr331 .fghr-hero .fghr-button {
    justify-content: center;
    padding: 13px 22px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .075em;
}
.fghr.fghr331 .fghr-button--quiet {
    border-color: rgba(212,170,60,.48);
    background: transparent;
    color: var(--fg-gold);
    -webkit-text-fill-color: var(--fg-gold);
}
.fghr.fghr331 .fghr-button--quiet:hover {
    border-color: var(--fg-gold);
    background: rgba(212,170,60,.07);
    color: var(--fg-gold);
}
.fghr.fghr331 .fghr-art-placeholder {
    background: radial-gradient(ellipse at 75% 40%,rgba(145,8,19,.17),transparent 65%),#08090b;
}
@media(max-width:760px) {
    .fghr.fghr331 .fghr-hero { padding: 36px 0 34px; }
    .fghr.fghr331 .fghr-hero .fghr-eyebrow { font-size: 10px; letter-spacing: .13em; }
    .fghr.fghr331 .fghr-hero h1 { font-size: clamp(64px,18vw,84px); margin: 13px 0 22px; }
    .fghr.fghr331 .fghr-tagline { max-width: 355px; margin: 0 auto 14px; font-size: clamp(20px,5.3vw,25px); }
    .fghr.fghr331 .fghr-intro { font-size: 14px; }
    .fghr.fghr331 .fghr-actions { align-items: center; margin-top: 22px; }
    .fghr.fghr331 .fghr-hero::after { right: -12px; bottom: -10px; font-size: 105px; }
}