/* Cohesive grey palette for the 2025 overview only. */
#why-lbf{position:relative;isolation:isolate;color:#191b1d;background:#dfe1e2}
#why-lbf:before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:#dfe1e2;z-index:-1;pointer-events:none}
#why-lbf .section-kicker{border-color:#aeb3b6}
#why-lbf .recap-facts{background:#e9ebec;border-color:#b8bec2}
#why-lbf .recap-facts article{border-color:#b8bec2}
#why-lbf .recap-facts article:last-child{background:#d1d5d8;box-shadow:inset 0 4px #ff5900}
#why-lbf .recap-facts article:last-child b{color:#b94209}
#why-lbf .photo-archive-motion{background:#c7ccd0;color:#191b1d;border-top:4px solid #ff5900}
#why-lbf .archive-credit,#why-lbf .archive-credit a{color:#42484d}
#why-lbf .archive-highlight-video h4{color:#252a2e}
#why-lbf .event-highlight-flash span{background-image:linear-gradient(110deg,#191b1d 0%,#191b1d 41%,#ff5900 49%,#ff5900 51%,#191b1d 59%,#191b1d 100%)}
#why-lbf .archive-row{margin-bottom:12px}
#why-lbf .vg-heading .vg-section-title{color:#b94209}
#why-lbf .vg-card,#why-lbf .vg-stage{background:#202326}
#why-lbf .vg-card{border-color:#62696e;box-shadow:0 18px 40px #252a2e20}
#why-lbf .vg-stage>.vg-detail{background:#292e32ed;border-color:#62696e}
#why-lbf .vg-picker-toggle,#why-lbf .vg-menu{background:#e9ecee;color:#202326;border-color:#bbc2c7}
#why-lbf .vg-option{color:#202326}#why-lbf .vg-option:hover{background:#cfd5d9}#why-lbf .vg-option.is-active{background:#ff5900}
#why-lbf .archive-day-card{background:#edf0f1;border-color:#b5bdc2}
#why-lbf .archive-day-cover{background:linear-gradient(100deg,#24292eed,#454d55c2),var(--day-image) center/cover}
#why-lbf .archive-day-cover>span{color:#ffad78}
#why-lbf .archive-day-card th{background:#c5ccd1;color:#252a2e;border-top:3px solid #ff5900}
#why-lbf .archive-day-card td{border-color:#c8cfd3}
#why-lbf .archive-day-card td:first-child{color:#ad3e09}
#why-lbf .archive-day-card .is-break{background:#d5dce0}
#why-lbf .archive-day-source{color:#a73d09}
@media(prefers-reduced-motion:reduce){#why-lbf .event-highlight-flash span{background:none;-webkit-text-fill-color:currentColor}}

/* Let the venue gallery sit directly on the recap background. */
#why-lbf .vg-card,#why-lbf .vg-stage{background:transparent}
#why-lbf .vg-card{border:0;box-shadow:none}
#why-lbf .vg-brand{background:#202326;padding:10px;border-radius:8px;box-sizing:content-box}
#why-lbf .vg-progress{background:#9da4a8}

/* A shared header and aligned image/detail columns replace floating overlays. */
#why-lbf .vg-stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 44px;grid-template-rows:auto clamp(440px,40vw,620px) 3px;gap:22px 20px;height:auto;overflow:visible;perspective:none}
#why-lbf .vg-card{overflow:visible;border-radius:0}
#why-lbf .vg-topline{position:relative;inset:auto;grid-column:1/-1;grid-row:1;align-items:center;gap:20px;min-height:76px}
#why-lbf .vg-brand{width:165px;padding:8px 12px;border-radius:8px}
#why-lbf .vg-brand>img{max-height:52px}
#why-lbf .vg-brand small{font-size:7px}
#why-lbf .vg-picker{width:calc((100% - 84px)/2.8);max-width:none}
#why-lbf .vg-picker-toggle{width:100%;min-height:48px;box-shadow:none}
#why-lbf .vg-viewport{position:relative;grid-column:1/3;grid-row:2;min-width:0;overflow:hidden;isolation:isolate;border-radius:16px;background:#202326}
#why-lbf .vg-has-detail .vg-viewport{grid-column:1}
#why-lbf .vg-slide{inset:0;border-radius:0;box-shadow:none}
#why-lbf .vg-slide.is-previous,#why-lbf .vg-slide.is-next{opacity:0}
#why-lbf .vg-caption,#why-lbf .vg-has-detail .vg-caption{left:24px;right:24px;bottom:24px;max-width:none}
#why-lbf .vg-caption h4{font-size:clamp(26px,2.7vw,40px)}
#why-lbf .vg-caption p{max-width:95%}
#why-lbf .vg-stage>.vg-detail{position:relative;inset:auto;grid-column:2;grid-row:2;width:auto;height:auto;min-height:0;padding:22px;box-sizing:border-box;background:#e9ecee;color:#252a2e;border:1px solid #bdc4c8;border-radius:16px;backdrop-filter:none}
#why-lbf .vg-stage>.vg-detail>h4{color:#202326;font-size:20px}
#why-lbf .vg-stage>.vg-detail .recap-zone-list li,#why-lbf .vg-stage>.vg-detail .recap-booth-key th,#why-lbf .vg-stage>.vg-detail .recap-booth-key td{color:#252a2e;border-color:#c6cdd1}
#why-lbf .vg-stage>.vg-detail .recap-zone-list b,#why-lbf .vg-stage>.vg-detail .recap-booth-key thead th{color:#b94209}
#why-lbf .vg-stage>.vg-detail .vg-photo-credit,#why-lbf .vg-map p,#why-lbf .vg-map small{color:#50585e}
#why-lbf .vg-stage>.vg-detail .vg-photo-credit a,#why-lbf .vg-map small a{color:#ad3e09}
#why-lbf .vg-controls{position:relative;inset:auto;transform:none;grid-column:3;grid-row:2;align-self:center;justify-self:center;padding:10px 5px;background:#252a2e;border:0;border-radius:28px;backdrop-filter:none}
#why-lbf .vg-progress{position:relative;inset:auto;grid-column:1/-1;grid-row:3;height:3px}
@media(max-width:900px){#why-lbf .vg-stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 38px;gap:16px 12px}#why-lbf .vg-stage>.vg-detail{padding:15px}#why-lbf .vg-caption,#why-lbf .vg-has-detail .vg-caption{left:18px;right:18px;bottom:18px}}
@media(max-width:650px){
 #why-lbf .vg-stage,#why-lbf .vg-has-detail .vg-stage{grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto 360px auto 3px;gap:16px 10px;height:auto}
 #why-lbf .vg-brand{width:112px;padding:7px 9px}#why-lbf .vg-brand>img{max-height:38px}#why-lbf .vg-brand small{font-size:6px}
 #why-lbf .vg-topline{gap:12px;min-height:60px}#why-lbf .vg-picker{width:55%;max-width:none}
 #why-lbf .vg-viewport,#why-lbf .vg-has-detail .vg-viewport{grid-column:1;grid-row:2}
 #why-lbf .vg-stage>.vg-detail{grid-column:1/-1;grid-row:3;max-height:330px;padding:18px;width:auto;height:auto}
 #why-lbf .vg-controls{grid-column:2;grid-row:2;padding:10px 5px}
 #why-lbf .vg-progress{grid-row:4}
 #why-lbf .vg-caption h4,#why-lbf .vg-has-detail .vg-caption h4{font-size:26px}
 #why-lbf .vg-map iframe{height:210px}
}

/* Place the logo and image picker inside the photograph card. */
#why-lbf .vg-stage{grid-template-rows:clamp(440px,40vw,620px) 3px}
#why-lbf .vg-viewport,#why-lbf .vg-stage>.vg-detail,#why-lbf .vg-controls{grid-row:1}
#why-lbf .vg-progress{grid-row:2}
#why-lbf .vg-topline{position:absolute;inset:16px 16px auto;display:flex;align-items:flex-start;gap:16px;min-height:0;grid-column:auto;grid-row:auto}
#why-lbf .vg-brand{width:145px;padding:8px 10px;background:#202326e8;backdrop-filter:blur(8px)}
#why-lbf .vg-picker{width:min(46%,270px);max-width:270px;margin-left:auto}
#why-lbf .vg-picker-toggle{min-height:44px;padding:12px 14px;font-size:12px;background:#e9eceef5}
#why-lbf .vg-menu{max-width:calc(100vw - 80px);max-height:300px}
@media(max-width:650px){
 #why-lbf .vg-stage,#why-lbf .vg-has-detail .vg-stage{grid-template-rows:360px auto 3px}
 #why-lbf .vg-viewport,#why-lbf .vg-has-detail .vg-viewport,#why-lbf .vg-controls{grid-row:1}
 #why-lbf .vg-stage>.vg-detail{grid-row:2}
 #why-lbf .vg-progress{grid-row:3}
 #why-lbf .vg-topline{inset:10px 10px auto;gap:8px;min-height:0}
 #why-lbf .vg-brand{width:90px;padding:7px 8px}
 #why-lbf .vg-brand>img{max-height:32px}
 #why-lbf .vg-brand small{font-size:5px}
 #why-lbf .vg-picker{width:calc(100% - 114px);max-width:220px}
 #why-lbf .vg-picker-toggle{min-height:40px;padding:9px 10px;gap:6px;font-size:10px}
 #why-lbf .vg-menu{width:230px;max-height:240px}
}
