:root{--color-bg-sky:#b7d4f0;--color-bg-wine:#3d0814;--color-text-cream:#fffcf8;--color-accent-yellow:#f7ffdc;--color-accent-chocolate:#180c01;--font-display:"Jacquard 12",serif;--font-body:"Raleway",sans-serif;--text-xs:clamp(.7rem,1.2vw,.85rem);--text-sm:clamp(.85rem,1.5vw,1rem);--text-base:clamp(1rem,2vw,1.25rem);--text-lg:clamp(1.25rem,2.5vw,1.6rem);--text-2xl:clamp(2rem,4vw,3rem);--text-3xl:clamp(2.5rem,5vw,4rem);--space-xs:clamp(.25rem,.5vw,.5rem);--space-sm:clamp(.5rem,1vw,1rem);--space-md:clamp(1rem,2vw,2rem);--space-lg:clamp(2rem,4vw,4rem);--space-xl:clamp(3rem,6vw,6rem);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-base:.3s;--radius-sm:4px;--radius-md:8px;--radius-lg:15px;--radius-round:50%;--panel-width:clamp(1000px,95vw,1800px);--panel-height:100dvh}@media (max-width:480px){:root{--panel-width:200vw}}
.grain-overlay{pointer-events:none;z-index:9998;opacity:.04;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes cartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes scrollCue{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:2px}.skip-link{background:var(--color-bg-wine);color:#fff;z-index:99999;font-family:var(--font-body);padding:8px 16px;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}
@font-face{font-family:"Jacquard 12";src:url(/fonts/Jacquard12-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html{overscroll-behavior:none;background-color:var(--color-bg-sky);color:var(--color-text-cream);margin:0;padding:0}body{overscroll-behavior:none;background-color:var(--color-bg-sky);color:var(--color-text-cream);margin:0;padding:0;overflow-x:hidden}@media (min-width:481px){html,body{min-width:1200px;overflow-x:auto}}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}}
