:root{--ink:#2a1620;--bone:#f6efe6;--brass:#b8893b;--rose:#c9a0a0;--smoke:#6b5a5f;--card:#fffaf3}
*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--ink);font:16px/1.6 Jost,system-ui,sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.1;margin:0}
button,input,textarea,select{font:inherit}a{color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
header.top{position:sticky;top:0;z-index:5;background:var(--ink);color:var(--bone);display:flex;align-items:center;gap:1rem;padding:.7rem 5vw}
header.top .brand{font:600 1.5rem "Cormorant Garamond",serif;margin-right:auto;text-decoration:none;display:flex;align-items:center;gap:.5rem}
header.top .brand img{height:40px;width:40px;object-fit:contain;background:var(--bone);border-radius:50%;padding:3px}
.btn{background:var(--brass);color:#fff;border:0;border-radius:3px;padding:.65rem 1.2rem;cursor:pointer;font-weight:500}
.btn.ghost{background:none;border:1px solid currentColor;color:inherit}.btn.red{background:#9b2c2c}.btn.green{background:#2f7a4a}



section.shop{padding:3.5rem 5vw}.shop-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:2rem}
.shop-head h2{font-size:2.6rem}input[type=search],.f input,.f textarea,.f select{padding:.6rem .8rem;border:1px solid #cdbba6;background:#fff;border-radius:3px;width:100%}
input[type=search]{max-width:280px}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}
.product{background:var(--card);border:1px solid #e5d8c8;border-radius:4px;padding:1rem;display:flex;flex-direction:column}
.product .img{aspect-ratio:1;background:radial-gradient(circle,#ead9c2,#d6bf9f);border-radius:3px;overflow:hidden;margin-bottom:.8rem}
.product img{width:100%;height:100%;object-fit:cover;display:block}
.product h3{font-size:1.4rem}.size{margin:0;color:var(--smoke);font-size:.9rem}.price{font-weight:600;color:var(--brass);margin:.4rem 0 .8rem;font-size:1.15rem}
.product .btn{margin-top:auto}
#cartbtn span{background:var(--bone);color:var(--ink);border-radius:9px;padding:0 .5rem;margin-left:.4rem}
dialog{border:0;border-radius:6px;padding:0;width:min(560px,94vw);max-height:92vh;background:var(--bone);color:var(--ink)}
dialog::backdrop{background:rgba(42,22,32,.6)}.box{padding:1.5rem}.box h2{font-size:2rem;margin-bottom:1rem}
.row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #e5d8c8}
.qty button{width:26px;height:26px;border:1px solid var(--brass);background:none;cursor:pointer}
.f{display:grid;gap:.8rem;margin:1rem 0}.f label{display:grid;gap:.25rem;font-size:.9rem;color:var(--smoke)}
.steps{background:var(--card);border-left:3px solid #f5c400;padding:1rem 1.2rem 1rem 2.2rem;margin:1rem 0}.steps li{margin:.3rem 0}
.note{font-size:.85rem;color:var(--smoke)}.tag{padding:.1rem .6rem;border-radius:9px;font-size:.8rem;color:#fff}
.Pending{background:#b8893b}.Confirmed{background:#2f7a4a}.Denied{background:#9b2c2c}
footer{background:var(--ink);color:#d9c9ba;padding:2.5rem 5vw;text-align:center}
.admin{padding:2rem 5vw}.stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}.stats div{background:var(--card);border:1px solid #e5d8c8;padding:.8rem 1.4rem;border-radius:4px}
.stats b{display:block;font:600 1.8rem "Cormorant Garamond",serif}
.order{background:var(--card);border:1px solid #e5d8c8;border-radius:4px;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:1rem}
.order img.shot{width:110px;border-radius:3px;cursor:zoom-in;border:1px solid #ccc}.acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.bar{display:flex;gap:.6rem;flex-wrap:wrap}.bar>*{width:auto}
@media(max-width:600px){.order{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){@keyframes rise{from{opacity:0;transform:translateY(16px)}}}

@media(max-width:700px){}

html{scroll-behavior:smooth}
.eyebrow{font:500 .78rem Jost,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0 0 1rem}
.home header.top{position:fixed;inset:0 0 auto;background:transparent;color:var(--ink);transition:background .4s,color .4s,padding .4s,box-shadow .4s}
.home header.top.solid{background:rgba(42,22,32,.96);color:var(--bone);padding-block:.45rem;box-shadow:0 6px 24px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.hero{position:relative;overflow:hidden;background:var(--bone);color:var(--ink);min-height:100svh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background:url(images/banner.png) 72% center/cover;animation:kb 24s ease-in-out infinite alternate}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--bone) 0,rgba(246,239,230,.85) 32%,rgba(246,239,230,0) 68%)}
.hero-in{position:relative;z-index:2;padding:0 5vw;max-width:760px}
.hero h1{font-size:clamp(3rem,7.5vw,6.2rem);max-width:11ch}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.hero h1 .w i{display:inline-block;font-style:normal;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*.09s + .2s)}
.hero p.lead{max-width:38ch;margin:1.4rem 0 2.2rem;color:#4a3a40;font-size:1.1rem;opacity:0;animation:fade 1s .9s forwards}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fade 1s 1.1s forwards}
.btn{transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(184,137,59,.35)}.btn:active{transform:none}
.btn.big{padding:.9rem 2rem;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;text-decoration:none;display:inline-block}
@keyframes kb{to{transform:scale(1.08) translateX(-1.5%)}}@keyframes up{to{transform:none}}@keyframes fade{to{opacity:1}}
.ticker{overflow:hidden;background:var(--ink);color:var(--rose);padding:.9rem 0;white-space:nowrap}
.ticker .track{display:inline-flex;animation:tick 70s linear infinite;font:italic 1.25rem "Cormorant Garamond",serif}
.ticker:hover .track{animation-play-state:paused}.ticker span{padding-right:3rem}.ticker span::after{content:"◆";color:var(--brass);margin-left:3rem;font-style:normal;font-size:.6rem}
@keyframes tick{to{transform:translateX(-50%)}}
.shop-head h2{font-size:clamp(2.2rem,5vw,3.4rem)}.tools{display:flex;gap:.6rem;flex-wrap:wrap}.tools select{padding:.6rem .8rem;border:1px solid #cdbba6;background:#fff;border-radius:3px}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.chips button{border:1px solid #cdbba6;background:none;padding:.45rem 1rem;border-radius:999px;cursor:pointer;color:var(--smoke);transition:.25s}
.chips button:hover{border-color:var(--brass);color:var(--ink)}.chips button.on{background:var(--ink);border-color:var(--ink);color:var(--bone)}#count{margin:0 0 1.4rem}
.product{transition:transform .4s,box-shadow .4s,border-color .4s}.product:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(42,22,32,.12);border-color:var(--brass)}
.product .img{position:relative}.product .img::after{content:"";position:absolute;inset:22%;background:url(images/logo.png) center/contain no-repeat;opacity:.22}
.product img{position:relative;z-index:1;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product:hover img{transform:scale(1.08)}
.product .add{background:var(--ink)}.product .add:hover{background:var(--brass)}.product .add.ok{background:#2f7a4a}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.reveal.in{opacity:1;transform:none}
.how{padding:4.5rem 5vw;background:var(--card);border-block:1px solid #e5d8c8}.how h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}
.how-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.how-g>div{border-top:1px solid var(--brass);padding-top:1rem}
.how-g span{font:600 3.2rem "Cormorant Garamond",serif;color:var(--brass);display:block;line-height:1}.how-g h3{font-size:1.5rem;margin:.6rem 0 .3rem}.how-g p{margin:0;color:var(--smoke)}
dialog[open]{animation:pop .35s cubic-bezier(.2,.7,.2,1)}dialog[open]::backdrop{animation:fd .35s}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes fd{from{opacity:0}}
#cartbtn.bump{animation:bump .4s}@keyframes bump{40%{transform:scale(1.12)}}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--ink);color:var(--bone);padding:.7rem 1.3rem;border-radius:4px;opacity:0;transition:.35s;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
footer{text-align:left;padding:4rem 5vw 1.5rem}.f-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1100px}.f-g h4{font:600 1.35rem "Cormorant Garamond",serif;color:var(--bone);margin:0 0 .8rem}.f-g p{margin:.25rem 0}
footer a{text-decoration:none;color:#d9c9ba;transition:color .2s}footer a:hover{color:var(--brass)}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.2rem;font-size:.85rem;color:#a99a8e}
.dayh{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem;font-size:1.7rem;border-bottom:2px solid var(--brass);padding-bottom:.4rem;margin:2rem 0 1rem}.dayh small{font:400 .9rem Jost,sans-serif;color:var(--smoke);margin-left:auto}
@media(max-width:700px){.f-g{grid-template-columns:1fr}.hero::before{background:linear-gradient(rgba(246,239,230,.9),rgba(246,239,230,.6))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero h1 .w i,.hero p.lead,.hero .cta{opacity:1;transform:none}}

a.btn{text-decoration:none;display:inline-block}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:4rem 5vw;max-width:1100px;margin:auto}.contact h1{font-size:clamp(2.6rem,6vw,4.2rem)}
.lead2{color:var(--smoke);max-width:40ch;margin:1rem 0 2rem}.cinfo p{margin:.8rem 0}.cardbox{background:var(--card);border:1px solid #e5d8c8;border-radius:4px;padding:1.6rem;align-self:start;animation:pop .6s both}
.btn.big{padding:.9rem 2rem;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
@media(max-width:800px){.contact{grid-template-columns:1fr}}