.catering-page-section{--catering-color-primary: #1F3326;--catering-color-accent: #C8A45C;--catering-color-bg: #F7F3EC;--catering-color-bg-alt: #EFE9DC;--catering-color-text: #2B2520;--catering-hero-height: 480px}.catering-page{background:var(--catering-color-bg);color:var(--catering-color-text);font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.catering-page *{box-sizing:border-box}.catering-page .page-width{max-width:1180px;margin:0 auto;padding:0 24px}.catering-eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--catering-color-accent);margin:0 0 12px}.catering-eyebrow--light{color:#d9cba3}.catering-heading{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;font-size:clamp(30px,4vw,44px);line-height:1.1;color:var(--catering-color-primary);margin:0 0 8px;letter-spacing:-.01em}.catering-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .25s ease;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}.catering-btn--solid{background:var(--catering-color-primary);color:#f7f3ec;border-color:var(--catering-color-primary)}.catering-btn--solid:hover{filter:brightness(.88);transform:translateY(-1px)}.catering-btn--outline{background:transparent;color:#f7f3ec;border-color:#f7f3eca6}.catering-btn--outline:hover{background:#f7f3ec1f;border-color:#f7f3ec}.catering-btn--small{padding:10px 18px;font-size:12px;background:var(--catering-color-primary);color:#f7f3ec;border-color:var(--catering-color-primary)}.catering-btn--small:hover{background:var(--catering-color-accent);border-color:var(--catering-color-accent);color:var(--catering-color-primary)}.catering-hero{position:relative;min-height:var(--catering-hero-height, 480px);display:flex;align-items:center;overflow:hidden;cursor:pointer}.catering-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.catering-hero__img--placeholder{background:linear-gradient(135deg,#2b2520,#1f3326)}.catering-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#141410c7,#14141073 55%,#14141026)}.catering-hero__content{position:relative;z-index:2;max-width:640px;padding:64px 24px}.catering-hero__content.page-width{max-width:700px}.catering-hero__title{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(40px,6vw,64px);line-height:1.05;color:#fbf8f2;margin:0 0 16px;letter-spacing:-.01em}.catering-hero__subtitle{font-size:17px;line-height:1.6;color:#e8e1d2;max-width:460px;margin:0 0 32px}.catering-hero__scroll-cue{position:absolute;left:50%;bottom:22px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#f7f3ecd9;pointer-events:none;animation:cateringScrollCue 2.2s ease-in-out infinite;transform:translate(-50%)}.catering-hero__scroll-cue svg{width:22px;height:22px}@keyframes cateringScrollCue{0%,to{transform:translate(-50%);opacity:.6}50%{transform:translate(-50%,6px);opacity:1}}.catering-hero__actions{display:flex;gap:14px;flex-wrap:wrap}.catering-divider{display:flex;align-items:center;gap:18px;margin-bottom:40px}.catering-divider span{flex:1;height:1px;background:#d8cfbc}.catering-divider p{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--catering-color-primary);white-space:nowrap}.catering-categories{background:var(--catering-color-bg-alt);padding:64px 0}.catering-categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.catering-category{display:block;width:100%;text-decoration:none;border-radius:8px;overflow:hidden;background:none;border:3px solid transparent;padding:0;margin:0;font:inherit;cursor:pointer;text-align:left;transition:border-color .25s ease,transform .25s ease}.catering-category:hover{transform:translateY(-2px)}.catering-category.is-active{border-color:var(--catering-color-accent)}.catering-category.is-active .catering-category__label:after{content:"";position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--catering-color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231F3326' d='M6.5 11.5 3 8l1-1 2.5 2.5L12 4l1 1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.catering-category:focus-visible{outline:2px solid var(--catering-color-accent);outline-offset:3px}.catering-category__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px}.catering-category__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.catering-category:hover .catering-category__img-wrap img{transform:scale(1.06)}.catering-category__img-wrap--placeholder{width:100%;height:100%;background:linear-gradient(160deg,#c9b98e,#8e7a53)}.catering-category__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14141000 35%,#141410c7)}.catering-category__label{position:absolute;left:0;right:0;bottom:0;padding:20px;color:#fbf8f2}.catering-category__label h3{font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600;margin:0 0 4px}.catering-category__label p{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.85;margin:0}.catering-popular{padding:64px 24px 80px}.catering-popular[hidden]{display:none}.catering-popular:not([hidden]){animation:cateringFadeIn .4s ease both}@keyframes cateringFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.catering-popular__empty{text-align:center;font-size:15px;color:#6b6258;padding:32px 0;margin:0}.catering-popular__empty[hidden]{display:none}.catering-popular__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.catering-package-card{background:#fff;border:1px solid #E8E1D2;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.catering-package-card[hidden]{display:none}.catering-package-card:hover{box-shadow:0 14px 30px -10px #1f33262e;transform:translateY(-3px)}.catering-package-card__img-wrap{aspect-ratio:4 / 3;overflow:hidden}.catering-package-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.catering-package-card__img-wrap--placeholder{width:100%;height:100%;background:linear-gradient(160deg,#d9cba3,#a98f5c)}.catering-package-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.catering-package-card__body h3{font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:600;color:var(--catering-color-primary);margin:0 0 4px;line-height:1.25}.catering-package-card__serves{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a38f5a;font-weight:700;margin:0 0 14px}.catering-package-card__description{margin:0 0 18px;font-size:13px;color:#5b5249;line-height:1.65}.catering-package-card__description p{margin:0 0 8px}.catering-package-card__description p:last-child{margin-bottom:0}.catering-package-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #F0EAE0}.catering-package-card__price{margin:0;font-size:16px;font-weight:700;color:var(--catering-color-primary);line-height:1.2}.catering-package-card__price-label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a8f7e}.catering-package-card__price-unit{font-size:11px;font-weight:600;color:#9a8f7e}@media(max-width:1024px){.catering-categories__grid,.catering-popular__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.catering-hero{min-height:clamp(360px,var(--catering-hero-height, 480px),600px)}.catering-hero__overlay{background:linear-gradient(180deg,#1414108c,#141410d1)}.catering-hero__content{max-width:100%;padding-top:56px;padding-bottom:48px}.catering-categories__grid,.catering-popular__grid{grid-template-columns:1fr}.catering-divider p{font-size:11px;letter-spacing:.14em}}@media(max-width:420px){.catering-hero__actions{flex-direction:column;align-items:stretch}}.catering-page a:focus-visible,.catering-page button:focus-visible{outline:2px solid var(--catering-color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.catering-page *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/catering-page.css.map */
