:root{--bg:#fff;--ink:#2a1a00;--mute:#6a5a38;--y:#ffc81e;--y2:#fff1b8;--card:#fff;--line:#f3e3a6;--hex:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#1a1200;--ink:#fff6d6;--mute:#d3c38f;--card:#261b02;--line:#4a3a0c;--y2:#3a2c06}}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:calc(70px + env(safe-area-inset-top,0px))}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.06rem/1.6 Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:70}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:Bricolage Grotesque,Arial Black,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0 0 .5em}h1{font-size:clamp(3.2rem,16vw,8rem)}h2{font-size:clamp(2.3rem,10vw,4.6rem)}h3{font-size:1.3rem;letter-spacing:-.02em;line-height:1.1}p{margin:0 0 1em;max-width:58ch}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}section{position:relative;padding:4.5rem 0}.lead{font-size:1.18rem;max-width:44ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.8rem;border-radius:999px;background:var(--ink);color:#fff6d6;font:600 1.02rem Instrument Sans,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:transform .15s}.btn:hover{transform:rotate(-2deg) scale(1.03)}.btn.y{background:var(--y);color:#2a1a00}.btn.o{background:transparent;border:2px solid var(--ink);color:var(--ink)}.row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}.bar{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;font:800 1.35rem Bricolage Grotesque,sans-serif;letter-spacing:-.03em}.hx{display:inline-block;width:28px;height:32px;background:var(--y);clip-path:var(--hex)}#menu{width:52px;height:58px;border:0;background:var(--y);clip-path:var(--hex);font-size:1.4rem;color:#2a1a00;cursor:pointer}#links{list-style:none;margin:0;padding:0;display:none}#links a{text-decoration:none}.open #links{display:flex;flex-direction:column;justify-content:center;gap:.2rem;position:fixed;inset:0;background:var(--y);padding:90px 1.5rem 2rem;z-index:-1}.open #links a{display:block;font:800 clamp(2.4rem,12vw,4rem)/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em;color:#2a1a00;padding:.2rem 0}.open #links .btn{display:inline-flex;width:-moz-max-content;width:max-content;min-height:52px;padding:.7rem 1.8rem;background:#2a1a00!important;color:#fff6d6!important;font:600 1.02rem Instrument Sans,sans-serif;border-radius:999px}.open header{background:var(--y)}.open .logo{color:#2a1a00}.open #menu{background:#2a1a00;color:var(--y)}.hero{padding:1.5rem 0 5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 2l26 15v30L28 62 2 47V17zM28 62v35M2 47L0 48M54 47l2 1' fill='none' stroke='%23ffc81e' stroke-opacity='.28' stroke-width='1.5'/%3E%3C/svg%3E")}.hero .wrap{display:grid;gap:2.2rem}.fig{position:relative;margin:0 auto;width:min(100%,460px)}.fig:before{content:"";position:absolute;inset:-9% -12% -6% -8%;background:var(--y);clip-path:var(--hex);z-index:0}.fig img{position:relative;z-index:1;border-radius:18px;transform:rotate(-3deg);border:8px solid #fff;box-shadow:0 22px 40px -18px #5a37008c}.stk{position:absolute;z-index:2;right:-4px;bottom:-26px;width:122px;height:122px;background:var(--ink);border-radius:50%;color:var(--y)}.stk svg{width:100%;height:100%;animation:spin 22s linear infinite}.stk text{font:600 11.5px Instrument Sans,sans-serif;fill:var(--y)}@keyframes spin{to{transform:rotate(360deg)}}.band{background:var(--y);color:#2a1a00;padding-bottom:7.5rem}.band .lead,.band p{color:#4a3300}.band img{border-radius:26px;border:8px solid #fff;width:100%;margin-top:2rem;box-shadow:0 24px 44px -22px #5a370099}.drip{position:absolute;left:0;bottom:-1px;width:100%;height:64px;transform:translateY(63px);fill:var(--y);display:block}.three{display:grid;gap:1.2rem;margin-top:2.4rem}.three div{display:flex;gap:1rem;align-items:flex-start}.three i,.care i{flex:none;width:44px;height:50px;background:#fff;clip-path:var(--hex)}.three h3{margin:0 0 .2em}.three p{margin:0}.pick{padding-top:7rem}.comb{--w:min(31vw,132px);display:flex;flex-direction:column;align-items:center;margin:2rem 0 1.5rem}.comb div{display:flex;justify-content:center}.comb div+div{margin-top:calc(var(--w)*-.2887 + 3px)}.comb button{width:var(--w);height:calc(var(--w)*1.1547);margin:0 1.5px;border:0;clip-path:var(--hex);background:var(--y);color:#2a1a00;font:800 clamp(.82rem,3.4vw,1.05rem) "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;cursor:pointer;transition:background .15s,transform .15s}.comb button:hover{transform:scale(1.06)}.comb button[aria-pressed=true],.comb button:focus-visible{background:var(--ink);color:var(--y);outline:0}#say{background:var(--y2);border-radius:22px;padding:1.4rem 1.5rem;min-height:7.5rem}.steps{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:2rem}.steps li{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start}.steps em{font:800 4.6rem/.85 Bricolage Grotesque,sans-serif;font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink);letter-spacing:-.05em}.steps p{margin:0;color:var(--mute)}.soft{background:var(--y2)}.care{display:grid;gap:1.4rem;margin-top:2rem}.care div{display:flex;gap:1rem}.care i{width:30px;height:34px;margin-top:.15rem;background:var(--y)}.care h3{margin:0 0 .2em}.care p{margin:0;color:var(--mute)}details{border-bottom:2px solid var(--ink)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;font:800 1.25rem Bricolage Grotesque,sans-serif;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary:after{content:"+";flex:none;width:34px;height:38px;display:grid;place-items:center;background:var(--y);clip-path:var(--hex);color:#2a1a00;font-size:1.3rem;transition:transform .2s}details[open] summary:after{transform:rotate(90deg)}details p{color:var(--mute);margin:0 0 1.2rem}#order{background:var(--y);color:#2a1a00;padding-bottom:5rem}#order .lead{color:#4a3300}form{background:#fff;color:#2a1a00;border-radius:26px;padding:1.4rem;display:grid;gap:1rem;margin-top:2rem}label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}input,select,textarea{font:inherit;color:#2a1a00;background:#fffbe8;border:2px solid #f0dc8c;border-radius:14px;padding:.8rem 1rem;min-height:50px;width:100%}.note{font-size:.92rem;margin:0}footer{padding:1.8rem 0 2.4rem;font-size:.95rem;color:var(--mute)}footer .wrap{display:flex;flex-direction:column;gap:.4rem}.bars{display:grid;gap:1.1rem;margin-top:2.2rem}.bar2{display:grid;gap:.35rem}.bar2 b{font:800 1.1rem Bricolage Grotesque,sans-serif;display:flex;justify-content:space-between;gap:1rem}.bar2 b span{font:500 .92rem Instrument Sans,sans-serif;letter-spacing:0;color:var(--mute);text-align:right}.trk{height:34px;background:var(--y2);border-radius:999px;overflow:hidden}.fil{height:100%;width:var(--w);background:var(--ink);border-radius:999px;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}.fil.h{background:var(--y);display:flex;align-items:center;justify-content:flex-end;padding-right:.9rem;font:800 1.2rem Bricolage Grotesque,sans-serif;color:#2a1a00}.small{font-size:.92rem;color:var(--mute);margin-top:1.2rem}.alert{margin-top:2rem;border:2px solid var(--ink);border-radius:20px;padding:1.2rem 1.4rem}.alert p{margin:0;max-width:none}.four{display:grid;gap:1.4rem;margin-top:2.2rem}.pad{padding-top:3rem}.card2{background:#fff;color:#2a1a00;border-radius:28px;overflow:hidden;margin-top:2rem;box-shadow:0 26px 50px -26px #5a3700a6}.gal{position:relative;background:#f3f1ec}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{display:none}.slides img{flex:none;width:100%;aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain;scroll-snap-align:center}.so{position:absolute;top:14px;left:14px;background:#2a1a00;color:#ffc81e;font:800 .95rem Bricolage Grotesque,sans-serif;padding:.35rem .95rem;border-radius:999px;z-index:2}.arr{position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:50%;border:0;background:#ffffffe6;color:#2a1a00;font-size:1.3rem;cursor:pointer;box-shadow:0 2px 8px #0000002e;z-index:2}.arr.l{left:10px}.arr.r{right:10px}.dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center}.dots button{width:28px;height:28px;border:0;background:none;position:relative;cursor:pointer}.dots button:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#2a1a00;opacity:.28}.dots button[aria-current=true]:after{inset:8px;opacity:1;background:#f0a500}.pi{padding:1.5rem}.pi h3{font-size:1.7rem;margin-bottom:.2em}.price{font:800 1.6rem Bricolage Grotesque,sans-serif}.price small{font:500 .95rem Instrument Sans,sans-serif;color:#6a5a38}.oos{background:#fff1b8;border-radius:14px;padding:.8rem 1rem;margin:1rem 0;font-weight:600}.qty{display:flex;align-items:center;gap:.4rem;margin:1rem 0}.qty button{width:52px;height:52px;border-radius:50%;border:2px solid #2a1a00;background:#fff;color:#2a1a00;font-size:1.5rem;cursor:pointer}.qty output{min-width:3rem;text-align:center;font:800 1.5rem Bricolage Grotesque,sans-serif}.qty span{margin-left:auto;font:800 1.3rem Bricolage Grotesque,sans-serif}.pi .btn{width:100%}.pi>.btn{background:#2a1a00!important;color:#fff6d6!important;font-weight:800;opacity:1;visibility:visible;text-align:center}.pi>.btn:hover{background:#4a3000!important;color:#fff6d6!important}#wl{margin-top:1rem;display:grid;gap:.8rem;background:#fff;padding:1.4rem;border-radius:20px}#wl .btn{width:100%;margin-top:.25rem}#wl[hidden]{display:none}#wl input[readonly]{background:#f8f0d1;color:#2a1a00}.ok{background:#2a1a00;color:#fff6d6;border-radius:14px;padding:1rem 1.1rem;margin-top:1rem}.ok[hidden]{display:none}@media (min-width:800px){section{padding:7rem 0}#menu{display:none}#links,.open #links{display:flex;flex-direction:row;align-items:center;gap:1.8rem;position:static;inset:auto;padding:0;background:none;z-index:auto}#links a:not(.btn),.open #links a:not(.btn){font:600 1rem Instrument Sans,sans-serif;letter-spacing:0;padding:0;display:inline;color:var(--ink)}#links .btn,.open #links .btn{padding:.6rem 1.4rem;min-height:46px;color:#fff6d6!important;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2a1a00!important;font:600 1rem Instrument Sans,sans-serif}.open header{background:var(--bg)}.open .logo{color:var(--ink)}.hero .wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem}.three{grid-template-columns:repeat(3,1fr);gap:2rem}.three div{flex-direction:column}.pick2 .wrap{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}.comb{--w:150px}.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}.steps li{grid-template-columns:1fr}.care{grid-template-columns:repeat(3,1fr);gap:2rem}.two{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}footer .wrap{flex-direction:row;justify-content:space-between}.four{grid-template-columns:1fr 1fr;gap:2rem 3rem}.bars{max-width:820px}.card2{display:grid;grid-template-columns:1.15fr 1fr}.pi{padding:2.2rem;align-self:center}.slides img{aspect-ratio:1/1}}@media (prefers-reduced-motion:reduce){.stk svg{animation:none}*{transition:none!important;scroll-behavior:auto!important}}