/* Browser review refinements */
.topbar{font-size:15px}
.ribbon{font-size:14px}
.brand-mark.flag{width:48px;height:36px;object-fit:contain;flex-shrink:0}
.ribbon-flag{width:28px;height:21px;object-fit:contain;flex-shrink:0}
.event-photo{display:block;position:relative;z-index:1;transition:transform .25s ease,box-shadow .25s ease;transform-origin:center center}
.event-grid article:first-child .event-photo{transform-origin:left center}
.event-grid article:last-child .event-photo{transform-origin:right center}
@media(hover:hover) and (pointer:fine){.event-photo:hover,.event-photo:focus-visible{transform:scale(1.7);z-index:10;box-shadow:0 15px 40px #0005}.event-grid article:has(.event-photo:hover),.event-grid article:has(.event-photo:focus-visible){position:relative;z-index:10}}
.event-art{background:linear-gradient(#13352870,#133528b8),url('assets/restaurant-gathering.png') center/cover;min-height:350px;display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 8px #000}
.event-art p{color:#ffe3a3;font-weight:600}.event-art span{color:#ffe3a3}
.hero.poster-mode{background:var(--green)}
.hero.poster-mode .hero-shade{background:linear-gradient(90deg,#183126 0%,#183126 43%,transparent 58%)}
.hero .slide.poster{left:48%;width:50%;height:calc(100% - 85px);top:20px;object-fit:contain;object-position:center;background:transparent}
.hero.poster-mode .hero-copy{width:49%;padding-right:20px}
.hero.poster-mode h1{font-size:clamp(44px,4.3vw,66px)}
.hero.poster-mode .desktop{display:none}
@media(max-width:800px){.brand-mark.flag{width:39px;height:30px}.ribbon{font-size:11.2px;flex-wrap:wrap;text-align:center}.ribbon span:last-child{display:block}.ribbon-flag{width:22px;height:17px}.hero.poster-mode{height:950px}.hero.poster-mode .hero-copy{width:100%;padding-top:35px}.hero.poster-mode h1{font-size:42px}.hero.poster-mode .hero-shade{background:linear-gradient(#183126 0%,#183126 43%,transparent 57%)}.hero .slide.poster{left:5%;width:90%;height:390px;top:auto;bottom:80px}.hero.poster-mode .hero-copy p:not(.eyebrow){font-size:14px}.hero.poster-mode .hero-copy .eyebrow{font-size:9px}.event-art{min-height:350px}}

/* Larger navigation and homepage tagline */
nav{font-size:18.2px}
nav .button{font-size:18.2px}
.hero .hero-copy .eyebrow{font-size:14px}
@media(max-width:800px){.hero.poster-mode .hero-copy .eyebrow{font-size:12.6px}}