:root{--cream: #fffcf8;--white: #ffffff;--shell: #fdf7ee;--line: #f0e6d8;--line-soft: #f6efe4;--roast: #d99a3c;--roast-deep: #b97d22;--peri: #d6503a;--cheese: #efc65b;--pink: #e8a0a8;--leaf: #7fa86b;--nut: #f3e7d3;--nut-light: #fbf3e6;--ink: #2a2320;--ink-soft: #6b5f57;--ink-faint: #9a8d84;--font-display: "Georgia", "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shell-max: 1180px;--gutter: 24px;--radius-sm: 12px;--radius: 18px;--radius-lg: 28px;--shadow-sm: 0 2px 10px rgba(120, 92, 60, .06);--shadow: 0 10px 30px -12px rgba(120, 92, 60, .18);--shadow-lg: 0 30px 70px -28px rgba(120, 92, 60, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2.5rem,6vw,4.25rem)}h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}h3{font-size:clamp(1.15rem,2vw,1.4rem)}p{margin:0 0 1rem;color:var(--ink-soft)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--cheese);color:var(--ink)}:focus-visible{outline:2px solid var(--roast);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding:clamp(64px,9vw,118px) 0;position:relative}.section--shell{background:var(--shell);border-block:1px solid var(--line-soft)}.section__eyebrow{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--roast-deep);margin-bottom:14px}.section__lede{max-width:56ch;font-size:1.06rem}.section__head{max-width:640px;margin-bottom:clamp(34px,5vw,56px)}.section__head--center{margin-inline:auto;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-size:.95rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--ink);color:var(--cream);box-shadow:var(--shadow)}.btn--primary:hover{box-shadow:var(--shadow-lg)}.btn--ghost{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.btn--ghost:hover{border-color:var(--roast)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#e9d9c2}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn:hover,.card:hover{transform:none}}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream);padding:10px 18px;border-radius:0 0 10px;z-index:200}.skip:focus{left:0}.grid{display:grid;gap:20px}.grid--products{grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}.grid--pillars{grid-template-columns:repeat(auto-fit,minmax(228px,1fr))}.nav{position:sticky;top:0;z-index:100;background:transparent;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.nav--stuck{background:#fffcf8d1;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--line-soft)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}.nav__brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.nav__mark{position:relative;width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center}.nav__mark i{position:absolute;border-radius:50%;background:var(--nut);border:1px solid var(--roast)}.nav__mark i:nth-child(1){width:9px;height:9px;top:9px;left:12px}.nav__mark i:nth-child(2){width:7px;height:7px;top:17px;left:18px}.nav__mark i:nth-child(3){width:6px;height:6px;top:13px;left:9px}.nav__name{font-family:var(--font-display);font-size:1.12rem;line-height:1.05;display:block}.nav__name small{display:block;font-family:var(--font-body);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.nav__links{display:flex;align-items:center;gap:30px}.nav__links a{font-size:.92rem;font-weight:500;color:var(--ink-soft);transition:color .18s ease}.nav__links a:hover{color:var(--ink)}.nav__cta{padding:10px 20px;font-size:.88rem}.nav__cta-icon{width:16px;height:16px}.nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);background:var(--white);border-radius:11px;cursor:pointer;padding:0 11px}.nav__toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .24s ease,opacity .24s ease}.hero{position:relative;padding:clamp(36px,6vw,72px) 0 clamp(56px,8vw,96px);overflow:hidden}.hero__glow{position:absolute;inset:-30% -10% auto -10%;height:780px;background:radial-gradient(48% 46% at 74% 38%,rgba(217,154,60,.2),transparent 70%),radial-gradient(42% 44% at 22% 26%,rgba(239,198,91,.16),transparent 70%),radial-gradient(38% 40% at 58% 66%,rgba(214,80,58,.07),transparent 70%);pointer-events:none}.hero__inner{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(28px,5vw,56px)}.hero__copy{max-width:560px}.hero h1{margin-bottom:20px}.hero__lede{font-size:1.08rem;max-width:48ch;margin-bottom:30px}.hero__actions{display:flex;flex-wrap:wrap;gap:13px}.btn__icon{width:17px;height:17px}.hero__hint{margin:22px 0 0;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:8px}.hero__hint:before{content:"";width:24px;height:1px;background:var(--roast)}.hero__stage{position:relative;aspect-ratio:1.16 / 1;width:100%;max-width:560px;margin-inline:auto;border-radius:var(--radius-lg)}.hero__stage canvas{display:block;border-radius:var(--radius-lg);touch-action:pan-y}.hero__stage>div{touch-action:pan-y}.hero__static{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.hero__static-bowl{position:relative;width:62%;aspect-ratio:1.55;border-radius:12% 12% 46% 46%/10% 10% 78% 78%;background:linear-gradient(168deg,#ffffff 8%,var(--shell) 62%,#f1e4cf 100%);box-shadow:var(--shadow-lg),inset 0 -18px 34px #b9986e24;overflow:hidden}.hero__static-fill{position:absolute;top:0;right:0;bottom:22%;left:0}.hero__static-fill i{position:absolute;border-radius:50%;background:var(--nut);border:1px solid var(--roast);opacity:.92}.hero__static-rim{position:absolute;top:20%;left:-2%;width:104%;height:13px;border-radius:50%;background:linear-gradient(90deg,#c8892f,var(--roast) 42%,#e8bd6d);box-shadow:0 3px 10px #b97d2252}.hero__static-spark{position:absolute;border-radius:50%;background:var(--nut);border:1px solid var(--roast);opacity:.5}.hero__static-spark--a{width:22px;height:22px;top:12%;left:15%}.hero__static-spark--b{width:15px;height:15px;top:22%;right:13%}.hero__static-spark--c{width:11px;height:11px;bottom:24%;left:8%}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:88px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--line),var(--roast),var(--line))}.timeline__item{display:grid;grid-template-columns:70px 1fr;gap:36px;padding-bottom:30px;position:relative}.timeline__year{font-family:var(--font-display);font-size:1.02rem;text-align:right;padding-top:2px;color:var(--roast-deep);font-variant-numeric:tabular-nums}.timeline__dot{position:absolute;left:84px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--white);border:2px solid var(--roast);box-shadow:0 0 0 4px var(--cream)}.timeline__body{padding-left:4px}.timeline__body h3{margin-bottom:4px}.timeline__body p{margin:0;max-width:62ch}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:34px}.filters__btn{padding:9px 20px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink-soft);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filters__btn:hover{border-color:var(--roast);color:var(--ink)}.filters__btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.product{position:relative;overflow:hidden}.product__swatch{position:relative;height:132px;border-radius:var(--radius-sm);margin-bottom:18px;overflow:hidden;display:grid;place-items:center}.product__swatch i{position:absolute;border-radius:50%;background:var(--white);opacity:.72;box-shadow:0 2px 7px #785c3c29}.product__swatch i:nth-child(1){width:46px;height:46px;left:27%;top:30%}.product__swatch i:nth-child(2){width:38px;height:38px;left:47%;top:20%}.product__swatch i:nth-child(3){width:42px;height:42px;left:55%;top:45%}.product__tag{position:absolute;top:16px;right:16px;font-size:.66rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;background:var(--white);color:var(--ink-soft);padding:4px 11px;border-radius:999px;box-shadow:var(--shadow-sm)}.product__name{margin-bottom:6px}.product__blurb{font-size:.93rem;margin-bottom:6px}.product__note{font-size:.85rem;color:var(--roast-deep);font-style:italic;margin-bottom:14px}.product__sizes{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.product__sizes li{font-size:.76rem;padding:3px 10px;border-radius:999px;background:var(--shell);color:var(--ink-soft);border:1px solid var(--line-soft)}.pillar__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(150deg,var(--white),var(--shell));border:1px solid var(--line);color:var(--roast-deep);margin-bottom:16px}.pillar__icon svg{width:25px;height:25px}.pillar h3{margin-bottom:6px}.pillar p{font-size:.93rem;margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:44px}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;text-align:center;box-shadow:var(--shadow-sm)}.stat__value{display:block;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,2.8rem);line-height:1;color:var(--roast-deep);font-variant-numeric:tabular-nums}.stat__label{display:block;margin-top:8px;font-size:.83rem;color:var(--ink-soft)}.marquee{overflow:hidden;margin-bottom:36px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;gap:18px;width:max-content;animation:slide 32s linear infinite}.marquee__item{font-family:var(--font-display);font-size:1.22rem;color:var(--ink-faint);padding:12px 26px;border:1px solid var(--line);border-radius:999px;background:var(--white);white-space:nowrap}@keyframes slide{to{transform:translate(-50%)}}.certs{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0}.certs__item{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;padding:8px 17px;border-radius:999px;background:var(--shell);border:1px solid var(--line-soft);color:var(--ink-soft)}.certs__tick{width:15px;height:15px;border-radius:50%;background:var(--leaf);flex-shrink:0}.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:20px;margin:0;padding:0}.steps__item{position:relative;padding:26px 22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.steps__num{display:block;font-family:var(--font-display);font-size:2.1rem;line-height:1;color:var(--nut);margin-bottom:10px;font-variant-numeric:tabular-nums}.steps__item h3{font-size:1.08rem;margin-bottom:5px}.steps__item p{font-size:.88rem;margin:0}.contact{display:grid;grid-template-columns:1.06fr .94fr;gap:26px;align-items:start}.contact__form{display:grid;gap:15px}.field{display:grid;gap:6px}.field span{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.field input,.field select,.field textarea{font:inherit;font-size:.95rem;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--cream);color:var(--ink);width:100%;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--roast);box-shadow:0 0 0 3px #d99a3c24}.field textarea{resize:vertical;min-height:96px}.contact__form .btn{justify-self:start;margin-top:4px}.contact__thanks{margin:0;font-size:.85rem;color:var(--leaf)}.contact__details{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:16px}.contact__details li{display:flex;gap:13px;align-items:flex-start}.contact__details svg{width:20px;height:20px;color:var(--roast-deep);flex-shrink:0;margin-top:3px}.contact__details strong{display:block;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:2px}.contact__details span{font-size:.93rem;color:var(--ink-soft)}.faq{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden}.faq__item+.faq__item{border-top:1px solid var(--line-soft)}.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:none;border:0;font:inherit;font-size:.93rem;font-weight:500;text-align:left;color:var(--ink);cursor:pointer}.faq__chev{width:9px;height:9px;border-right:1.8px solid var(--roast);border-bottom:1.8px solid var(--roast);transform:rotate(45deg);flex-shrink:0;transition:transform .24s ease}.faq__q[aria-expanded=true] .faq__chev{transform:rotate(-135deg)}.faq__a{margin:0;padding:0 20px 18px;font-size:.89rem}.footer{background:var(--white);border-top:1px solid var(--line-soft);padding:58px 0 26px}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px;padding-bottom:34px;border-bottom:1px solid var(--line-soft)}.footer__name{font-family:var(--font-display);font-size:1.32rem;display:block;margin-bottom:9px}.footer__brand p{font-size:.92rem;max-width:42ch;margin:0}.footer__col h4{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:13px}.footer__col a,.footer__col span{display:block;font-size:.91rem;color:var(--ink-soft);margin-bottom:7px}.footer__col a:hover{color:var(--roast-deep)}.footer__base{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:22px;font-size:.82rem;color:var(--ink-faint)}@media(max-width:960px){.hero__inner{grid-template-columns:1fr}.hero__copy{max-width:100%;text-align:center;margin-inline:auto}.hero__lede{margin-inline:auto}.hero__actions,.hero__hint{justify-content:center}.hero__stage{max-width:400px;order:-1}.contact{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}}@media(max-width:900px){.nav__toggle{display:flex}.nav__links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:14px var(--gutter) 22px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;visibility:hidden;transition:all .24s ease}.nav__links.is-open{transform:none;opacity:1;visibility:visible}.nav__links a:not(.btn){padding:11px 2px}.nav__cta{margin-top:9px}.nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media(max-width:680px){:root{--gutter: 19px}.timeline:before{left:5px}.timeline__item{grid-template-columns:1fr;gap:0;padding-left:26px}.timeline__year{text-align:left;padding-left:0;margin-bottom:2px}.timeline__dot{left:1px;top:7px}.timeline__body{padding-left:0}.footer__inner{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero__stage{max-width:320px}}@media(max-width:420px){.hero__actions .btn{width:100%}.stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}
