.bf-n10{position:relative;isolation:isolate;height:76px;overflow:hidden;background:linear-gradient(100deg,#140d0e 0%,#271315 55%,#55151b 100%);color:#fff}
.bf-n10__art{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 82% 42%,rgba(179,34,42,.22),transparent 31%),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.035) 48%,transparent 70%)}
.bf-n10::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,8,9,.08),rgba(13,8,9,.3) 62%,rgba(13,8,9,.02));content:""}
.bf-n10__desktop-flag{position:absolute;right:28px;top:50%;width:86px;height:auto;color:rgba(255,255,255,.18);transform:translateY(-50%)}
.bf-n10__content{display:grid;grid-template-columns:155px minmax(0,1fr) auto;align-items:center;gap:20px;height:100%}
.bf-n10__date{margin:0;color:#f6eee4;font-family:"Playfair Display",serif;font-size:18px;font-weight:600;letter-spacing:.28em;white-space:nowrap}
.bf-n10__message{display:flex;min-width:0;align-items:center;gap:18px;padding-left:20px;border-left:1px solid rgba(214,40,48,.72)}
.bf-n10__message h2{margin:0;color:#fff8ef;font-family:"Playfair Display",serif;font-size:22px;font-style:italic;font-weight:600;line-height:1.05;white-space:nowrap}
.bf-n10__message p{margin:0;color:rgba(255,248,239,.82);font-size:12px;line-height:1.3}
.bf-n10__controls{display:flex;align-items:center;gap:10px}
.bf-n10__audio,.bf-n10__close{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);background:rgba(22,13,14,.34);color:#fff;backdrop-filter:blur(5px);transition:background .15s ease,border-color .15s ease}
.bf-n10__audio{gap:8px;min-height:38px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:600}
.bf-n10__audio-icon{font-size:14px;letter-spacing:-2px}
.bf-n10__close{width:38px;height:38px;border-radius:50%;font-size:24px;font-weight:300;line-height:1}
.bf-n10__audio:hover,.bf-n10__close:hover,.bf-n10__audio:focus-visible,.bf-n10__close:focus-visible{border-color:rgba(255,255,255,.68);background:rgba(255,255,255,.13);outline:none}
.bf-n10[hidden]{display:none!important}
.bf-n10-intro{position:fixed;inset:0;z-index:10000001;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 74% 38%,rgba(137,22,28,.24),transparent 35%),linear-gradient(135deg,#120a0b,#3a0d12 56%,#130a0c);color:#fff;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.bf-n10-intro.is-visible{opacity:1;visibility:visible}
.bf-n10-intro__flag{position:absolute;left:50%;width:min(64vw,680px);height:auto;opacity:.12;filter:blur(.2px);transform:translateX(-50%)}
@media(max-width:767px){
    .bf-n10{height:220px}
    .bf-n10--desktop-only,.bf-n10-intro--desktop-only{display:none!important}
    .bf-n10__art{background-image:url('/images/special-days/november-10-tribute-mobile.webp');background-position:center;background-size:cover}
    .bf-n10__desktop-flag{display:none}
    .bf-n10::after{background:linear-gradient(90deg,rgba(10,6,7,.18),rgba(10,6,7,.22) 57%,rgba(10,6,7,.02))}
    .bf-n10__content{display:flex;align-items:flex-start;justify-content:center;gap:0;padding-top:24px;padding-bottom:18px}
    .bf-n10__date{font-size:18px;letter-spacing:.22em}
    .bf-n10__message{position:absolute;left:20px;bottom:54px;width:58%;padding-left:0;border-left:0}
    .bf-n10__message{display:block}
    .bf-n10__message h2{font-size:23px;line-height:1.02}
    .bf-n10__message p{margin-top:6px;font-size:10.5px;line-height:1.3}
    .bf-n10__controls{position:absolute;left:18px;bottom:14px;gap:8px}
    .bf-n10__audio{min-height:30px;padding:0 10px;font-size:10px}
    .bf-n10__close{width:30px;height:30px;font-size:19px}
    .bf-n10-intro__flag{left:50%;width:88vw}
    .bf-n10:not([hidden])~.homepage-approved-hero,.bf-n10:not([hidden])~.homepage-legacy-mobile-hero{display:none!important}
}
@media(prefers-reduced-motion:reduce){.bf-n10-intro{display:none!important}.bf-n10__audio,.bf-n10__close{transition:none}}