/* Hat Bar: three birthday-style experience cards and a separate catering box. */
.hat-food-service .vip-food-copy{text-align:center}
.hat-food-service .vip-food-copy p{margin-inline:auto}
.hat-food-service .actions{justify-content:center}
.hat-addon-experiences .bachelor-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hat-addon-experiences .bachelor-experience-card{grid-template-columns:1fr;grid-template-rows:220px 1fr}
.hat-addon-experiences .bachelor-experience-photo{height:220px;min-height:220px}
.hat-addon-experiences .bachelor-experience-photo img{object-position:50% 35%}
.hat-addon-illustration{display:grid;place-items:center;color:var(--cardinal-red);background:var(--warm-ivory)}
.hat-addon-illustration svg{display:block;width:112px;height:112px}
.hat-addon-tag{background:#e0f0e9}
.hat-addon-embroidery{background:#f6e4ec}
.hat-addon-experiences .bachelor-experience-copy{padding:28px 24px}
.hat-addon-experiences .bachelor-experience-copy h3{color:var(--cardinal-red)}
.hat-addon-experiences .bachelor-experience-copy .button{width:100%;min-height:48px}
.hat-addon-footer{max-width:none;margin:24px 0 0;text-align:center}
@media(max-width:1000px){.hat-addon-experiences .bachelor-experience-grid{grid-template-columns:1fr}.hat-addon-experiences .bachelor-experience-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:auto}.hat-addon-experiences .bachelor-experience-photo{height:100%;min-height:230px}}
@media(max-width:600px){.hat-addon-experiences .bachelor-experience-card{grid-template-columns:1fr}.hat-addon-experiences .bachelor-experience-photo{height:200px;min-height:200px;aspect-ratio:auto}.hat-addon-experiences .bachelor-experience-copy{padding:26px 22px}}