:root{--gold:#f3bd55;--cream:#fff7df;--ink:#17130b;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:110px 24px 80px}.hero__background{position:absolute;inset:-5%;z-index:-5;background:url("assets/hero-background.png") center/cover no-repeat;transform:translate3d(calc(var(--mx)*-18px),calc(var(--my)*-12px),0) scale(1.09);will-change:transform}.hero__veil{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(12,10,5,.08),rgba(12,10,5,.22) 31%,rgba(12,10,5,.48) 50%,rgba(12,10,5,.17) 70%,rgba(12,10,5,.06)),linear-gradient(180deg,rgba(8,7,3,.28),transparent 28%,transparent 62%,rgba(8,7,3,.56))}.hero__glow{position:absolute;z-index:-4;width:52vw;height:52vw;left:50%;top:44%;border-radius:50%;background:radial-gradient(circle,rgba(255,202,100,.23),transparent 65%);filter:blur(10px);transform:translate3d(calc(-50% + var(--mx)*10px),calc(-50% + var(--my)*8px),0)}.topbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,80px);z-index:5}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand__mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,238,190,.7);transform:rotate(45deg);font:700 23px/1 "Cormorant Garamond"}.brand__mark::first-letter{transform:rotate(-45deg)}.brand__name{font:700 19px/1 Cormorant Garamond;letter-spacing:.18em}.brand__name small{display:block;margin-top:5px;font:500 8px/1 Manrope;letter-spacing:.3em;color:#e8c98b}.topbar__link{color:#fff;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.hero__content{width:min(650px,92vw);text-align:center;margin-top:-1vh;transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*11px),0);will-change:transform}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 16px;color:#f7d99e;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.28em}.eyebrow span{width:34px;height:1px;background:currentColor}.hero h1{margin:0;font:700 clamp(52px,7vw,104px)/.8 Cormorant Garamond,serif;letter-spacing:-.035em;text-shadow:0 3px 34px rgba(0,0,0,.48)}.hero h1 em{color:var(--gold);font-weight:600}.lead{max-width:520px;margin:28px auto 0;color:rgba(255,255,255,.86);font-size:clamp(14px,1.25vw,18px);line-height:1.7;text-shadow:0 2px 18px #000}.actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:0 24px;border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:.25s ease}.button:hover{transform:translateY(-2px);border-color:#fff}.button--primary{background:var(--gold);border-color:var(--gold);color:#21180a;box-shadow:0 10px 34px rgba(201,128,23,.28)}.button--primary:hover{background:#ffd06f}.bee{position:absolute;z-index:3;width:18px;height:12px;border-radius:50%;background:repeating-linear-gradient(90deg,#2a1c0b 0 4px,#eeb84e 4px 8px);box-shadow:0 4px 12px rgba(0,0,0,.4);transform:translate3d(calc(var(--mx)*var(--bee-x)),calc(var(--my)*var(--bee-y)),0) rotate(-12deg)}.bee::before,.bee::after{content:"";position:absolute;width:11px;height:7px;top:-6px;border:1px solid rgba(255,255,255,.65);border-radius:80% 20%;background:rgba(255,255,255,.18)}.bee::before{left:1px;transform:rotate(-18deg)}.bee::after{right:0;transform:scaleX(-1) rotate(-18deg)}.bee--one{left:34%;top:30%;--bee-x:32px;--bee-y:24px;animation:float 4s ease-in-out infinite}.bee--two{right:31%;top:63%;--bee-x:25px;--bee-y:18px;animation:float 5.5s 1s ease-in-out infinite}.bee--three{left:43%;bottom:13%;--bee-x:40px;--bee-y:30px;animation:float 4.8s .3s ease-in-out infinite}.particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffe4a1 0 1px,transparent 1.6px);background-size:97px 83px;opacity:.16;animation:drift 16s linear infinite}.scroll-cue,.hero__note{position:absolute;bottom:28px;color:rgba(255,255,255,.65);font-size:9px;text-transform:uppercase;letter-spacing:.25em}.scroll-cue{left:clamp(24px,5vw,80px);display:flex;align-items:center;gap:10px}.scroll-cue span{width:32px;height:1px;background:currentColor}.hero__note{right:clamp(24px,5vw,80px)}.after-hero{min-height:45vh;display:grid;place-items:center;padding:60px 24px;background:#f4ead2;color:#33230e;text-align:center}.after-hero p{max-width:760px;font:600 clamp(34px,5vw,70px)/1 Cormorant Garamond;margin:0}@keyframes float{50%{margin-top:-13px}}@keyframes drift{to{background-position:97px -83px}}
@media(max-width:760px){.hero{min-height:100svh;padding:100px 18px 72px;align-items:end}.hero__background{inset:-3%;background-position:56% center;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px),0) scale(1.08)}.hero__veil{background:linear-gradient(180deg,rgba(8,7,3,.24),rgba(8,7,3,.06) 30%,rgba(8,7,3,.28) 58%,rgba(8,7,3,.82) 100%)}.topbar{padding:20px}.topbar__link{display:none}.hero__content{margin:0 0 24px;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*5px),0)}.hero h1{font-size:clamp(46px,15vw,72px)}.lead{margin-top:20px;font-size:13px;max-width:360px}.actions{margin-top:22px}.button{min-height:48px;padding:0 17px;font-size:10px;gap:12px}.bee--one{left:18%;top:26%}.bee--two{right:13%;top:52%}.bee--three{display:none}.scroll-cue{display:none}.hero__note{right:auto;left:50%;bottom:17px;transform:translateX(-50%);white-space:nowrap;font-size:7px}.eyebrow{font-size:8px;letter-spacing:.2em}.eyebrow span{width:18px}}
@media(max-width:410px){.actions{flex-direction:column;align-items:center}.button{width:min(260px,90vw)}.hero__content{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.parallax,.bee{transform:none!important;animation:none!important}.particles{animation:none}.button{transition:none}}

/* Independent foreground layers */
.hero__background{background-image:url("assets/mountains-v2.png")}
.hero__product,.hero__balaman{position:absolute;z-index:-1;pointer-events:none;user-select:none;object-fit:contain;will-change:transform;filter:drop-shadow(0 22px 28px rgba(13,9,2,.32))}
.hero__product{left:clamp(-72px,-3vw,-20px);bottom:-3.5vh;width:clamp(350px,34vw,650px);transform:translate3d(calc(var(--mx)*28px),calc(var(--my)*18px),0)}
.hero__balaman{right:clamp(-35px,1.8vw,34px);bottom:-2vh;height:min(88vh,920px);max-width:43vw;transform:translate3d(calc(var(--mx)*-24px),calc(var(--my)*15px),0)}
.bee{display:block;width:clamp(18px,1.55vw,28px);height:auto;border-radius:0;background:none;box-shadow:none;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));transform:translate3d(calc(var(--mx)*var(--bee-x)),calc(var(--my)*var(--bee-y)),0) rotate(-8deg)}
.bee::before,.bee::after{display:none}
.bee--two{transform:translate3d(calc(var(--mx)*var(--bee-x)),calc(var(--my)*var(--bee-y)),0) scaleX(-1) rotate(-12deg)}

@media(max-width:760px){
  .hero__product{left:-13vw;bottom:6.5vh;width:61vw;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*7px),0)}
  .hero__balaman{right:-10vw;bottom:7vh;height:67vh;max-width:57vw;transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*7px),0)}
  .hero__content{z-index:2;width:min(430px,94vw)}
  .hero__veil{z-index:-2}
  .bee{width:20px}
  .bee--one{left:24%;top:29%}.bee--two{right:21%;top:49%}
}
@media(max-width:430px){
  .hero__product{left:-9vw;bottom:12vh;width:64vw}
  .hero__balaman{right:-7vw;bottom:13vh;height:60vh;max-width:60vw}
  .hero__content{padding-top:40vh}
}