*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f5f1eb;font-family:Inter,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mouse-light{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(240,20,20,.08),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.preloader{position:fixed;inset:0;z-index:1000;background:#090909;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;transition:1s}.preloader.hide{opacity:0;visibility:hidden}.pre-logo{width:330px;height:100px;overflow:hidden;display:flex;align-items:center}.pre-logo img{width:100%;filter:brightness(0) invert(1)}.pre-text,.eyebrow{font-family:"DM Mono";font-size:10px;letter-spacing:.16em}.pre-bar{width:180px;height:1px;background:#333}.pre-bar span{display:block;height:100%;width:0;background:#e5141b;animation:load 1.4s forwards}@keyframes load{to{width:100%}}.nav{position:fixed;top:0;width:100%;z-index:50;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#090909dd,transparent)}.brand{width:190px;height:48px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:32px}nav a{color:#ddd;text-decoration:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav-cta{border:1px solid #e61b23;color:#fff;text-decoration:none;padding:13px 17px;font-size:10px;letter-spacing:.12em}.nav-cta span{color:#e61b23;margin-left:10px}.hero{height:100vh;min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#32110f,#120b0b 40%,#080808 75%);display:flex;align-items:center;padding:0 8vw}.hero-red-shape{position:absolute;width:70vw;height:70vw;border-radius:50%;right:-28vw;top:-24vw;border:1px solid #f01b221c;box-shadow:0 0 0 70px #f01b2206,0 0 0 140px #f01b2205}.hero-rings{position:absolute;right:8vw;bottom:-30vh;width:55vw;height:55vw;border:1px solid #e91c2330;border-radius:50%;box-shadow:0 0 0 80px #e91c2308}.hero-copy{position:relative;z-index:5;max-width:700px}.eyebrow{display:flex;gap:11px;align-items:center;color:#e6ded2}.eyebrow span{display:inline-block;width:35px;height:1px;background:#ed1c24}.eyebrow.dark{color:#2a2624}.hero h1,h2{font-family:"Space Grotesk";font-weight:500;line-height:.83;letter-spacing:-.065em;margin:25px 0}.hero h1{font-size:clamp(70px,10vw,160px)}em{font-style:normal;font-weight:300;color:#e71c23}.hero-copy>p{max-width:430px;color:#aaa5a0;font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:35px}.button{padding:18px 22px;text-decoration:none;font-size:10px;letter-spacing:.13em}.button.red{background:#e71c23;color:#fff}.button b{margin-left:25px;font-size:15px}.simple-link{color:#fff;text-decoration:none;font-size:10px;letter-spacing:.14em}.simple-link span{color:#e71c23;margin-left:8px}.hero-card-wrap{position:absolute;right:10vw;top:15vh;z-index:6;perspective:1200px}.hero-product-card{width:310px;height:530px;position:relative;border-radius:8px;overflow:hidden;border:1px solid #ffffff2e;box-shadow:25px 35px 90px #000;transform:rotateY(-9deg) rotateX(2deg);transition:transform .2s}.hero-product-card img{width:100%;height:100%;object-fit:cover}.hero-card-glass{position:absolute;left:15px;right:15px;bottom:15px;padding:18px;background:#09090980;backdrop-filter:blur(14px);border:1px solid #ffffff24}.hero-card-glass span{font-size:8px;letter-spacing:.17em;color:#d6d0c8}.hero-card-glass strong{display:block;font-family:"Space Grotesk";font-size:35px;line-height:.85;margin-top:8px}.hero-meta{position:absolute;z-index:5;left:8vw;right:8vw;bottom:5vh;display:flex;justify-content:space-between}.hero-meta small{display:block;font-family:"DM Mono";font-size:9px;color:#e71c23}.hero-meta b{font-size:9px;letter-spacing:.14em}.scroll-indicator{font:9px "DM Mono";letter-spacing:.14em;display:flex;gap:10px;align-items:center}.scroll-indicator i{display:block;width:80px;height:1px;background:#e71c23}.hero-watermark{position:absolute;bottom:-5vw;left:-1vw;font-family:"Space Grotesk";font-size:18vw;letter-spacing:-.09em;color:#ffffff05;white-space:nowrap}.sticky-story{height:250vh;background:#ece8e1;color:#161514}.story-sticky{position:sticky;top:0;height:100vh;padding:12vh 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;overflow:hidden}.story-left h2{font-size:clamp(50px,7vw,108px)}.story-left p{max-width:420px;line-height:1.8;font-size:14px;color:#59534d}.story-right{height:70vh;position:relative}.story-panel{position:absolute;width:65%;height:62%;padding:25px;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:0 30px 80px #0003;transition:transform .4s}.story-panel span{font:9px "DM Mono";letter-spacing:.14em}.story-panel b{font:80px "Space Grotesk"}.panel-one{background:#171717;color:#f3eee5;left:4%;top:5%;transform:rotate(-8deg)}.panel-two{background:#e51a22;color:white;right:2%;top:20%;transform:rotate(8deg)}.panel-three{background:#c9c2b8;color:#1c1917;left:14%;bottom:2%;transform:rotate(-3deg)}.collection{background:#0a0a0a;padding:13vh 0 8vh;overflow:hidden}.collection-intro{padding:0 8vw 7vh;display:flex;justify-content:space-between;align-items:end}.collection-intro h2{font-size:clamp(65px,9vw,140px)}.collection-intro>p{max-width:240px;color:#aaa;font-size:12px;line-height:1.8}.horizontal-stage{padding-left:8vw;overflow:visible}.horizontal-track{display:flex;gap:22px;width:max-content;padding-bottom:30px}.product-card{width:min(32vw,430px);height:570px;border-radius:7px;position:relative;overflow:hidden;background:#151515;border:1px solid #ffffff19;box-shadow:0 30px 70px #0008;transition:transform .25s;transform-style:preserve-3d}.glass-top{position:absolute;z-index:5;top:14px;left:14px;right:14px;padding:12px 14px;display:flex;justify-content:space-between;background:#ffffff12;backdrop-filter:blur(12px);border:1px solid #ffffff19;font:8px "DM Mono";letter-spacing:.12em}.card-copy{position:absolute;z-index:5;left:28px;bottom:72px}.card-copy h3{font:48px "Space Grotesk";line-height:.85;letter-spacing:-.05em;margin:0}.card-copy p{font-size:11px;color:#ded8d0}.card-bottom{position:absolute;z-index:5;left:28px;right:28px;bottom:25px;border-top:1px solid #ffffff35;padding-top:14px;display:flex;justify-content:space-between;font:9px "DM Mono";letter-spacing:.15em}.card-bg-image{position:absolute;inset:0}.card-bg-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#090909e8 88%)}.card-bg-image img{width:100%;height:100%;object-fit:cover}.visual{position:absolute;inset:0}.rice-card{background:radial-gradient(circle at 50% 35%,#6d512d,#201a15 58%,#080808)}.rice-visual i{position:absolute;width:35px;height:300px;border-radius:100%;background:linear-gradient(90deg,#f0dfaa,#856632);bottom:35%;transform-origin:bottom}.rice-visual i:nth-child(1){left:25%;transform:rotate(-23deg)}.rice-visual i:nth-child(2){left:45%;height:360px}.rice-visual i:nth-child(3){right:24%;transform:rotate(22deg)}.sugar-card{background:radial-gradient(circle,#fff 0 8%,#d8d3cc 9% 16%,#7e080d 17% 55%,#170708 100%)}.sugar-visual i{position:absolute;width:100px;height:100px;background:#fff6e7;transform:rotate(45deg);box-shadow:0 15px 30px #0007}.sugar-visual i:nth-child(1){left:15%;top:17%}.sugar-visual i:nth-child(2){right:10%;top:38%;transform:rotate(20deg)}.sugar-visual i:nth-child(3){left:35%;top:48%;transform:rotate(55deg)}.sugar-visual i:nth-child(4){right:25%;top:12%;width:60px;height:60px}.pulse-card{background:#25140d}.pulse-visual{background:radial-gradient(circle at 20% 30%,#bd7338 0 5%,transparent 6% 11%,#73351f 12% 18%,transparent 19% 25%,#e1a75b 26% 31%,transparent 32% 40%,#9e4829 41% 48%,transparent 49%);filter:drop-shadow(0 20px 30px #000)}.produce-card{background:radial-gradient(circle at 50% 40%,#bd2324,#631316 35%,#190c0b 70%)}.produce-visual:before,.produce-visual:after{content:"";position:absolute;border-radius:50%;background:#df8a32;box-shadow:120px 80px 0 #bb2522,-70px 160px 0 #c63b26,60px 240px 0 #8e9f2e}.produce-visual:before{width:140px;height:140px;top:80px;left:90px}.tea-card{background:radial-gradient(circle at 40% 35%,#b37c39,#442a19 45%,#090807)}.tea-visual{background:radial-gradient(circle at 30% 35%,#d8a55c 0 3%,transparent 4% 9%,#6f4324 10% 16%,transparent 17% 25%,#b47a3a 26% 32%,transparent 33%)}.herbs-card{background:radial-gradient(circle at 50% 40%,#6b8c51,#263b26 45%,#080b08 80%)}.herbs-visual{background:radial-gradient(ellipse at 50% 45%,#8fa96a,#30442e 50%,transparent 51%);clip-path:polygon(50% 0,75% 28%,100% 48%,70% 70%,50% 100%,25% 70%,0 48%,25% 28%)}.collection-progress{margin:20px 8vw 0;height:35px;display:flex;align-items:center;gap:15px}.collection-progress:before{content:"";height:1px;flex:1;background:#ffffff22}.collection-progress span{position:absolute;height:1px;background:#e71c23;width:15%;transition:width .1s}.collection-progress small{font:9px "DM Mono";color:#aaa}.journey{background:#f0ece5;color:#151414;padding:15vh 8vw;min-height:100vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.journey-title{position:sticky;top:15vh;height:max-content}.journey-title h2{font-size:clamp(55px,6vw,100px)}.journey-stack{display:grid;gap:20px}.journey-stack article{min-height:180px;background:#fffdf8;padding:30px;display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;border-left:4px solid transparent;box-shadow:0 15px 40px #0000000b;transition:.4s}.journey-stack article:hover{border-color:#e71c23;transform:translateX(15px)}.journey-stack span{font:10px "DM Mono";color:#e71c23}.journey-stack h3{font:42px "Space Grotesk";margin:0}.journey-stack p{font-size:12px;color:#625d58}.anuga-section{min-height:100vh;background:linear-gradient(135deg,#1b0909,#090909 55%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:12vh 8vw;position:relative}.anuga-section:before{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;background:#e71c2310;left:-30vw;bottom:-30vw}.anuga-logo-card{position:relative;z-index:2;width:min(430px,100%);aspect-ratio:1;display:grid;place-items:center;padding:35px;background:#ffffff09;backdrop-filter:blur(18px);border:1px solid #ffffff20}.anuga-logo-card img{width:100%;height:100%;object-fit:contain}.anuga-copy{position:relative;z-index:2}.anuga-copy h2{font-size:clamp(55px,6vw,100px)}.anuga-copy>p{max-width:450px;color:#aaa;line-height:1.8;font-size:14px}.appointment{position:relative;background:#e71c23;min-height:100vh;padding:13vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;overflow:hidden}.appointment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 90%,#ffffff1a,transparent 35%)}.appointment-info,.booking{position:relative;z-index:2}.appointment h2{font-size:clamp(55px,7vw,105px)}.appointment h2 em{color:#fff}.event-details{margin-top:45px;display:grid;gap:18px}.event-details div{padding-top:12px;border-top:1px solid #ffffff55}.event-details label,.booking label{display:block;font:9px "DM Mono";letter-spacing:.14em}.event-details strong{display:block;margin-top:7px;font-size:13px;line-height:1.7}.k26{font:60px "Space Grotesk"!important}.appointment-bg-word{position:absolute;right:-2vw;bottom:-6vw;font:35vw "Space Grotesk";letter-spacing:-.1em;color:#0000000a}.booking{align-self:center;padding:34px;background:#0b0b0be8;backdrop-filter:blur(18px);border:1px solid #ffffff33;box-shadow:0 35px 90px #0005}.form-top{display:flex;justify-content:space-between;font:9px "DM Mono";letter-spacing:.15em;color:#e71c23}.booking h3{font:52px "Space Grotesk";line-height:.85;margin:20px 0 30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.booking label{display:grid;gap:8px;margin-top:16px;color:#aaa}.booking input,.booking select,.booking textarea{width:100%;border:0;border-bottom:1px solid #ffffff25;background:transparent;color:#fff;padding:11px 0;font:12px Inter;outline:none}.booking textarea{height:70px;resize:vertical}.booking button{margin-top:24px;width:100%;border:0;background:#e71c23;color:white;padding:18px;font:10px "DM Mono";letter-spacing:.15em;cursor:pointer}.booking button span{margin-left:25px}.booking #formSuccess{font:10px "DM Mono";color:#fff;margin:15px 0 0}footer{background:#090909;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;font:9px "DM Mono";letter-spacing:.1em;color:#aaa}footer img{width:180px;filter:brightness(0) invert(1)}@media(max-width:900px){.nav nav{display:none}.hero{padding:0 7vw}.hero-product-card{opacity:.55}.hero-card-wrap{right:-40px}.collection-intro,.journey,.appointment,.anuga-section{grid-template-columns:1fr}.product-card{width:75vw}.journey-title{position:relative;top:auto}.anuga-logo-card{margin:auto}.appointment{gap:50px}.story-sticky{grid-template-columns:1fr}.story-right{display:none}.field-row{grid-template-columns:1fr}.hero-watermark{font-size:25vw}.mouse-light{display:none}}@media(max-width:560px){.nav{padding:18px 5vw}.brand{width:145px}.nav-cta{font-size:8px;padding:11px}.hero h1{font-size:72px}.hero-card-wrap{display:none}.hero-meta{right:7vw}.product-card{width:84vw;height:520px}.collection-intro{display:block}.collection-intro>p{margin-top:20px}.journey-stack article{grid-template-columns:50px 1fr;gap:10px}.journey-stack article p{grid-column:2}.appointment{padding:12vh 7vw}.booking h3{font-size:42px}footer{display:grid;gap:15px}}
/* ================= v2 — minimal type + premium motion ================= */
:root{--red:#e71c23;--ease:cubic-bezier(.16,1,.3,1)}
h1,h2,h3,.card-copy h3,.journey-stack h3,.booking h3,.hero-card-glass strong,.story-panel strong{font-family:"Space Grotesk",Inter,sans-serif}
.hero h1,h2{font-weight:500;letter-spacing:-.04em;line-height:.92}
.hero h1{letter-spacing:-.05em}
.card-copy h3,.journey-stack h3,.booking h3,.hero-card-glass strong{font-weight:600;letter-spacing:-.03em}
.anuga-copy h2,.appointment h2{font-weight:400;letter-spacing:-.02em}
.anuga-copy h2 em,.appointment h2 em{font-weight:300}
main em{font-style:normal;font-weight:300;color:var(--red)}
/* top scroll progress */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--red);z-index:120;transition:width .1s linear}
/* custom cursor */
@media(pointer:fine) and (min-width:901px){
html,body,a,button,input,select,textarea,label,.tilt,.product-card{cursor:none}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:9998;pointer-events:none;border-radius:50%;mix-blend-mode:difference;will-change:transform}
.cursor-dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#fff}
.cursor-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid #fff;transition:width .28s var(--ease),height .28s var(--ease),margin .28s var(--ease),background .28s}
.cursor-ring.hover{width:70px;height:70px;margin:-35px 0 0 -35px;background:#ffffff1f}
.cursor-ring.down{width:24px;height:24px;margin:-12px 0 0 -12px}
}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .95s var(--ease),transform .95s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* hero — stacked cards */
.hero-card-stack{position:relative;width:310px;height:530px;transform-style:preserve-3d}
.hero-card-back{position:absolute;inset:0;border-radius:8px;border:1px solid #ffffff1c;background:linear-gradient(150deg,#20161499,#0d0a0a66);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 40px 90px #000a;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.hero-card-back span{font:8px "DM Mono";letter-spacing:.16em;color:#e0d8ce99}
.hero-card-back b{font:9px "DM Mono";letter-spacing:.14em;color:#ffffff55;align-self:flex-end}
.hero-card-back.b1{transform:translate(24px,22px) rotate(4.5deg) scale(.965);opacity:.8}
.hero-card-back.b2{transform:translate(46px,46px) rotate(9deg) scale(.93);opacity:.45}
.hero-product-card{position:relative;z-index:3}
/* story — visible copy + glass panels */
.story-sticky{padding:10vh 8vw}
.story-left h2{font-size:clamp(36px,5.1vw,80px);line-height:1;letter-spacing:-.04em;margin:16px 0}
.story-left p{color:#2d2824;font-size:15px;line-height:1.85;max-width:440px}
.story-panel{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px;background:rgba(250,248,245,.55);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 70px #00000026,inset 0 1px 0 #ffffffcc}
.story-panel span{color:#7a726a;font-family:"DM Mono"}
.story-panel strong{font-weight:600;font-size:clamp(19px,1.9vw,26px);line-height:1.08;letter-spacing:-.02em;color:#15140f}
.panel-two{background:linear-gradient(150deg,rgba(231,28,35,.82),rgba(190,16,22,.78));border-color:#ffffff59}
.panel-two span{color:#ffffffcc}
.panel-two strong{color:#fff}
/* collection — pinned horizontal scroll */
.collection{overflow:visible;padding:13vh 0 0}
.collection-pin{position:relative}
.horizontal-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;overflow:hidden;padding-left:8vw}
.horizontal-track{transition:transform .12s var(--ease);will-change:transform;padding-bottom:0}
.collection-progress{position:relative;width:84vw;margin:0}
.product-card{transition:transform .45s var(--ease),box-shadow .45s}
.product-card.active{transform:translateY(-16px) scale(1.015);box-shadow:0 45px 95px #000b}
/* nav */
.nav{transition:transform .45s var(--ease),background .4s,padding .4s}
.nav.scrolled{background:#080808f5;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ffffff10}
.nav.hidden{transform:translateY(-108%)}
nav a{position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--red);transition:width .3s var(--ease)}
nav a:hover:after{width:100%}
/* magnetic + micro interactions */
.button,.nav-cta,.simple-link,.brand{transition:transform .3s var(--ease),background .3s,color .3s}
.button.red:hover{background:#ff2a31}
.simple-link:hover span{margin-left:16px}
.journey-stack article{transition:transform .45s var(--ease),border-color .3s,background .3s}
.booking input:focus,.booking select:focus,.booking textarea:focus{border-bottom-color:var(--red)}
.hero-product-card{transition:transform .18s var(--ease),box-shadow .4s}
/* dropdown list must not render white-on-white */
.booking select{color:#fff}
.booking select option{background:#111;color:#fff}
@media(max-width:900px){
.cursor-dot,.cursor-ring{display:none}
.hero-card-stack{transform:scale(.88)}
.horizontal-stage{height:auto;position:static;padding:0 7vw;gap:16px}
.horizontal-track{flex-direction:column;width:100%!important;transform:none!important}
.collection-pin{height:auto!important}
.product-card{width:100%!important;height:440px}
.collection-progress{display:none}
}