@font-face{font-family:Pacifico;src:url(assets/fonts/Pacifico-Regular.ttf)}
@font-face{font-family:Lilita;src:url(assets/fonts/LilitaOne-Regular.ttf)}
@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-Medium.ttf);font-weight:500}
@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-Bold.ttf);font-weight:700}
:root{--red:#e3001b;--deep:#8d1a13;--cream:#fff6e2;--butter:#fddda6;--char:#333336}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,sans-serif;font-weight:500;color:var(--char);background:var(--cream);line-height:1.5}
img{max-width:100%;height:auto;display:block}
.ging{background-color:#fff;background-image:linear-gradient(90deg,rgba(227,0,27,.5) 50%,transparent 50%),linear-gradient(rgba(227,0,27,.5) 50%,transparent 50%);background-size:40px 40px}
nav{position:sticky;top:0;z-index:5;background:var(--red);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:10px}
nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.95rem}
.wrap{max-width:1050px;margin:auto;padding:56px 20px}
h1,h2{font-family:Lilita,sans-serif;color:var(--red);font-weight:400;margin:0 0 12px}
h2{font-size:2.3rem;text-align:center}.script{font-family:Pacifico,cursive;color:var(--deep)}
.hero{padding:40px 20px}.hero .card{max-width:640px;margin:auto;background:var(--cream);border-radius:24px;padding:28px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.hero img{width:min(380px,100%);margin:0 auto 10px;border-radius:16px}
.hero p{font-size:1.25rem;margin:0}
.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 22px;border-radius:40px;text-decoration:none;font-weight:700;border:0;font:inherit;font-weight:700;cursor:pointer;margin:6px}
.btn.alt{background:var(--deep)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.flav{background:#fff;border-radius:18px;padding:20px;text-align:center;border-top:8px solid var(--c)}
.flav h3{font-family:Lilita,sans-serif;font-weight:400;color:var(--c);font-size:1.4rem;margin:0}
.price{text-align:center;font-size:1.3rem;margin-top:22px}
.event{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border-radius:24px;padding:24px}
.event img{border-radius:14px}
.color{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.color figure{margin:0;background:#fff;border-radius:18px;padding:16px;text-align:center}
.color img{border:1px solid #ddd;margin-bottom:10px}
form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
input[type=email]{flex:1 1 260px;max-width:380px;padding:12px 16px;border-radius:40px;border:2px solid var(--red);font:inherit}
#thanks{display:none;text-align:center;font-weight:700;color:var(--deep);font-size:1.2rem}
.center{text-align:center}a{color:var(--deep)}
footer{background:var(--deep);color:#fff;text-align:center;padding:30px 20px 40px}
footer a{color:#fff;font-weight:700}
footer .soc a{display:inline-block;margin:6px 10px;padding:8px 18px;border:2px solid #fff;border-radius:30px;text-decoration:none}
@media(max-width:720px){.event,.color{grid-template-columns:1fr}h2{font-size:1.9rem}.wrap{padding:40px 16px}}

.strip{height:14px;background-size:14px 14px}
.hero{background:var(--red)}
.redband{background:var(--red)}
.soft{background:#fff}
.story{display:grid;grid-template-columns:3fr 2fr;gap:28px;font-size:1.05rem}
.about{background:var(--cream);border-radius:18px;padding:20px;border:3px dashed var(--red)}
.about h3{margin:0 0 6px;font-size:1.6rem;font-weight:400}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.ph{aspect-ratio:4/3;border-radius:16px;background:var(--butter);border:3px dashed var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Lilita,sans-serif;color:var(--deep);font-size:1.2rem;text-align:center;padding:8px}
.ph small{font-family:Poppins;font-size:.75rem;opacity:.7}
.faq{max-width:760px;margin:auto}
details{background:#fff;border-radius:14px;margin:10px 0;padding:4px 18px;border-left:6px solid var(--red)}
summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--deep)}
summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:720px){.story,.photos{grid-template-columns:1fr}}
#flavors .grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:720px){#flavors .grid{grid-template-columns:1fr 1fr}}
.gal{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.gal figure{margin:0;background:#fff;border-radius:18px;padding:14px;text-align:center}
.gal img{border-radius:10px;margin-bottom:8px}
.soonbox{max-width:620px;margin:20px auto}
.artform{flex-direction:column;align-items:stretch;max-width:520px;margin:20px auto;background:#fff;border-radius:18px;padding:24px;border-top:8px solid var(--red)}
.artform label{display:flex;flex-direction:column;font-weight:700;color:var(--deep);gap:4px}
.artform input[type=text],.artform input[type=file]{padding:10px 14px;border-radius:12px;border:2px solid var(--red);font:inherit;font-weight:500}
.artform .chk{flex-direction:row;align-items:flex-start;font-weight:500;color:var(--char);font-size:.9rem;gap:8px}
.artform .chk input{margin-top:5px}
.hp{position:absolute;left:-9999px}
.evlist{display:grid;gap:20px;max-width:760px;margin:auto}
.evcard{background:#fff;border-radius:18px;padding:22px;border-top:8px solid var(--red);position:relative}
.soft .evcard{background:var(--cream)}
.evcard h3{font-family:Lilita,sans-serif;font-weight:400;color:var(--red);font-size:1.6rem;margin:0 0 6px}
.evcard p{margin:6px 0}
.tag{display:inline-block;background:var(--butter);color:var(--deep);font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:20px;margin-bottom:6px}
.evphotos{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}
.evphotos img{border-radius:10px}
.evph{aspect-ratio:auto;padding:28px;margin-top:12px}
.evphotos figure{margin:0}.evphotos figcaption{font-size:.9em;text-align:center;margin-top:4px}

.flav.jar{padding:14px 14px 18px}.flav.jar img{display:block;width:100%;height:auto;aspect-ratio:518/700;object-fit:contain;margin:0 auto 10px}.jarcard{aspect-ratio:518/700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;border-radius:14px;background:var(--cream,#fff8ec);border:3px dashed var(--c);padding:10px;box-sizing:border-box}.jarcard span{font-family:Lilita,sans-serif;color:var(--c);font-size:clamp(1.1rem,5vw,2rem);line-height:1.1}.jarcard small{color:#555}