.lwc-fgr,
.lwc-fgr *,
.lwc-fgr *::before,
.lwc-fgr *::after {
    box-sizing: border-box;
}

.lwc-fgr {
    --lwc-fgr-bg: #f7f3ea;
    --lwc-fgr-navy: #0d2545;
    --lwc-fgr-blue: #0057a8;
    --lwc-fgr-gold: #c8960c;
    --lwc-fgr-width: 420px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(64px, 8vw, 112px) 24px;
    background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.9), transparent 42%), var(--lwc-fgr-bg);
    color: var(--lwc-fgr-navy);
}

.lwc-fgr::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 22px;
    border: 1px solid color-mix(in srgb, var(--lwc-fgr-gold) 36%, transparent);
    pointer-events: none;
}

.lwc-fgr__inner {
    width: min(100%, 880px);
    margin: 0 auto;
    text-align: center;
}

.lwc-fgr__header {
    max-width: 680px;
    margin: 0 auto 38px;
}

.lwc-fgr__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    color: var(--lwc-fgr-gold);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    line-height: 1.4;
    text-transform: uppercase;
}

.lwc-fgr__eyebrow::before,
.lwc-fgr__eyebrow::after {
    content: "";
    width: 24px;
    height: 1px;
    background: currentColor;
}

.lwc-fgr__title {
    margin: 0;
    color: var(--lwc-fgr-navy);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(38px, 6vw, 64px);
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: 1.04;
}

.lwc-fgr__intro {
    max-width: 560px;
    margin: 18px auto 0;
    color: #5b6775;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 1.75;
}

.lwc-fgr__frame {
    position: relative;
    width: min(100%, var(--lwc-fgr-width));
    margin: 0 auto;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--lwc-fgr-gold) 62%, #fff);
    border-radius: 30px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 30px 75px rgba(13,37,69,.18), 0 5px 18px rgba(13,37,69,.08);
}

.lwc-fgr__frame::before,
.lwc-fgr__frame::after {
    content: "";
    position: absolute;
    top: 18%;
    width: 56px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--lwc-fgr-gold));
}

.lwc-fgr__frame::before { right: calc(100% + 18px); }
.lwc-fgr__frame::after { left: calc(100% + 18px); transform: scaleX(-1); }

.lwc-fgr__player {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border-radius: 22px;
    background: #071426;
}

.lwc-fgr__player iframe,
.lwc-fgr__trigger,
.lwc-fgr__poster {
    width: 100%;
    height: 100%;
}

.lwc-fgr__player iframe { display: block; border: 0; }

.lwc-fgr__trigger {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: #071426;
    color: #fff;
    cursor: pointer;
}

.lwc-fgr__poster {
    display: block;
    object-fit: cover;
    transition: transform 700ms cubic-bezier(.2,.75,.25,1), filter 400ms ease;
}

.lwc-fgr__wash {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7,20,38,.02) 40%, rgba(7,20,38,.72)), linear-gradient(120deg, rgba(200,150,12,.12), transparent 48%);
}

.lwc-fgr__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 76px;
    height: 76px;
    border: 1px solid rgba(255,255,255,.76);
    border-radius: 50%;
    background: rgba(0,87,168,.88);
    box-shadow: 0 10px 35px rgba(0,0,0,.28);
    place-items: center;
    transform: translate(-50%, -50%);
    transition: transform 220ms ease, background-color 220ms ease;
}

.lwc-fgr__play svg {
    width: 26px;
    height: 26px;
    margin-left: 4px;
    fill: currentColor;
}

.lwc-fgr__play-text {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.lwc-fgr__trigger:hover .lwc-fgr__poster { filter: saturate(1.06); transform: scale(1.035); }
.lwc-fgr__trigger:hover .lwc-fgr__play { background: var(--lwc-fgr-gold); transform: translate(-50%,-50%) scale(1.08); }
.lwc-fgr__trigger:focus-visible { outline: 3px solid var(--lwc-fgr-blue); outline-offset: -5px; }

.lwc-fgr__video-title {
    margin: 26px auto 0;
    color: var(--lwc-fgr-navy);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(20px, 3vw, 27px);
    font-weight: 500;
    line-height: 1.35;
}

.lwc-fgr__empty {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.lwc-fgr__empty strong { font-family: "Playfair Display", Georgia, serif; font-size: 25px; font-weight: 500; }
.lwc-fgr__empty span { max-width: 270px; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.6; }

.lwc-fgr__ornament {
    position: absolute;
    z-index: -1;
    width: clamp(120px, 19vw, 260px);
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--lwc-fgr-gold) 22%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.lwc-fgr__ornament--left { top: 14%; left: clamp(-170px, -9vw, -70px); }
.lwc-fgr__ornament--right { right: clamp(-170px, -9vw, -70px); bottom: 10%; }

@media (max-width: 767px) {
    .lwc-fgr { padding: 64px 18px; }
    .lwc-fgr::before { inset: 12px; }
    .lwc-fgr__header { margin-bottom: 30px; }
    .lwc-fgr__frame { width: min(100%, 360px); padding: 7px; border-radius: 24px; }
    .lwc-fgr__player { border-radius: 17px; }
    .lwc-fgr__frame::before, .lwc-fgr__frame::after { display: none; }
    .lwc-fgr__play { width: 66px; height: 66px; }
}

@media (prefers-reduced-motion: reduce) {
    .lwc-fgr__poster, .lwc-fgr__play { transition: none; }
}