.nle-brand{position:relative;background:#000;color:#fff;--logo-progress:0;margin:0}
.nle-brand[data-logo-state=loading],.nle-brand[data-logo-state=ready],.nle-brand[data-logo-state=context-lost]{height:185svh}
.nle-brand-pin{position:relative;height:calc(100svh - var(--film-header));min-height:300px;overflow:hidden;isolation:isolate;border-bottom:1px solid #ffffff24;background:#000}
.nle-brand[data-logo-state=loading] .nle-brand-pin,.nle-brand[data-logo-state=ready] .nle-brand-pin,.nle-brand[data-logo-state=context-lost] .nle-brand-pin{position:sticky;top:var(--film-header)}
.nle-brand-topline{position:absolute;top:32px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;color:#bfb79f;font:9px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;z-index:2}
.nle-brand-stage{position:absolute;inset:12% 2% 24%;overflow:hidden}
.nle-brand-art{width:100%;height:100%;object-fit:contain;object-position:center;margin:0;aspect-ratio:1050/600}
.nle-brand-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.nle-brand-canvas[hidden]{display:none}
.nle-brand[data-logo-state=ready] .nle-brand-art{opacity:0}
.nle-brand-bottom{position:absolute;bottom:65px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;gap:35px;z-index:2}
.nle-brand-kicker{font:9px/1.6 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#bdb6a5;margin:0 0 15px}
.nle-brand h2{font:400 clamp(35px,4.5vw,64px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0;color:#fff}.nle-brand h2 em{color:#d7bc70}
.nle-brand-bottom .text-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:28px;white-space:nowrap;color:#eee}
.nle-brand-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff18}.nle-brand-progress i{display:block;height:100%;background:#d7bc70;transform:scaleX(var(--logo-progress));transform-origin:left}
.nle-brand:not([data-logo-state=ready]) .nle-brand-progress{visibility:hidden}
@media(max-width:800px){.nle-brand[data-logo-state=loading],.nle-brand[data-logo-state=ready],.nle-brand[data-logo-state=context-lost]{height:160svh}.nle-brand-stage{inset:15% 0 31%}.nle-brand-topline{top:25px;font-size:8px}.nle-brand-topline span:last-child{display:none}.nle-brand-bottom{bottom:45px;display:block}.nle-brand h2{font-size:clamp(33px,8.5vw,48px)}.nle-brand-bottom .text-link{margin-top:22px;display:inline-flex}.nle-brand-kicker{font-size:8px;margin-bottom:12px}}
@media(max-height:600px) and (min-width:601px){.nle-brand-pin{min-height:0}.nle-brand-topline{top:17px;font-size:8px}.nle-brand-stage{inset:12% 12% 28%}.nle-brand-bottom{bottom:25px;display:flex;align-items:end}.nle-brand h2{font-size:30px}.nle-brand-kicker{font-size:8px;margin-bottom:7px}.nle-brand-bottom .text-link{margin:0;font-size:10px}}
@media(max-width:350px) and (max-height:680px){.nle-brand-stage{inset:12% 0 35%}.nle-brand-bottom{bottom:24px}.nle-brand h2{font-size:32px}.nle-brand-bottom .text-link{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.nle-brand{height:auto!important}.nle-brand-pin{position:relative!important;top:auto!important}.nle-brand-art{opacity:1!important}.nle-brand-canvas,.nle-brand-progress{display:none!important}}
