@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&family=DM+Sans:opsz,wght@9..40,400..700&family=Instrument+Serif:ital@0;1&display=swap";:root{--milk:#fff8ec;--vanilla:#f3dfc0;--cookie:#b97132;--caramel:#65351f;--gold:#f5b400;--chocolate:#241511;--pink:#e68da0;--green:#1d713e;--line:#24151124;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--milk);width:100%;max-width:100%;overflow-x:hidden}body{background:var(--milk);width:100%;max-width:100%;color:var(--chocolate);font-family:var(--font-body);font-synthesis:none;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::selection{color:var(--milk);background:var(--caramel)}.site-shell{isolation:isolate;width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.hero-grid>*,.spoon-story>*,.delivery-card>*{min-width:0}.site-shell:before{content:"";z-index:20;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 30%,#65351f1f 0 .5px,#0000 .8px),radial-gradient(circle at 70% 65%,#ffffff80 0 .5px,#0000 .9px);background-size:7px 7px,11px 11px;position:fixed;inset:0}.scroll-progress{z-index:100;background:var(--gold);transform-origin:0;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.rice-canvas{z-index:-1;pointer-events:none;position:fixed;inset:0}.eyebrow{font:700 .7rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;align-items:center;margin:0;display:flex}.eyebrow.light{color:var(--vanilla)}.hero{--tilt-x:0deg;--tilt-y:0deg;background:radial-gradient(circle at 76% 46%,#f5b40030,#0000 27%),linear-gradient(135deg,#fffaf1 0%,#f7e8cf 100%);min-height:100svh;padding:1.3rem clamp(1.25rem,4vw,4rem) 2rem;position:relative;overflow:hidden}.hero:after{content:"";aspect-ratio:1;width:34rem;left:var(--pointer-x,60%);top:var(--pointer-y,45%);pointer-events:none;background:radial-gradient(circle,#ffffff75,#0000 65%);border-radius:50%;transition:left .12s linear,top .12s linear;position:absolute;transform:translate(-50%,-50%)}.nav-shell{z-index:9;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;max-width:92rem;margin:0 auto;padding-bottom:1.05rem;display:grid;position:relative}.brand{align-items:center;gap:.7rem;width:max-content;display:inline-flex}.brand-cow,.mini-cow,.big-cow{border:2px solid var(--chocolate);width:2.9rem;height:2.9rem;box-shadow:2px 3px 0 var(--gold);background:url(/favicon.png) 50%/cover no-repeat;border-radius:50%;flex:none;display:block}.brand-copy{flex-direction:column;gap:.06rem;display:flex}.brand-copy strong{font:600 1.28rem/1 var(--font-serif)}.brand-copy small{font:600 .52rem/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase}.nav-status{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.nav-status i{background:#26a657;border-radius:50%;width:.52rem;height:.52rem;animation:2.2s infinite statusPulse;box-shadow:0 0 0 5px #26a6571c}.nav-order{text-transform:uppercase;letter-spacing:.09em;justify-self:end;font-size:.78rem;font-weight:700}.nav-order span{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;margin-left:.45rem;transition:all .3s;display:inline-grid}.nav-order:hover span{color:var(--milk);background:var(--chocolate);transform:rotate(45deg)}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(25rem,.95fr);align-items:center;gap:2rem;max-width:92rem;min-height:calc(100svh - 7.5rem);margin:0 auto;padding:clamp(3rem,7vh,6rem) 0 3rem;display:grid;position:relative}.hero-copy{z-index:4;max-width:49rem;position:relative}.hero h1{font-family:var(--font-display);letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(4.1rem,8vw,9.2rem);font-weight:780;font-stretch:75%;line-height:.79}.hero-line{margin-left:-.08em;padding:0 .04em .08em;display:block;overflow:hidden}.hero-line>span{display:inline-block}.accent-line>span{color:var(--cookie);font-family:var(--font-serif);letter-spacing:-.045em;padding-right:.08em;font-style:italic;font-weight:400}.hero-description{max-width:35rem;margin:1.8rem 0 1.65rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.hero-actions{align-items:center;gap:1.4rem;display:flex}.cta-button{min-height:4rem;color:var(--milk);background:var(--chocolate);letter-spacing:.02em;will-change:transform;border-radius:999px;align-items:center;gap:1.7rem;padding:.65rem .68rem .65rem 1.45rem;font-size:.85rem;font-weight:700;transition:box-shadow .3s;display:inline-flex;position:relative;box-shadow:0 .65rem 1.7rem #2415112e}.cta-button:hover{box-shadow:0 1rem 2.2rem #24151142}.cta-arrow{text-align:center;width:2.7rem;height:2.7rem;color:var(--chocolate);background:var(--gold);border-radius:50%;flex:0 0 2.7rem;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:transform .35s;display:inline-flex}.cta-button:hover .cta-arrow{transform:rotate(45deg)}.price-block{border-left:1px solid var(--line);flex-direction:column;padding-left:1.3rem;display:flex}.price-block strong{font:700 1.4rem/1 var(--font-display)}.price-block span{color:#2415119e;margin-top:.3rem;font-size:.68rem}.hero-actions .price-block{border-left:0;padding-left:0}.hero-visual{perspective:1100px;min-height:min(72vh,51rem);position:relative}.product-halo{border:1px solid #65351f33;border-radius:49% 49% 6rem 6rem;position:absolute;inset:4% 4% 5%}.product-halo:before,.product-halo:after{content:"";border-radius:50%;position:absolute}.product-halo:before{aspect-ratio:1;background:var(--gold);width:.72rem;box-shadow:-28rem 15rem 0 var(--pink);top:10%;right:8%}.product-halo:after{border:1px dashed #65351f30;inset:10% 12%}.product-stage{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;border-radius:48% 48% 6rem 6rem;transition:transform .16s ease-out;position:absolute;inset:1% 8% 0;overflow:hidden;box-shadow:0 3rem 5rem #65351f29,inset 0 0 0 1px #ffffffb3}.product-stage img{object-fit:cover;object-position:50% 52%;width:100%;height:100%;transform:scale(1.02)}.floating-note{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8ece6;border:1px solid #24151124;border-radius:999px;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.73rem;font-weight:600;display:flex;position:absolute;box-shadow:0 .7rem 1.6rem #4122141c}.floating-note span{color:var(--cookie);font-family:var(--font-serif);font-size:1rem;font-style:italic}.floating-note-a{top:25%;left:-3%;transform:rotate(-5deg)}.floating-note-b{bottom:20%;right:-4%;transform:rotate(4deg)}.spoon-note{color:var(--milk);background:#241511f0;border-color:#f5b40075;padding:.88rem 1.15rem}.spoon-note strong{color:var(--gold);font:italic 1.26rem/1 var(--font-serif);letter-spacing:.01em}.cow-callout{z-index:5;color:#241511a8;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:.7rem;font-size:.64rem;line-height:1.3;display:flex;position:absolute;top:9%;right:-1%}.mini-cow{width:3.2rem;height:3.2rem;box-shadow:2px 3px 0 var(--pink);border-width:1px}.scroll-cue{z-index:6;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.66rem;font-weight:700;display:flex;position:absolute;bottom:1.45rem;left:clamp(1.25rem,4vw,4rem)}.scroll-cue i{text-align:center;border:1px solid;border-radius:50%;flex:0 0 2.2rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;font-style:normal;line-height:1;animation:1.8s ease-in-out infinite arrowBounce;display:inline-flex}.spoon-story{z-index:2;background:radial-gradient(circle at 78% 42%, #f5b4003d, transparent 27%), linear-gradient(135deg, var(--milk) 0%, #f1d7b4 100%);grid-template-columns:minmax(0,.85fr) minmax(28rem,1.15fr);align-items:center;min-height:110vh;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.spoon-story:after{content:"COOKIE\a SPOON";white-space:pre;z-index:0;color:#65351f0b;font:800 clamp(8rem, 20vw, 20rem)/.7 var(--font-display);letter-spacing:-.1em;text-align:right;pointer-events:none;position:absolute;bottom:-.11em;right:-.06em}.story-copy{z-index:3;opacity:0;max-width:45rem;transition:opacity 1s,transform 1.1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(3rem)}.story-copy.is-visible{opacity:1;transform:translateY(0)}.story-copy h2{font:760 clamp(3.6rem, 6.7vw, 7.2rem)/.86 var(--font-display);letter-spacing:-.07em;margin:1.5rem 0 1.8rem}.story-copy h2 em{color:var(--cookie);font-family:var(--font-serif);font-weight:400}.story-copy>p:not(.eyebrow){color:#241511b8;max-width:34rem;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.micro-features{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.micro-features span{text-transform:uppercase;letter-spacing:.07em;border:1px solid #24151133;border-radius:999px;padding:.7rem 1rem;font-size:.72rem;font-weight:700}.webgl-stage{z-index:2;min-height:min(76vh,52rem);position:relative}.webgl-stage:before{content:"";border:1px solid #65351f2b;border-radius:50%;position:absolute;inset:8%}.three-mount,.three-canvas,.three-loader,.three-fallback{width:100%;height:100%;min-height:min(76vh,52rem)}.three-mount,.three-loader,.three-fallback{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 11% 89%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 11% 89%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.three-canvas{z-index:2;cursor:grab;position:relative}.three-canvas:active{cursor:grabbing}.three-loader{place-items:center;display:grid}.three-loader span{border:2px solid #65351f33;border-top-color:var(--cookie);border-radius:50%;width:2.4rem;height:2.4rem;animation:.8s linear infinite spin}.three-fallback{object-fit:contain;mix-blend-mode:multiply}.drag-note{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.09em;text-transform:uppercase;background:#fff8ecb8;border:1px solid #24151129;border-radius:999px;margin:0;padding:.75rem 1rem;font-size:.65rem;font-weight:700;position:absolute;bottom:10%;right:5%}.delivery-section{z-index:2;background:var(--milk);padding:clamp(1.1rem,3vw,2rem);position:relative}.delivery-card{min-height:48rem;color:var(--milk);background:radial-gradient(circle at 90% 90%, #f5b40042, transparent 24%), var(--caramel);opacity:0;border-radius:clamp(1.8rem,4vw,4rem);grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);gap:clamp(3rem,8vw,8rem);padding:clamp(3rem,7vw,7rem);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:scale(.975)translateY(2rem)}.delivery-card.is-visible{opacity:1;transform:scale(1)translateY(0)}.delivery-card:before{content:"";aspect-ratio:1;border:1px dashed #ffffff38;border-radius:50%;width:42rem;position:absolute;bottom:-22rem;right:-16rem}.delivery-main{z-index:3;position:relative}.delivery-main h2{font:760 clamp(4rem, 8vw, 8.7rem)/.82 var(--font-display);letter-spacing:-.075em;margin:1.6rem 0 1.8rem}.delivery-lead{color:#fff8ecc2;max-width:34rem;margin-bottom:2rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.cta-light{color:var(--chocolate);background:var(--gold);box-shadow:none}.cta-light .cta-arrow{color:var(--milk);background:var(--chocolate)}.delivery-details{z-index:3;align-self:center;position:relative}.detail-row{border-top:1px solid #fff8ec38;grid-template-columns:5rem 1fr;gap:1.2rem;padding:1.5rem 0;display:grid}.detail-row>span{color:#fff8ec8f;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:700}.detail-row strong{font:500 1.05rem/1.5 var(--font-body)}.price-row{border-bottom:1px solid #fff8ec38}.price-row strong{color:var(--gold);font:700 clamp(2.6rem, 5vw, 4.8rem)/.9 var(--font-display);letter-spacing:-.06em}.price-row small{letter-spacing:.08em;font-size:.65rem}.delivery-cow{z-index:4;position:absolute;bottom:clamp(1.5rem,4vw,3.5rem);right:clamp(2rem,5vw,5rem)}.big-cow{border-color:var(--milk);width:5.2rem;height:5.2rem;box-shadow:4px 5px 0 var(--gold)}.delivery-cow b{background:var(--milk);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;top:-1rem;right:-1.15rem}footer{z-index:2;background:var(--milk);justify-content:space-between;align-items:center;gap:2rem;min-height:10rem;padding:2rem clamp(1.25rem,5vw,5rem);display:flex;position:relative}footer p,footer>a:last-child{color:#241511a6;letter-spacing:.07em;text-transform:uppercase;font-size:.75rem}.mobile-order{display:none}[data-reveal]{transition-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes statusPulse{50%{box-shadow:0 0 0 8px #26a65708}}@keyframes arrowBounce{50%{transform:translateY(.35rem)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(22rem,.72fr)}.hero h1{font-size:clamp(4rem,8vw,7.4rem)}.floating-note-a{left:-8%}.floating-note-b{right:-8%}.cow-callout{display:none}.spoon-story{grid-template-columns:1fr 1fr}}@media (width<=820px){.hero-grid,.spoon-story,.delivery-card{width:100%;max-width:100%}.nav-shell{grid-template-columns:1fr auto}.nav-status{display:none}.hero{padding:1rem 1rem 4.5rem}.hero-grid{grid-template-columns:1fr;gap:1rem;padding-top:3.5rem}.hero-copy{max-width:100%}.hero h1{font-size:clamp(4rem,16vw,7rem)}.hero-description{max-width:30rem}.hero-visual{width:min(100%,36rem);min-height:38rem;margin:0 auto}.product-stage{inset:1% 5% 0}.floating-note-a{top:22%;left:0}.floating-note-b{bottom:15%;right:0}.scroll-cue{display:none}.spoon-story{grid-template-columns:1fr;padding:6rem 1rem 4rem}.story-copy{padding:0 .3rem}.story-copy h2{font-size:clamp(3.6rem,13vw,6rem)}.webgl-stage,.three-mount,.three-canvas,.three-loader,.three-fallback{min-height:34rem}.delivery-card{grid-template-columns:1fr;min-height:0;padding:4rem 1.5rem 8rem}.delivery-main h2{font-size:clamp(4rem,15vw,7rem)}.delivery-details{align-self:auto}footer{flex-direction:column;align-items:flex-start;padding-bottom:7rem}.mobile-order{z-index:90;min-height:3.8rem;color:var(--milk);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241511f0;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.5rem .8rem;font-size:.78rem;font-weight:700;display:grid;position:fixed;bottom:.7rem;left:.7rem;right:.7rem;box-shadow:0 1rem 3rem #24151147}.whatsapp-dot{width:2.6rem;height:2.6rem;color:var(--chocolate);background:var(--gold);border-radius:50%;place-items:center;display:grid}.mobile-order b{color:var(--gold)}}@media (width<=520px){.brand-copy strong{font-size:1.1rem}.brand-cow{width:2.5rem;height:2.5rem}.nav-order{font-size:0}.nav-order span{margin-left:0;font-size:.9rem}.hero-grid{padding-top:3rem}.hero h1{font-size:clamp(3.65rem,17.5vw,5.5rem)}.hero-description{margin:1.4rem 0;font-size:.98rem}.hero-actions{flex-direction:column;align-items:stretch;gap:1rem}.cta-button{justify-content:space-between}.price-block{padding:.3rem 0 .3rem 1rem}.hero-actions .price-block{padding:.3rem 0}.hero-visual{min-height:31rem}.floating-note{padding:.62rem .8rem;font-size:.65rem}.floating-note-a{left:-.2rem}.floating-note-b{right:-.2rem}.story-copy h2,.delivery-main h2{font-size:clamp(3.45rem,16vw,5rem)}.detail-row{grid-template-columns:4.3rem 1fr}.delivery-cow{bottom:1.8rem;right:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.story-copy,.delivery-card{opacity:1;transform:none}}