html{scroll-behavior:smooth}
.cr-site-frame{position:relative;isolation:isolate;min-height:100vh;font-family:var(--font-body);color:var(--text-body);background:var(--kraft-200);background-image:var(--texture-grain);background-size:var(--texture-grain-size)}
[hidden],.r-drawer[hidden]{display:none!important}
.cr-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:var(--cream-050);color:var(--brown-900)}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--mustard-500);outline-offset:3px}
.cr-approved-button{cursor:pointer}
.cr-approved-button:hover{filter:brightness(.94)}
#cr-tap-none{scroll-margin-top:180px}
#menu-container .section[hidden],#menu-container .menu-item[hidden]{display:none!important}
#menu-container .item-label a{display:block!important;min-height:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Small contrast corrections retain the approved layout. */
[data-cr-page="gifts"]~main [style*="color:var(--text-subtle)"],[data-cr-page="thanksgiving"]~main [style*="color:var(--text-subtle)"]{color:var(--text-muted)!important}
[data-cr-page="visit"]~main [style*="background:var(--press-red-500)"] [style*="color:var(--mustard-400)"]{color:var(--cream-050)!important}

/* Expand mobile tap-link hit areas without changing the approved layout. */
@media (max-width:720px){
 .ut-menu .item-name a,.ut-menu .brewery a{position:relative;}
 .ut-menu .item-name a::after,.ut-menu .brewery a::after{content:"";position:absolute;left:0;right:0;min-width:44px;min-height:44px;}
 .ut-menu .item-name a::after{top:-8.1px;bottom:-8.1px;}
 .ut-menu .brewery a::after{top:-12px;bottom:-12px;}
}

@media (max-width:720px){.ut-menu .item-name a,.ut-menu .brewery a{z-index:1;}}

/* Keep small promotional text legible and checkbox hit areas generous. */
.r-stack [style*="background:var(--press-red-500)"] [style*="color:var(--mustard-400)"]{color:var(--cream-050)!important;}
@media(max-width:720px){#vt-help label:has(input[type=checkbox]){position:relative;}#vt-help label:has(input[type=checkbox])::after{content:"";position:absolute;inset:-2px 0;min-height:44px;}}

/* Reserve the approved logo geometry before its SVG finishes loading. */
img[src$="/copenross-logo-cream.svg"]{aspect-ratio:1511.5021/790.0237;}
.r-ev-seal{aspect-ratio:600/595;}

/* The live plugin feed uses the same house cards as the approved Instagram band. */
.cr-instagram-feed .r-igtile{display:flex;flex-direction:column;overflow:hidden;border:1.5px solid var(--brown-700);border-radius:var(--radius-sm);background:var(--brown-950);box-shadow:var(--shadow-card);color:var(--cream-050);text-decoration:none;}
.cr-instagram-feed .cr-ig-image{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--brown-900);}
.cr-instagram-feed img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 420ms var(--ease-standard,ease);}
.cr-instagram-feed .r-igmark{position:absolute;top:7px;right:7px;width:24px;height:24px;border-radius:50%;background:var(--brown-950);color:var(--cream-050);display:flex;align-items:center;justify-content:center;}
.cr-instagram-feed .r-igcap{display:flex;flex-direction:column;gap:3px;padding:8px 10px 10px;}
.cr-instagram-feed .cr-ig-date{font-family:var(--font-condensed);font-weight:600;font-size:10.5px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mustard-400);}
.cr-instagram-feed .r-igtext{font-family:var(--font-body);font-size:12.5px;line-height:1.35;min-height:calc(2em * 1.35);color:var(--cream-050);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:normal;}

.cr-instagram-feed{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:720px){.cr-instagram-feed{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Hash links target section containers, below the sticky header and category bar. */
#menu-container .section[id^="cr-cat-"]{scroll-margin-top:216px;}
@media(max-width:900px){#menu-container .section[id^="cr-cat-"]{scroll-margin-top:131px;}}