:root{--bg: #f4f1ea;--bg-soft: #faf7f0;--ink: #3a332c;--ink-soft: #6b6258;--ink-faint: #9a9088;--line: rgba(58, 51, 44, .12);--terracotta: #cc7d5a;--terracotta-dark: #b5633f;--petrol: #4f8a93;--petrol-dark: #366b74;--mustard: #e0a44a;--dusty-pink: #e3a9a6;--olive: #7a8a4e;--leaf: #7aa86b;--leaf-dark: #5d8a52;--cream: #efe6d6;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--clay-shadow: 0 1px 1px rgba(255, 255, 255, .9) inset, 0 2px 4px rgba(58, 51, 44, .06), 0 12px 28px rgba(58, 51, 44, .1), 0 28px 56px rgba(58, 51, 44, .08);--clay-shadow-press: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 2px 6px rgba(58, 51, 44, .1), 0 8px 18px rgba(58, 51, 44, .1);--glass-bg: rgba(250, 247, 240, .55);--glass-blur: 14px;--maxw: 760px;--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:17px;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.05;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2.8rem,7vw,5.2rem)}h2{font-size:clamp(2rem,4.5vw,3.2rem)}h3{font-size:clamp(1.3rem,2.2vw,1.7rem)}p{margin:0 0 1em}.eyebrow{font-family:var(--font-body);font-weight:800;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--petrol-dark)}#shop-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(130% 90% at 50% -10%,#f4f1eaeb,#f4f1ea00 48%),linear-gradient(180deg,#f4f1eab8,#f4f1ea00 16% 74%,#f4f1ead1)}.veil{position:relative;background:#faf7f09e;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:var(--clay-shadow);padding:clamp(1.8rem,4vw,2.6rem)}.veil.veil-soft{background:#faf7f0ad;padding:clamp(2rem,5vw,3rem)}.content{position:relative;z-index:2}section.story{min-height:100vh;display:flex;align-items:center;padding:8rem 1.5rem}.section-inner{width:100%;max-width:var(--maxw);margin:0 auto}.section-inner.right{margin-right:clamp(1rem,8vw,12rem);margin-left:auto}.section-inner.left{margin-left:clamp(1rem,8vw,12rem);margin-right:auto}.section-inner.center{text-align:center}.clay-card{background:var(--bg-soft);border-radius:var(--radius-xl);box-shadow:var(--clay-shadow);padding:clamp(1.8rem,4vw,2.8rem);border:1px solid rgba(255,255,255,.7)}.clay-chip{display:inline-flex;align-items:center;gap:.5em;padding:.35em .9em;border-radius:999px;background:var(--cream);box-shadow:var(--clay-shadow-press);font-weight:700;font-size:.8rem;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.6em;border-radius:999px;border:none;font-weight:800;font-size:1rem;color:#fff;background:var(--petrol-dark);box-shadow:var(--clay-shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);background:var(--petrol)}.btn:active{transform:translateY(0);box-shadow:var(--clay-shadow-press)}.btn.alt{background:var(--terracotta-dark)}.btn.alt:hover{background:var(--terracotta)}.btn.ghost{background:var(--cream);color:var(--ink)}.btn.ghost:hover{background:#fff}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,3vw,2.2rem);background:#faf7f0b8;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);border-bottom:1px solid var(--line)}.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--ink)}.nav-logo .mark{width:34px;height:34px;border-radius:13px;box-shadow:var(--clay-shadow-press);display:block;flex:0 0 auto}.nav-links{display:flex;gap:.3rem}.nav-links a{padding:.5rem .95rem;border-radius:999px;font-weight:700;font-size:.95rem;color:var(--ink-soft);transition:background .2s,color .2s}.nav-links a:hover{background:#3a332c0f;color:var(--ink)}.nav-burger{display:none;background:none;border:none;padding:.4rem}.nav-burger span{display:block;width:22px;height:3px;border-radius:3px;background:var(--ink);margin:4px 0;transition:.3s}.hero{text-align:center}.hero-mark{width:64px;height:64px;margin:0 auto .8rem;display:block;box-shadow:var(--clay-shadow);border-radius:18px}.hero h1 .accent{color:var(--leaf-dark);font-style:italic}.hero .lead{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--ink-soft);max-width:36ch;margin:1.4rem auto 2rem}.hero .scroll-hint{margin-top:3rem;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ink-faint);font-weight:700;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.hero .scroll-hint .dot{width:26px;height:42px;border-radius:14px;border:2px solid var(--ink-faint);position:relative}.hero .scroll-hint .dot:after{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:4px;height:7px;border-radius:2px;background:var(--ink-faint);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{0%,to{opacity:0;transform:translate(-50%)}30%{opacity:1}70%{opacity:0;transform:translate(-50%,14px)}}.products-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.product{background:var(--bg-soft);border-radius:var(--radius-lg);box-shadow:var(--clay-shadow);padding:1.4rem;border:1px solid rgba(255,255,255,.7);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.product:hover{transform:translateY(-4px) rotate(-.4deg)}.product .swatch{width:100%;height:120px;border-radius:var(--radius-md);box-shadow:var(--clay-shadow-press);margin-bottom:1rem;position:relative;overflow:hidden}.product .swatch span{position:absolute;left:.7rem;bottom:.7rem;font-size:.72rem;font-weight:800;padding:.3em .75em;border-radius:999px;background:#faf7f0f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);box-shadow:var(--clay-shadow-press);letter-spacing:.04em}.product h3{font-size:1.25rem;margin-bottom:.2rem}.product .sci{font-style:italic;color:var(--ink-faint);font-size:.85rem;margin-bottom:.7rem}.product .care{font-size:.92rem;color:var(--ink-soft);margin-bottom:.9rem}.product .price-row{display:flex;align-items:center;justify-content:space-between}.product .price{font-weight:800;font-size:1.2rem;color:var(--petrol-dark)}.product .tag{font-size:.72rem;font-weight:800;padding:.3em .7em;border-radius:999px;background:var(--cream);color:var(--ink-soft)}.form{display:grid;gap:1rem}.field{display:grid;gap:.4rem}.field label{font-weight:800;font-size:.85rem;color:var(--ink-soft)}.field input,.field textarea{width:100%;padding:.9em 1em;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg);font-family:inherit;font-size:1rem;color:var(--ink);box-shadow:var(--clay-shadow-press);transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 4px #4f8a932e,var(--clay-shadow-press)}.field input::placeholder,.field textarea::placeholder{color:#8a8077;opacity:1}.field .err{color:var(--terracotta-dark);font-size:.8rem;min-height:1em;font-weight:700}.form-success{display:none;padding:1rem 1.2rem;border-radius:var(--radius-md);background:#eaf3ea;color:var(--leaf-dark);font-weight:700;box-shadow:var(--clay-shadow-press)}.form-success.show{display:block}.contact-info{display:grid;gap:.8rem;margin-top:1.4rem}.contact-info li{list-style:none;display:flex;gap:.7rem;align-items:flex-start}.contact-info .ic{width:30px;height:30px;border-radius:10px;background:var(--cream);display:grid;place-items:center;flex:0 0 auto;box-shadow:var(--clay-shadow-press)}.contact-info .lab{font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.socials{display:flex;gap:.6rem;margin-top:1.2rem}.socials a{width:42px;height:42px;border-radius:14px;background:var(--cream);display:grid;place-items:center;box-shadow:var(--clay-shadow-press);transition:transform .2s;font-weight:800;color:var(--ink-soft)}.socials a:hover{transform:translateY(-2px);background:#fff}#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;transition:opacity .6s ease,visibility .6s}#loader.hide{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-plant{width:70px;height:70px;margin:0 auto 1.2rem;border-radius:50%;background:var(--leaf);box-shadow:var(--clay-shadow);position:relative;animation:bob 1.6s ease-in-out infinite}.loader-plant:before,.loader-plant:after{content:"";position:absolute;top:-18px;width:30px;height:24px;border-radius:50%;background:var(--leaf-dark)}.loader-plant:before{left:-10px;transform:rotate(-25deg)}.loader-plant:after{right:-10px;transform:rotate(25deg)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loader-inner p{color:var(--ink-soft);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal.delay-1{transition-delay:.12s}.reveal.delay-2{transition-delay:.24s}.reveal.delay-3{transition-delay:.36s}@media (max-width: 760px){.nav-links{display:none}.nav-burger{display:block}.nav.open .nav-links{display:flex;flex-direction:column;position:absolute;top:100%;right:1rem;left:1rem;background:var(--bg-soft);border-radius:var(--radius-lg);box-shadow:var(--clay-shadow);padding:.6rem;gap:.2rem}.section-inner.right,.section-inner.left{margin-left:auto;margin-right:auto}section.story{padding:6rem 1.1rem}body{font-size:16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.hero .scroll-hint .dot:after,.loader-plant{animation:none}}