:root{color-scheme:light;--ink:#17372c;--brass:#8b6335}body{background:#faf7ee}.hero{background:radial-gradient(ellipse at top right,#386249,#17372c 65%);padding-block:clamp(26px,4vw,48px)}.hero h1{font-size:clamp(39px,6vw,75px);letter-spacing:-.055em}.hero p{max-width:44ch}.card{box-shadow:0 8px 28px #3929110a}.card h3{letter-spacing:-.025em}.card:has(.gold){border-color:#caa979}.row #date{font-size:.85rem;color:#56594c}.evening{background:radial-gradient(ellipse at top right,#513d2c,#26201b 68%)}.evening .card{background:#342b24;border-color:#68513b;color:#fff4df}.evening .search-link{background:#f2dfbd;color:#3a2c21}.evening h2{letter-spacing:-.04em}.stepper{display:grid;grid-template-columns:44px 64px 44px;gap:6px;align-items:center}.stepper input{width:100%;text-align:center}.stepper button{padding:10px 0;min-height:44px}.quantity{border-bottom:1px solid #e6e0d3;padding-bottom:10px}.quantity label{margin-bottom:5px}#orderMsg{white-space:pre-wrap}#total{font-size:1.25rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a46e29;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.hero,.evening,dialog[open]{animation:arrive .35s ease-out both}button,.search-link{transition:background-color .18s ease,box-shadow .18s ease}button:hover,.search-link:hover{box-shadow:0 4px 14px #261d1b25}}@keyframes arrive{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}