:root{--ink:#111316;--char:#1b1e22;--mist:#eceeee;--paper:#f8f8f6;--orange:#f26a1b;--line:#dcdfe2;--tile:#dcd9d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3,.navbar-brand,.foot-brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.08}
h1,.h1{font-size:clamp(2.2rem,1.4rem + 3.6vw,4.2rem)}h2{font-size:clamp(1.8rem,1.3rem + 2vw,2.9rem)}h3{font-size:1.5rem}
a{color:var(--ink)}a:hover{color:#b44a0a}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.topbar{background:#000;color:#e6e8ea;font-size:.85rem;text-align:center;padding:.4rem 1rem;display:flex;gap:.2rem 2rem;justify-content:center;flex-wrap:wrap}
.site-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.navbar-brand{display:flex;flex-direction:column;align-items:center;font-size:1.6rem;letter-spacing:.04em;line-height:1;color:var(--ink);margin-right:0}
.navbar-brand small{font-size:.65rem;letter-spacing:.3em}.navbar-brand em{font-style:normal;font-size:.6rem;letter-spacing:.5em;margin-top:.15rem}
.nav-link{color:var(--ink);padding:.7rem .4rem}.nav-link:hover,.nav-link.active{color:#b44a0a}
.btn{border-radius:2px;font-weight:600;padding:.6rem 1.4rem}
.btn-ink{background:var(--ink);color:#fff;border:1px solid var(--ink)}.btn-ink:hover,.btn-ink:focus{background:#000;color:#fff;box-shadow:0 0 0 3px var(--orange)}
.btn-accent{background:var(--orange);color:var(--ink);border:1px solid var(--orange)}.btn-accent:hover{background:#ff8236;color:var(--ink)}
.hero{background:radial-gradient(ellipse at 70% 45%,#2e3238 0,var(--ink) 65%);color:#fff;padding:3.5rem 0 4rem}
.hero h1{max-width:13ch}.hero .lead{max-width:34ch;margin:1.1rem 0 1.8rem;color:#d3d8de}
.hero-img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 28px 56px #0009}
.section{padding:4.2rem 0}.section.dark{background:var(--ink);color:#e6e8ea}.section.dark a{color:#fff}.band{background:var(--mist)}.band h2.h3{font-size:1.7rem}.narrow{max-width:46rem}
.head{text-align:center;margin-bottom:2.2rem}.head p{max-width:48ch;margin:.6rem auto 0}
.pcard{text-align:center}.pcard h3{font-size:1.4rem;margin:.9rem 0 .2rem}.pcard h3 a{text-decoration:none}.bag{margin:0;font-size:.9rem;color:#454b52}.price{font-weight:600;margin:.2rem 0 .8rem}
.tile{display:block;aspect-ratio:4/5;background:var(--tile);overflow:hidden}.tile .pimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.pcard:hover .tile .pimg{transform:scale(1.03)}
.tile .pouch{width:76%;margin:12% auto 0;display:block}.tile.big{max-width:560px}
.thumbs{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}.thumb{border:2px solid transparent;padding:0;background:none;width:76px}.thumb.on{border-color:var(--ink)}.thumb img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.photo img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.idea{background:#fff;border:1px solid var(--line);padding:1.2rem;height:100%}.idea h3{font-size:1.5rem}.idea ul{padding-left:1.1rem;margin-bottom:.8rem}
.steps h3{font-size:1.6rem}.num{display:inline-flex;width:2.6rem;height:2.6rem;border:2px solid var(--ink);align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;margin-bottom:.8rem}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}.chips li{border:1px solid var(--ink);padding:.35rem .9rem;background:#fff}
.accordion-button:not(.collapsed){background:#fff;color:var(--ink);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 3px var(--orange)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin-bottom:1.5rem}.facts dt{font-weight:600}.facts dd{margin:0}
.formcard{background:#fff;color:var(--ink);padding:2rem}.section.dark address{color:#e6e8ea}
.spec{padding-left:1.1rem}.qty{display:flex;border:1px solid var(--ink)}.qty button{border:0;background:#fff;width:2.8rem;min-height:2.8rem}.qty input{width:3.4rem;border:0;text-align:center;background:#fff}
.summary{background:#fff;border:1px solid var(--line);padding:1.4rem}.legal h2{font-size:1.6rem;margin-top:1.8rem}
.site-foot{background:#000;color:#cfd4d9;padding:3.5rem 0 1.5rem}.site-foot a{color:#fff}.site-foot hr{border-color:#fff3}.foot-brand{font-size:1.6rem;color:#fff;letter-spacing:.05em}.foot-brand em{font-style:normal;font-size:.8rem;letter-spacing:.4em}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:60;background:#0f7a40;color:#fff;border-radius:999px;padding:.65rem 1.1rem;text-decoration:none;font-weight:600;display:flex;gap:.5rem;align-items:center;box-shadow:0 6px 18px #0005}.wa-float:hover{color:#fff;background:#0b5f31}
.table>:not(caption)>*>*{padding:.7rem .5rem}
@media(max-width:991px){.hero{text-align:center;padding:2.5rem 0 3rem}.hero h1,.hero .lead{margin-left:auto;margin-right:auto}.hero .d-flex{justify-content:center}.section{padding:3.2rem 0}.tile.big{margin:auto}}
@media(max-width:575px){.topbar{font-size:.76rem}.topbar span:nth-child(n+3){display:none}.section{padding:2.6rem 0}.pcard h3{font-size:1.15rem}.formcard{padding:1.2rem}.btn-lg{padding:.7rem 1.2rem;font-size:1rem}.facts{grid-template-columns:1fr;gap:.1rem}.facts dd{margin-bottom:.7rem}.wa-float{padding:.8rem}.wa-float span{display:none}.hero .btn-lg{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* header logo */
.navbar-brand{padding:.2rem 0}
.navbar-brand img{display:block;height:50px;width:auto}
@media(max-width:575px){.navbar-brand img{height:42px}}