:root{--paper:#f3e6cd;--ink:#33251c;--wine:#663526}*{box-sizing:border-box}body{color:var(--ink);background:#ded1b8;margin:0;font:15px/1.5 Arial,sans-serif}main{background:radial-gradient(ellipse at 20% 15%,#fff7e575,transparent 60%),var(--paper);max-width:480px;min-height:100dvh;margin:auto;padding:0 20px 100px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc8c35}header{border-bottom:1px solid #92775035;justify-content:space-between;align-items:center;height:66px;display:flex}.brand{letter-spacing:3px;font-size:13px;font-weight:700}.icon{color:var(--wine);background:0 0;border:0;padding:10px}.intro{padding:25px 0 18px}.eyebrow{letter-spacing:2px;color:#88663c;font-size:10px;font-weight:700;display:block}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{margin:9px 0;font-size:33px}h2{margin:10px 0 16px;font-size:25px}p{color:#715e49;font-size:14px}.vault{color:#fff1cf;background:#261d17;border-radius:18px;min-height:225px;padding:26px;position:relative;overflow:hidden;box-shadow:0 12px 25px #49342325}.vault img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.vault:after{content:"";background:linear-gradient(90deg,#211811dd,#0000);position:absolute;inset:0}.vault>div{z-index:1;position:relative}.vault .eyebrow{color:#dcc294}.vault strong{margin-top:18px;font:54px Georgia;display:block}.vault span{font-size:12px}.primary{background:var(--wine);color:#fff0d5;border:1px solid #51271c;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;margin:16px 0;padding:15px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.teaser{color:var(--ink);text-align:left;background:#e9d7b8;border:1px solid #ae8d5745;border-radius:12px;align-items:center;gap:12px;width:100%;margin:20px 0;padding:18px 14px;display:flex}.teaser span{flex:1}.teaser b{font:18px Georgia}.teaser small{color:#7c6348;margin-top:5px;font-size:11px;display:block}.paper{background:#fff9ec80;border:1px solid #ae8d5745;border-radius:14px;margin:18px 0;padding:22px 19px}.sectionhead{justify-content:space-between;align-items:center;display:flex}.sectionhead h2{font-size:23px}.sectionhead>span{color:#9b815e;font-size:10px}.transaction{border-bottom:1px solid #aa8a5420;align-items:center;gap:10px;padding:15px 0;font-size:12px;display:flex}.transaction>div{flex:1}.transaction b{font-weight:500}.transaction small{color:#947b5e;margin-top:3px;font-size:10px;display:block}.round{background:#e7dcc5;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.plus{color:#526c42}.minus{color:#9c5940}.round.plus{background:#dce2cb}.fine{color:#8c785c;font-size:11px;line-height:1.6}.maphero{border-radius:14px;height:250px;position:relative;overflow:hidden}.maphero img{object-fit:cover;width:100%;height:100%}.maphero span{color:#fff1cb;background:linear-gradient(#0000,#201809e8);padding:35px 20px 18px;font:italic 18px Georgia;position:absolute;bottom:0;left:0;right:0}.steps{justify-content:space-between;margin:15px 0 23px;display:flex}.steps>span{color:#b49a72;border:1px dashed #b49a72;border-radius:50%;place-items:center;width:51px;height:51px;display:grid}.done{color:#fff5d9!important;background:#687049!important;border-color:#687049!important}.location{border-top:1px solid #b79c722a;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:flex}.location>span:nth-child(2){flex:1}.location small{color:#8d795b;font-size:10px}.seal{color:#96794e;background:#eadfc9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.drinks{flex-wrap:wrap;gap:8px;display:flex}.drinks span{background:#f1e5ce;border:1px solid #c3aa824a;border-radius:6px;padding:7px 9px;font-size:11px}.notice{color:#745736;background:#e9d6af75;border:1px solid #b08b4e55;border-radius:10px;margin:16px 0;padding:16px;font-size:13px}.gift,.card{text-align:center;padding:30px 20px}.gifticon{color:#a27c42;font:80px/1.2 Georgia;display:block}.qr{aspect-ratio:1;background:#fff;border-radius:4px;width:280px;max-width:100%;height:auto;margin:24px auto 16px;display:block}code{word-break:break-all;letter-spacing:1px;color:#512f23;font-size:18px;display:block}.textlink{color:var(--wine);text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:18px auto;font-size:12px;text-decoration:underline;display:flex}.demo{text-align:center;background:#e2d2b2;padding:7px;font-size:11px}footer{text-align:center;color:#a08a6c;margin:25px 0;font-size:10px;line-height:1.8}nav{width:100%;max-width:480px;padding:12px 8px max(14px,env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f9efdcf5;border-top:1px solid #c6ac8050;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#a08a6c;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:10px;display:flex}nav button.active{color:#6a3626;font-weight:700}.welcome{text-align:center;padding:25px 0}.welcome img{object-fit:cover;border-radius:15px;width:100%;height:240px;margin-bottom:25px}.welcome h1{font-size:49px}.welcome>p{max-width:300px;margin:20px auto}.spin{animation:1s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}@media (width>=600px){main{box-shadow:0 0 60px #4b352329}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}