.christmas-page{--ink:#203f35;--paper:#f7f1e6;--gold:#d9bc7d;--line:#ded3bf;--berry:#782f38;background:var(--paper);color:var(--ink)}
.christmas-page .header{background:var(--paper);padding-bottom:15px;border-bottom:1px solid var(--line)}
.christmas-page .header nav a{display:block;border:0;padding-bottom:5px}
.christmas-page .header nav a[aria-current="page"]{color:var(--berry);border-bottom:1px solid var(--berry)}
.christmas-page .button{background:var(--berry);color:var(--paper);gap:32px}
.christmas-page .button:hover{background:#5d222b}
.christmas-page a:focus-visible{outline-color:#a26740}
.christmas-page .christmas-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-block:65px;background-color:var(--ink);background-image:radial-gradient(circle at 12% 19%,#d9bc7d66 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#d9bc7d55 0 1px,transparent 2px);background-size:109px 137px,173px 191px;color:var(--paper)}
.christmas-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#203f35a6,transparent 70%);pointer-events:none}
.christmas-hero .eyebrow{color:var(--gold);font-size:9px}
.christmas-hero h1{font-size:clamp(58px,6.1vw,86px);line-height:.99}
.christmas-hero h1 em{color:var(--gold)}
.christmas-hero .intro{font-size:21px;margin-top:30px}
.christmas-description{max-width:360px;font-size:15px;color:#e1e5d9;margin-bottom:28px}
.christmas-keepsake{position:relative;aspect-ratio:600/650;display:grid;place-items:center}
.christmas-wreath{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.keepsake-copy{position:relative;text-align:center;padding:22% 17%}
.keepsake-copy .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:18px}
.keepsake-title{font:clamp(38px,4.3vw,62px)/.97 var(--serif);margin:0;color:var(--paper)}
.keepsake-title em{display:inline-block;font-size:1.25em;color:var(--gold);font-style:italic;margin:5px 0}
.keepsake-rule{display:block;width:35px;height:1px;margin:22px auto;background:var(--gold)}
.keepsake-copy>p:last-child{font-size:12px;line-height:1.6;color:#e1e5d9;margin:0}
.christmas-ribbon{background:var(--berry);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:26px;padding:20px 7%;text-align:center;font-size:13px;letter-spacing:.03em}
.christmas-ribbon span{color:var(--gold);font-size:20px}
.christmas-menu{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center;padding-inline:10%;padding-block:90px}
.christmas-page h2 em{color:var(--berry)}
.christmas-menu-copy>p:not(.eyebrow){font-size:15px;max-width:410px;color:#606456}
.christmas-menu-copy .eyebrow,.christmas-gather .eyebrow,.christmas-visit .eyebrow{color:var(--berry)}
.christmas-menu-copy .christmas-status{display:table;padding:10px 15px;border:1px solid #cabb9e;color:var(--berry);font-size:13px;font-weight:600;margin:24px 0}
.christmas-menu-copy .text-link{font-size:13px;line-height:1.6}
.christmas-menu-copy .christmas-allergy-note{font-size:12px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.christmas-menu-placeholder{position:relative;text-align:center;background:#fffcf5;border:1px solid #c9b88e;outline:1px solid #e1d4b6;outline-offset:-11px;padding:62px 25px;transform:rotate(2deg);box-shadow:0 12px 26px #533d2510}
.christmas-menu-placeholder .eyebrow{font-size:9px;margin-bottom:23px;letter-spacing:.2em}
.christmas-menu-placeholder h3{font:clamp(35px,3.6vw,52px)/1.05 var(--serif);margin-bottom:22px}
.christmas-menu-placeholder h3 em{color:var(--berry)}
.placeholder-divider{height:1px;width:45px;background:#c0a575;margin:22px auto}
.christmas-menu-placeholder>p:not(.eyebrow){font-size:14px;color:#747163}
.coming-soon{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.18em;color:var(--berry);margin-top:18px}
.menu-star{display:block;color:#a68c54;font-size:25px;margin-bottom:18px}
.bottom-star{margin:25px 0 0;font-size:17px}
.christmas-gather{background:#ececde;border-block:1px solid #d6d9c5}
.christmas-gather .section-heading{max-width:620px}
.christmas-gather .section-heading>p:last-child{max-width:460px}
.christmas-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}
.christmas-cards article+article{border-left:1px solid #c9cfbb;padding-left:35px}
.christmas-cards article>span{font-size:10px;letter-spacing:.1em;color:var(--berry)}
.christmas-cards h3{font:31px/1.1 var(--serif);margin:20px 0 14px}
.christmas-cards p{font-size:14px;color:#596452;margin-bottom:0}
.christmas-visit{text-align:center;padding-block:75px}
.christmas-visit>p:not(.eyebrow){font-size:15px;max-width:410px;margin:0 auto 26px;color:#606456}
.christmas-page footer{border-top-color:var(--line)}
@media(max-width:900px){.christmas-page .header{flex-wrap:wrap;gap:16px}.christmas-page nav{gap:22px}.christmas-menu{padding-inline:7%;gap:8%}.christmas-hero h1{font-size:62px}.keepsake-title{font-size:43px}.keepsake-copy .eyebrow{font-size:7px}.keepsake-copy>p:last-child{font-size:11px}.christmas-cards{gap:24px}.christmas-cards article+article{padding-left:24px}}
@media(max-width:600px){.christmas-page .header{padding:14px 7% 18px}.christmas-page .header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.christmas-page .christmas-hero{grid-template-columns:1fr;padding:45px 7% 25px;gap:12px}.christmas-hero h1{font-size:clamp(56px,13vw,76px)}.christmas-hero .intro{font-size:20px}.christmas-keepsake{width:100%;max-width:380px;justify-self:center}.keepsake-title{font-size:clamp(38px,10vw,51px)}.keepsake-copy .eyebrow{font-size:7px}.keepsake-copy>p:last-child{font-size:12px}.christmas-ribbon{gap:15px;font-size:12px}.christmas-menu{grid-template-columns:1fr;gap:42px;padding:50px 7%}.christmas-menu-placeholder{width:90%;max-width:350px;justify-self:center;padding-block:45px}.christmas-menu-placeholder h3{font-size:43px}.christmas-cards{grid-template-columns:1fr;gap:25px;margin-top:28px}.christmas-cards article+article{border-left:0;border-top:1px solid #c9cfbb;padding:25px 0 0}.christmas-cards h3{margin-top:12px}.christmas-gather .section-heading{text-align:left}.christmas-visit{padding-block:50px}.christmas-visit h2{font-size:43px}}