:root{font-size:16px;color-scheme:light;--ink:#412c1d;--muted:#755e48;--gold:#b28a52;--cream:#f4f0e9}
*{box-sizing:border-box}
html{min-height:100%;background:var(--cream);color:var(--ink)}
body{margin:0;min-height:100svh;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:var(--cream)}
.page{position:relative;width:min(100% - 40px,420px);margin:auto;padding:calc(44px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom))}
.brand{text-align:center;padding:0 0 23px}
.brand img{display:block;width:min(78%,278px);height:auto;margin:0 auto 10px;filter:sepia(.55)}
.instagram{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;color:#71563a;text-decoration:none;font-size:.875rem;letter-spacing:.025em}
.instagram:hover{text-decoration:underline;text-underline-offset:4px}
nav{display:grid;gap:13px}
.card{display:flex;align-items:center;gap:15px;min-height:88px;padding:17px 18px;border:1px solid #be965f;border-radius:21px;background:linear-gradient(115deg,#fffaf2e8,#efdcbee8);color:var(--ink);text-decoration:none;box-shadow:inset 0 1px 0 #fff9,0 6px 20px #6e421009;transition:transform .18s,box-shadow .18s}
.card.primary{min-height:96px;background:linear-gradient(110deg,#63421e 0%,#8c6535 58%,#6d4b25 100%);border-color:#9c743f;color:#fff9ed;box-shadow:inset 0 1px 0 #f4ddad80,0 8px 24px #6d491e24}
.card .icon{width:42px;height:42px;padding:10px;flex:0 0 42px;border:1px solid #b18a52;border-radius:50%;stroke:#916b36;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.primary .icon{border-color:#d9bc86a6;stroke:#fae6bd}
.copy{display:grid;gap:5px;min-width:0}
.copy strong{font-family:Georgia,'Times New Roman',serif;font-size:1.3rem;line-height:1.2;font-weight:400;letter-spacing:-.025em}
.copy>span{font-size:.875rem;line-height:1.4;color:#72583e}
.primary .copy>span{color:#fff0d6}
.arrow{margin-left:auto;color:#8a6433;font-size:1.15rem;flex-shrink:0}
.primary .arrow{color:#f4dab0}
.upcoming{background:linear-gradient(110deg,#faf2e5d9,#f0dfc5c9);border-color:#cdb58f;box-shadow:inset 0 1px 0 #fff9;color:#795c3c;min-height:82px}
.upcoming .icon{border-color:#cab28b;stroke:#98774b}
.badge{margin-left:auto;font-size:.75rem;white-space:nowrap;border:1px solid #cdb58f;border-radius:20px;padding:5px 8px;color:#765c3e;background:#fff7e94d}
a:focus-visible{outline:3px solid #8c602b;outline-offset:5px}
.card[href]:active{transform:scale(.985)}
footer{text-align:center;margin-top:28px}
.footer-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.5rem;line-height:1.3;font-weight:400;color:#87612f;margin:0 0 17px}
.footer-title:before{content:'';display:block;width:34px;height:1px;background:#b18a52;margin:0 auto 20px}
address{font-style:normal;font-size:.875rem;line-height:1.75;color:#745d47}
.signature{border-top:1px solid #bb966247;margin-top:25px;padding-top:17px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px 12px;font-size:.75rem;letter-spacing:.15em;color:#8a6c46}
.signature span{font-size:.75rem;letter-spacing:.08em;align-self:center}
@media(hover:hover){.card[href]:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff8,0 9px 24px #6d491e24}}
@media(min-width:700px){.page{padding-top:58px;padding-bottom:38px}.brand{padding-bottom:26px}.brand img{width:278px}footer{margin-top:32px}}
@media(max-width:360px){.page{width:calc(100% - 32px);padding-top:30px}.card{gap:11px;padding:16px 13px}.card .icon{width:38px;height:38px;flex-basis:38px;padding:9px}.copy strong{font-size:1.15rem}.copy>span{font-size:.875rem}.brand{padding-bottom:17px}.badge{padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card[href]:hover,.card[href]:active{transform:none}}