:root{--ink:#171914;--muted:#687064;--cream:#f7f5ed;--white:#fff;--gold:#c5a45a;--green:#173b2a;--line:#e5e2d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:rgba(247,245,237,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.14em}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:19px}.nav nav{display:flex;gap:28px;font-size:14px}.nav nav a:hover{color:var(--gold)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:750;font-size:14px}.nav-cta,.primary{background:var(--green);color:white}.secondary{border:1px solid #cfcabd;background:transparent}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding:70px clamp(20px,7vw,100px);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:850;color:var(--gold);margin:0 0 12px}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,6.5vw,82px);line-height:.99;letter-spacing:-.04em;margin:0 0 25px}.hero h1 span{color:var(--green)}.hero-text{font-size:18px;color:var(--muted);max-width:520px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#596057;font-size:12px}.hero-card{min-height:510px;border-radius:34px;background:linear-gradient(145deg,#e9e6d8,#fffdf5);position:relative;display:grid;place-items:center;box-shadow:0 30px 80px rgba(20,28,20,.12);border:1px solid #e1ddce}.bottle{width:220px;height:360px;border-radius:32px 32px 44px 44px;background:linear-gradient(90deg,#fdfcf5,#e6e3d6,#fff);box-shadow:20px 25px 45px rgba(0,0,0,.14);position:relative;padding-top:30px}.bottle:after{content:"";position:absolute;top:35px;left:26px;width:18px;height:260px;border-radius:20px;background:rgba(255,255,255,.72)}.bottle-cap{position:absolute;top:-32px;left:55px;width:110px;height:40px;border-radius:10px 10px 4px 4px;background:#e5e0d0;border:1px solid #c9c2af}.bottle-label{position:absolute;z-index:2;top:120px;left:20px;right:20px;height:125px;background:#f8f5e9;border:1px solid #d7c796;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green)}.bottle-label strong{font-family:Georgia,serif;font-size:22px;letter-spacing:.12em}.bottle-label small{font-size:10px;letter-spacing:.12em}.bottle-label em{font-size:8px;margin-top:10px;color:var(--gold);font-style:normal;letter-spacing:.14em}.price-chip{position:absolute;right:28px;bottom:28px;background:var(--green);color:white;border-radius:18px;padding:13px 18px;display:flex;gap:5px;align-items:baseline}.price-chip b{font-size:25px}.price-chip span{font-size:12px;opacity:.8}.section{padding:100px clamp(20px,7vw,100px)}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading h2,.order-panel h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);line-height:1.05;margin:0 0 14px}.section-heading p:not(.eyebrow){color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto}.product-card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:300px;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,30,20,.08)}.product-icon{font-size:38px}.tag{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:850;margin:18px 0 4px}.product-card h3{font-family:Georgia,serif;font-size:26px;margin:0 0 8px}.product-card p:not(.tag){color:var(--muted)}.product-price{font-size:25px;font-weight:850;margin-top:24px}.product-price small{font-size:13px;color:var(--muted);font-weight:500}.text-link{display:inline-block;margin-top:10px;color:var(--green);font-weight:800;font-size:13px}.dark-section{background:var(--green);color:white;padding:100px clamp(20px,7vw,100px)}.light h2{color:white}.light p:not(.eyebrow){color:#cdd8ce}.benefits{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.benefits div{border-top:1px solid rgba(255,255,255,.22);padding-top:20px}.benefits span{color:var(--gold);font-size:12px}.benefits h3{font-family:Georgia,serif;font-size:22px}.benefits p{color:#bdc9bf;font-size:14px}.order-section{background:#efede4}.order-panel{max-width:1050px;margin:auto;background:white;border-radius:30px;padding:clamp(24px,5vw,55px);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(20,30,20,.06)}.order-panel h2{margin-top:0}.muted{color:var(--muted)}.mini-price{display:flex;flex-direction:column;gap:3px;margin-top:30px;padding:16px;border-left:3px solid var(--gold);background:#faf9f3}.mini-price span{font-size:12px;color:var(--muted)}form{display:grid;gap:13px}label{font-size:12px;font-weight:750}input{display:block;width:100%;margin-top:6px;border:1px solid #d9d6cb;border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fff}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,164,90,.12)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:500;color:var(--muted);margin:4px 0}.check input{width:auto;margin:2px 0 0}.full{border:0;cursor:pointer;width:100%}.form-msg{min-height:20px;color:#a12c2c;font-size:12px;margin:0}footer{background:#101a14;color:#dfe6df;padding:35px clamp(20px,7vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}footer p{margin:0;color:#9eaaa0}.footer-brand{color:white}
@media(max-width:800px){.nav nav{display:none}.nav-cta{padding:10px 14px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{min-height:430px}.products{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.order-panel{grid-template-columns:1fr;gap:25px}}
@media(max-width:520px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:46px}.hero-actions{flex-direction:column}.button{width:100%}.trust-row{display:block}.trust-row span{display:block;margin:7px 0}.benefits{grid-template-columns:1fr}.section,.dark-section{padding-top:70px;padding-bottom:70px}.hero-card{min-height:390px}.bottle{transform:scale(.85)}footer{display:block}.footer-brand{margin-bottom:12px}}


/* Real product and farm photography */
.product-photo {
  width: 100%;
  height: 260px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #f3efe7;
}
.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.farm-section {
  background: #faf8f3;
}
.farm-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 18px;
  margin-top: 28px;
}
.farm-photo {
  margin: 0;
  height: 360px;
  border-radius: 22px;
  overflow: hidden;
  background: #eee;
}
.farm-photo.large {
  height: 360px;
}
.farm-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.founder-photo img {
  object-position: center 30%;
}
@media (max-width: 760px) {
  .product-photo { height: 300px; }
  .farm-grid { grid-template-columns: 1fr; }
  .farm-photo, .farm-photo.large { height: 330px; }
}


/* Premium 3D animation */
.hero {
  position: relative;
  overflow: hidden;
}
.hero-3d {
  position: absolute;
  right: 5%;
  top: 50%;
  width: 290px;
  height: 290px;
  transform: translateY(-50%);
  perspective: 900px;
  pointer-events: none;
  z-index: 0;
}
.hero > *:not(.hero-3d) { position: relative; z-index: 1; }
.milk-3d {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 108px;
  height: 205px;
  transform: translate(-50%, -50%) rotateY(-18deg);
  transform-style: preserve-3d;
  border-radius: 22px 22px 28px 28px;
  background: linear-gradient(90deg, #d8c59c 0%, #fff 12%, #fff 82%, #c8aa68 100%);
  box-shadow: 24px 28px 55px rgba(0,0,0,.18), inset -10px 0 18px rgba(120,80,20,.12);
  animation: bottleFloat 4.5s ease-in-out infinite;
}
.milk-cap {
  position: absolute;
  width: 68px;
  height: 25px;
  left: 20px;
  top: -17px;
  border-radius: 14px 14px 7px 7px;
  background: linear-gradient(180deg,#222,#050505);
  box-shadow: 0 5px 12px rgba(0,0,0,.3);
}
.milk-label {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 65px;
  height: 86px;
  border: 1px solid #b68b32;
  border-radius: 12px;
  background: rgba(255,250,239,.94);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #17120b;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}
.milk-label span { font-size: 10px; letter-spacing: 2px; color: #a97c25; }
.milk-label b { font-family: Georgia,serif; font-size: 30px; line-height: 1; }
.milk-label small { font-size: 9px; letter-spacing: 1.5px; }
.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(1px);
  opacity: .5;
}
.orb-one { width: 72px; height: 72px; right: 15px; top: 20px; background: radial-gradient(circle at 35% 30%, #fff, #d9b45d 60%, transparent 72%); animation: orbMove 6s ease-in-out infinite; }
.orb-two { width: 46px; height: 46px; left: 10px; bottom: 30px; background: radial-gradient(circle, #fff, #8ca66a 62%, transparent 72%); animation: orbMove 5s ease-in-out infinite reverse; }
.ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(180,140,58,.5);
  border-radius: 50%;
  transform: translate(-50%,-50%) rotateX(68deg);
}
.ring-one { width: 240px; height: 80px; animation: ringSpin 8s linear infinite; }
.ring-two { width: 190px; height: 60px; border-color: rgba(22,72,45,.35); animation: ringSpin 6s linear infinite reverse; }

.referral-section { background: linear-gradient(180deg,#fff,#f7f2e8); }
.referral-card {
  max-width: 980px;
  margin: 28px auto 0;
  padding: 30px;
  border: 1px solid rgba(176,137,55,.3);
  border-radius: 28px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 22px 55px rgba(45,34,16,.12);
  backdrop-filter: blur(12px);
}
.referral-badge {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: #0c4c2c;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .08em;
}
.referral-copy h3 { margin: 12px 0 6px; }
.referral-form { margin-top: 24px; }
.referral-person {
  padding: 20px;
  border-radius: 20px;
  background: #fbfaf7;
  border: 1px solid #ebe3d2;
  margin-bottom: 16px;
}
.referral-person h4 { margin: 0 0 14px; }
.referral-person label { display: block; margin: 12px 0; font-weight: 600; }
.referral-person input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 7px;
  padding: 13px 14px;
  border: 1px solid #d9d0bf;
  border-radius: 12px;
  background: #fff;
  font: inherit;
}
.referral-consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  margin: 18px 0;
}
.referral-consent input { margin-top: 3px; }
.form-note { font-size: 12px; opacity: .72; margin-top: 12px; }

@keyframes bottleFloat {
  0%,100% { transform: translate(-50%,-50%) rotateY(-18deg) translateY(0) rotateZ(0deg); }
  50% { transform: translate(-50%,-50%) rotateY(18deg) translateY(-12px) rotateZ(1deg); }
}
@keyframes orbMove {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-15px,12px,20px); }
}
@keyframes ringSpin {
  from { transform: translate(-50%,-50%) rotateX(68deg) rotateZ(0deg); }
  to { transform: translate(-50%,-50%) rotateX(68deg) rotateZ(360deg); }
}
@media (max-width: 760px) {
  .hero-3d { opacity: .24; right: -65px; top: 58%; transform: translateY(-50%) scale(.8); }
  .referral-card { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .milk-3d, .orb, .ring { animation: none; }
}

/* Luxemoo visual refresh — sunrise farm hero + calm product sections */
body{background:#faf9f5}
.hero-farm{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 18px 70px;overflow:hidden;background-image:url('assets/hero-farm.webp');background-size:cover;background-position:center center;background-attachment:fixed}
.hero-farm::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,36,21,.12),rgba(244,231,198,.08) 45%,rgba(19,29,18,.35));z-index:0}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,244,205,.42),transparent 38%);z-index:0;animation:sunGlow 8s ease-in-out infinite}
.glass-panel{position:relative;z-index:2;background:rgba(255,250,241,.62);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(40,31,17,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.hero-topbar{position:absolute;top:22px;left:18px;right:18px;max-width:1100px;margin:auto;min-height:70px;border-radius:24px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.hero-topbar .brand{color:#7d5d28}.hero-topbar .brand-mark{border-color:#b38a3e;color:#9b742d}.hero-nav{display:flex;gap:28px;font-size:13px;color:#4e4638}.hero-nav a{transition:opacity .25s}.hero-nav a:hover{opacity:.6}.hero-menu{display:none;font-size:22px;color:#7d5d28}
.hero-center{width:min(650px,92vw);margin-top:48px;border-radius:34px;padding:54px 28px 32px;text-align:center;animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) both}
.hero-center h1{font-family:Georgia,serif;font-size:clamp(44px,9vw,78px);letter-spacing:-.035em;line-height:1;margin:6px 0 12px;color:#8a652d;text-shadow:0 2px 18px rgba(255,255,255,.55)}
.hero-center h1 span{display:block;font-family:Inter,system-ui,sans-serif;font-size:.47em;letter-spacing:.02em;color:#171612;margin-top:14px;font-weight:500}
.hero-center .hero-text{margin:0 auto;max-width:500px;color:#4f4a40;font-size:16px}
.hero-center .hero-actions{justify-content:center;margin:26px 0 20px}.hero-center .primary{background:linear-gradient(135deg,#c89b46,#9c7026);box-shadow:0 10px 28px rgba(145,101,31,.22)}
.hero-center .secondary{border-color:rgba(130,99,45,.45);background:rgba(255,255,255,.34)}
.hero-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#665b48;font-size:11px;letter-spacing:.02em}.hero-pills span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.62)}
.hero-scroll{position:absolute;z-index:2;bottom:20px;color:rgba(255,255,255,.9);font-size:10px;letter-spacing:.22em;text-shadow:0 2px 8px rgba(0,0,0,.35);animation:scrollPulse 2.5s ease-in-out infinite}.hero-scroll span{margin-left:7px;font-size:16px}
.section{background:#fbfaf7}.products .product-card{background:#fffdf9;border-color:#ece7db;box-shadow:0 12px 40px rgba(50,42,28,.045);transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}.products .product-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(50,42,28,.09)}
.product-photo{height:280px;background:#f4f1ea;border-radius:20px;display:flex;align-items:center;justify-content:center}.product-photo img{object-fit:contain;padding:12px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-photo img{transform:scale(1.035)}
.farm-section{background:#f5f2ea}.order-section{background:#f3f0e8}.referral-section{background:#fbfaf7}
@keyframes heroIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sunGlow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}
@keyframes scrollPulse{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}
@media(max-width:700px){.hero-farm{background-attachment:scroll;background-position:center center}.hero-topbar{min-height:64px;border-radius:20px;padding:10px 16px}.hero-nav{display:none}.hero-menu{display:block}.hero-center{margin-top:52px;padding:45px 20px 26px;border-radius:28px}.hero-center .hero-actions{flex-direction:column}.hero-center .button{width:100%}.hero-pills{font-size:10px}.product-photo{height:270px}}
@media(prefers-reduced-motion:reduce){.hero-center,.hero-overlay,.hero-scroll{animation:none!important}.product-card,.product-photo img{transition:none!important}}


/* Luxemoo smooth motion upgrade */
.hero-farm{background-position:center center;animation:heroKenBurns 18s ease-in-out infinite alternate}
.hero-farm::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:lightSweep 9s ease-in-out infinite;z-index:1}
.hero-topbar{animation:topbarDrop .9s cubic-bezier(.2,.8,.2,1) both}
.hero-center{animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) both,cardFloat 6s ease-in-out 1.1s infinite}
.hero-center::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 35%,rgba(255,255,255,.18) 70%,transparent);opacity:.7;pointer-events:none}
.hero-center .primary{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.hero-center .primary::after{content:"";position:absolute;top:0;left:-90%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:buttonShine 4.5s ease-in-out infinite}
.hero-center .primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 34px rgba(145,101,31,.3)}
.hero-pills span{animation:pillFloat 4.5s ease-in-out infinite;transition:transform .3s ease,background .3s ease}
.hero-pills span:nth-child(2){animation-delay:.5s}.hero-pills span:nth-child(3){animation-delay:1s}.hero-pills span:hover{transform:translateY(-3px);background:rgba(255,255,255,.68)}
.section-heading,.product-card,.farm-photo,.referral-card,.order-panel,.benefits>div{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal-visible{opacity:1!important;transform:none!important}
.product-card:nth-child(2){transition-delay:.08s}.product-card:nth-child(3){transition-delay:.16s}
.product-photo{position:relative}.product-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}.product-card:hover .product-photo::after{transform:translateX(120%)}
.product-card:hover .product-photo img{transform:scale(1.055) translateY(-3px)}
.benefits>div{transition-delay:calc(var(--i,0) * 80ms),0s}
@keyframes heroKenBurns{0%{background-size:100% auto}100%{background-size:106% auto}}
@keyframes lightSweep{0%,55%{transform:translateX(-120%);opacity:0}65%{opacity:1}85%,100%{transform:translateX(120%);opacity:0}}
@keyframes topbarDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes buttonShine{0%,45%{left:-90%}70%,100%{left:140%}}
@keyframes pillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){.hero-farm{animation:heroKenBurnsMobile 18s ease-in-out infinite alternate}.hero-center{animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) both,cardFloatMobile 6s ease-in-out 1.1s infinite}}
@keyframes heroKenBurnsMobile{0%{background-size:auto 100%}100%{background-size:auto 106%}}
@keyframes cardFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.hero-farm,.hero-farm::after,.hero-topbar,.hero-center,.hero-center .primary::after,.hero-pills span{animation:none!important}.section-heading,.product-card,.farm-photo,.referral-card,.order-panel,.benefits>div{opacity:1;transform:none;transition:none}}