body{background:linear-gradient(#fbfbf388,#fbfbf388),url('assets/watercolor.png') center/cover fixed}.header{background:#fbfbf3da}.workshops{background:#fbfbf3ee;border-radius:20px;margin:24px 32px;max-width:1376px}.how,.faq{background:#fbfbf3e8;border-radius:20px}.how{margin-bottom:24px}.faq{margin-top:24px;margin-bottom:24px;max-width:1376px}.card-footer>span strong{display:block;font-size:10px;font-weight:500;color:var(--ink)}.card-footer>span small{display:block;font-size:8px;margin-top:4px}.story{text-align:center;padding-top:45px;padding-bottom:65px}.story h2{font-size:42px;line-height:1.35;letter-spacing:-1px;margin:18px 0}.story>p:last-of-type{max-width:640px;margin:auto;font-size:12px;line-height:2}.story-tags{display:flex;justify-content:center;gap:25px;margin-top:25px;font-size:9px}.story-tags .icon{margin-right:8px}.event-facts{margin-top:35px;max-width:360px;display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.event-facts>div:last-child{grid-column:1/-1;padding-top:16px;border-top:1px solid #54693e33}.event-facts span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:5px}.event-facts strong{display:block;font-weight:500;font-size:18px}.event-facts small{display:block;font-size:9px;margin-top:3px}.drink-note{font-size:10px!important;line-height:1.9;margin-top:22px;padding:13px 15px;border:1px solid #6b814b40;border-radius:9px;max-width:350px;background:#fff3}.campaign-note{margin-top:35px}.date-options{border:0;padding:0;margin:25px 0 18px;display:flex;gap:12px;min-width:0}.date-options legend{font-size:12px;font-weight:500;margin-bottom:17px}.date-options legend>span{font-size:10px;color:#7a896b;margin-right:9px}.date-options label{display:block;flex:1;cursor:pointer;position:relative}.date-options input{position:absolute;opacity:0}.date-options label>span{display:block;text-align:center;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-family:var(--serif);font-size:27px;line-height:1.3;background:#fff}.date-options small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:1.3px;margin-top:1px}.date-options input:checked+span{border-color:#69854b;background:#e8edda}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:block;font-size:10px;font-weight:500;margin-top:16px}.field-grid .field{margin:0}.field input,.field textarea{display:block;width:100%;padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:11px;color:var(--ink);margin-top:7px;min-height:42px}.field input:focus,.field textarea:focus{outline:2px solid #90a964;outline-offset:2px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{font-size:9px;color:#8a9380}.field-hint{font-size:9px;line-height:1.8;color:#6b785e;margin-top:8px}.optional{color:#8a9380;font-weight:400}.submit{background:var(--ink);color:var(--cream);border-color:var(--ink)}.booking-disclaimer{font-size:8px;line-height:1.9;text-align:center;margin-top:12px;color:#78836c}.booking-summary{margin-top:22px}.booking{align-items:start}.booking-intro{position:sticky;top:35px}.booking-panel{padding:28px 30px}.section{scroll-margin-top:20px}dialog{border:1px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink);width:min(550px,calc(100% - 30px));padding:25px 30px;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #122b2050}dialog::backdrop{background:#20312188;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:none;border:0;color:var(--ink);font-size:27px;line-height:1;padding:0 4px}dialog h2{font-family:var(--serif);font-size:35px;line-height:1.35;letter-spacing:-1px;margin:18px 0 12px}.dialog-intro{font-size:11px;color:#637455;line-height:1.9}.dialog-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.dialog-actions .button{font-size:10px;gap:15px;padding:10px 15px}#booking-message{font-size:10px;line-height:1.8;background:#f0f2e8}.channel-pending{padding:11px 13px;background:#f6e8ed;border-radius:8px;font-size:10px;line-height:1.9;margin-top:15px}#copy-status{font-size:10px;color:#496234;margin-top:10px}[hidden]{display:none!important}
@media(min-width:1440px){.workshops{margin-left:auto;margin-right:auto}}
@media(max-width:950px){.workshops{margin:24px 20px}.card-footer{flex-wrap:wrap}.booking-panel{padding:23px}.how{margin-left:20px;margin-right:20px}.faq{margin-left:20px;margin-right:20px}}
@media(max-width:650px){body{background-attachment:scroll}.header{background:#fbfbf3ec}.workshops{margin:15px 12px;padding:45px 16px;border-radius:15px}.card-body{padding:21px}.card-footer{flex-wrap:nowrap}.card-footer>span small{font-size:7px;max-width:160px;line-height:1.7}.select-workshop{font-size:10px}.select-workshop span{margin-left:8px}.story{padding:38px 23px 45px}.story h2{font-size:28px;letter-spacing:-.6px}.story>p:last-of-type{font-size:10px}.story-tags{flex-wrap:wrap;gap:7px 16px;font-size:8px}.how{margin:0 12px 15px;border-radius:15px;padding:35px 23px}.booking{margin:0 12px;padding:34px 18px;gap:25px}.booking-intro{position:static}.event-facts{margin-top:24px;gap:18px}.event-facts strong{font-size:16px}.drink-note{font-size:9px!important;max-width:100%}.campaign-note{margin-top:22px}.booking-panel{padding:22px 17px}.date-options legend{font-size:11px}.choice strong{font-size:10px}.field input,.field textarea{font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:10px}.booking-disclaimer{font-size:8px}.faq{margin:15px 12px;padding:35px 23px;border-radius:15px}dialog{padding:23px 20px}dialog h2{font-size:30px}.dialog-actions{flex-direction:column}.dialog-actions .button{justify-content:center}.dialog-intro{font-size:10px}}
@media(max-width:650px){.hero-photo{top:35%;height:65%}.hero-wash{background:linear-gradient(180deg,#e7efcc 0%,#e7efcc 36%,#e7efccbb 42%,transparent 60%)}}

.time-picker{display:flex;align-items:center;gap:5px;margin-top:7px}.time-picker select{flex:1;min-width:0;width:0;min-height:42px;padding:10px 6px;background:#fff;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:11px;color:var(--ink)}.time-picker select:focus-visible{outline:2px solid #90a964;outline-offset:2px}.time-picker>span{font-size:16px}@media(max-width:650px){.time-picker select{font-size:16px;padding:10px 2px}}
