@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#163c2b;--cream:#f6f5ed;--lime:#e6eaa1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e5b94a;outline-offset:6px}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:#98ab53;z-index:30}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #163c2b25}.logo{font-family:Georgia,serif;font-size:58px;font-weight:bold;letter-spacing:-5px;line-height:1}.logo span{font:14px Arial;letter-spacing:0;vertical-align:top;display:inline-block;margin:9px 0 0 5px}nav{display:flex;gap:36px;font-size:14px}nav a{padding:10px 0;position:relative}nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:3px;left:0;width:0;transition:.3s}nav a:hover:after{width:100%}.nav-cta{display:flex;gap:30px;border:1px solid #163c2b60;border-radius:30px;padding:13px 19px;font-size:14px}.hero{height: min(940px,100svh);min-height:730px;position:relative;overflow:hidden;background:#d5e2da}.hero-photo{position:absolute;inset:-3%;background:url('assets/mera.webp') center 53%/cover;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#eff3e8ed 0%,#eff3e8ac 28%,transparent 58%),linear-gradient(180deg,#eef3e966,transparent 22%,transparent 70%,#102e2840)}.hero-copy{position:absolute;left:7%;top:24%;max-width:52%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;gap:12px;align-items:center}.tiny-flower{font-size:28px}.hero h1{font:500 clamp(76px,7.8vw,132px)/1.01 'Manrope',Arial,sans-serif;letter-spacing:-7px;margin:28px 0}.hero h1>span{color:#74894b}.hero p{font-size:18px;line-height:1.7;margin:0 0 28px}.button{display:inline-flex;align-items:center;gap:44px;background:var(--green);color:white;border-radius:40px;padding:19px 24px;font-size:14px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-4px);background:#2d5541}.button span{font-size:21px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;align-items:center}.hero-bottom a{padding:12px 16px;border-radius:30px;background:#f6f5edbb;backdrop-filter:blur(8px);font-size:12px;letter-spacing:0}.hero-bottom a span{margin-left:24px}.side-label{position:absolute;right:28px;top:35%;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px}.ticker{overflow:hidden;background:var(--lime);padding:22px 0}.ticker>div{white-space:nowrap;width:max-content;font-size:13px;letter-spacing:3px;font-weight:600;animation:marquee 35s linear infinite}.ticker span{margin:0 45px;font-size:22px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:65px 7% 110px}.section-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.7px;padding-bottom:24px;border-bottom:1px solid #163c2b30}.intro-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding-top:70px}h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(48px,5.2vw,82px);line-height:1.1;letter-spacing:-4px;margin:0}h2 em{font-family:Georgia,serif;font-weight:400}.intro-text{max-width:370px}.asterisk{font-size:60px;line-height:1;color:#809059}.intro-text p{font-size:17px;line-height:1.8}.intro-text p:first-of-type{font-size:23px;line-height:1.5}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid;padding:15px 0;margin-top:25px;font-size:14px}.journey{height:250vh;position:relative}.journey-sticky{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;color:var(--cream);background:var(--green)}.journey-image{position:absolute;inset:-6%;background:url('assets/mera.webp') center center/cover;transform:scale(1.2);will-change:transform}.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b291eed,#0b291e78 55%,#0b291e25)}.journey-top{position:absolute;top:55px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.story{position:absolute;left:7%;top:31%;width:55%;transition:opacity .25s}.story-kicker{font-size:12px;letter-spacing:2px;color:var(--lime)}.story h2{margin:25px 0;font-size:clamp(55px,6vw,90px)}.story p{font-size:17px;line-height:1.7;max-width:380px}.steps{position:absolute;bottom:55px;left:7%;right:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps button{color:#fff9;background:none;border:none;border-top:1px solid #fff5;padding:20px 0 0;text-align:left;cursor:pointer}.steps button span{font-size:12px;margin-right:20px}.steps button.active{color:var(--lime);border-top:3px solid var(--lime);padding-top:18px}.table-heading{display:flex;justify-content:space-between;align-items:end;margin:65px 0 50px}.table-heading p{font-size:17px;line-height:1.7}.moments{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:20px}.moment{min-height:410px;background:#e9eddb;padding:30px;display:flex;flex-direction:column;border-radius:5px}.moment-num{font-size:13px}.moment h3{font-weight:500;font-size:30px;line-height:1.25;letter-spacing:-1px;margin-top:66px}.moment p{font-size:15px;line-height:1.8;margin:0 0 35px}.moment-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.moment.warm{background:#ede4d3}.moment.product{padding:0;position:relative;overflow:hidden}.product img{width:100%;height:100%;object-fit:cover;object-position:65%;position:absolute;transition:transform .6s}.product:hover img{transform:scale(1.06)}.product:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#153927da)}.product>div{position:relative;z-index:1;margin-top:auto;color:white;padding:30px}.product>div>span{font-size:11px;letter-spacing:2px}.product h3{margin:12px 0 0}.closing{text-align:center;background:var(--green);color:var(--cream);padding:100px 25px}.closing .eyebrow{justify-content:center;color:var(--lime)}.closing h2{margin:40px auto;font-size:clamp(43px,5vw,78px)}.closing h2 em{display:inline-block;margin-top:18px;font-size:1.65em}.light{background:var(--lime);color:var(--green)}.light:hover{background:white}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between}footer p{font-family:Georgia,serif;font-size:21px;font-style:italic}footer>span{font-size:12px;opacity:.7}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-copy{top:25%}.hero-photo{background-position:center 55%}}@media(max-width:900px){nav{gap:18px}.nav-cta{display:none}.hero h1{font-size:90px}.hero-copy{max-width:65%}.intro-layout{gap:7%}.moments{gap:12px}.moment{padding:23px}.moment h3{font-size:25px}.table-heading{gap:25px}}@media(max-width:600px){header{height:78px;padding:0 6%}.logo{font-size:48px}nav{gap:19px;font-size:12px}nav a:nth-child(2){display:none}.hero{min-height:780px;height:100svh;max-height:980px}.hero-photo{inset:0;background-position:64% bottom;background-size:auto 72%;background-repeat:no-repeat;background-color:#dce6e0}.hero-shade{background:linear-gradient(180deg,#e6ece5 0%,#e6ece5 19%,#e6ece5db 34%,transparent 62%)}.hero-copy{left:7%;top:125px;max-width:90%}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero h1{font-size:67px;letter-spacing:-4px;margin:20px 0}.hero p{font-size:15px;line-height:1.5;margin-bottom:20px}.button{padding:14px 20px;font-size:13px;gap:30px}.hero-bottom{bottom:18px}.hero-bottom>span{display:none}.hero-bottom a{font-size:11px;background:#f6f5edd9}.side-label{display:none}.ticker{padding:16px 0}.ticker>div{font-size:11px}.section{padding:40px 7% 65px}.section-top{font-size:10px;letter-spacing:1px}.section-top span:last-child{display:none}.intro-layout{grid-template-columns:1fr;padding-top:40px;gap:35px}h2{font-size:51px;letter-spacing:-2.7px}.intro-text{max-width:none}.asterisk{font-size:40px}.intro-text p:first-of-type{font-size:21px}.intro-text p{font-size:16px}.journey{height:230vh}.journey-sticky{min-height:620px}.journey-top{top:35px;font-size:10px;letter-spacing:1px}.journey-image{background-position:60% center}.journey-shade{background:linear-gradient(90deg,#0b291ee8,#0b291e65)}.story{width:85%;top:29%}.story h2{font-size:53px;letter-spacing:-2.8px}.story p{font-size:16px;max-width:280px}.steps{bottom:38px;gap:17px}.steps button{font-size:13px}.steps button span{display:block;margin-bottom:10px}.table-heading{display:block;margin:40px 0 30px}.table-heading p{font-size:16px;margin-top:25px}.moments{grid-template-columns:1fr}.moment{min-height:310px;padding:28px}.moment h3{margin-top:35px;font-size:30px}.moment.product{min-height:430px;grid-row:1}.closing{padding:70px 7%}.closing h2{font-size:42px}footer{flex-wrap:wrap;gap:15px;padding:30px 7%}footer>span{width:100%;font-size:11px}footer p{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.hero-photo,.journey-image{will-change:auto}.button,.product img{transition:none}}

/* Editorial photography: independent scenes for every chapter. */
.journey-image{background:none}.journey-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s ease}.journey-frame.active{opacity:1}.journey-frame:nth-child(2){object-position:65% center}.journey-frame:nth-child(3){object-position:60% center}.photo-moment{overflow:hidden;padding-top:0}.moment-photo{width:calc(100% + 60px);height:245px;object-fit:cover;margin:0 -30px 25px;max-width:none}.photo-moment h3{margin-top:24px}.moments .product{min-height:570px}.photo-moment .moment-foot{padding-top:15px}.journey-shade{background:linear-gradient(90deg,#0b291eed,#0b291e9c 50%,#0b291e30)}
@media(max-width:900px){.moment-photo{width:calc(100% + 46px);margin-left:-23px;margin-right:-23px;height:210px}}@media(max-width:600px){.moment-photo{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px;height:250px}.moments .product{min-height:430px}.journey-frame{object-position:62% center}.photo-moment{padding-top:0}.photo-moment p{margin-bottom:20px}.journey-shade{background:linear-gradient(90deg,#0b291ee8,#0b291e80)}}@media(prefers-reduced-motion:reduce){.journey-frame{transition:none}}

/* Pastures and people bring the dairy story to life. */
.herd-editorial{position:relative;margin:65px 0 0;height:540px;overflow:hidden;border-radius:6px;background:#214e34}.herd-editorial>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.herd-editorial:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09271cc9)}.herd-editorial figcaption{position:absolute;z-index:1;left:40px;bottom:35px;right:40px;color:#fff;display:flex;flex-direction:column;align-items:start;gap:15px}.herd-editorial figcaption>span:first-child{font-size:12px;letter-spacing:2px}.herd-editorial strong{font-family:Manrope,Arial,sans-serif;font-size:38px;font-weight:500;line-height:1.12;letter-spacing:-1.5px}.herd-caption-small{align-self:end;font-size:14px}.people-section{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;background:#e9eddb}.people-photo{position:relative;overflow:hidden;min-height:650px}.people-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:58% center}.photo-note{position:absolute;left:35px;bottom:30px;font-size:11px;letter-spacing:1.5px;padding:14px 18px;border-radius:30px;background:#f6f5edeb}.people-copy{padding:90px 13%;display:flex;flex-direction:column;justify-content:center}.people-copy .eyebrow{font-size:11px;line-height:1.7}.people-copy h2{font-size:clamp(45px,4vw,68px);margin:30px 0;letter-spacing:-3px}.people-copy p{font-size:17px;line-height:1.8;max-width:350px}.people-copy .text-link{max-width:350px;gap:30px}.family-banner{position:relative;height:650px;background:#173727;overflow:hidden;color:white}.family-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.family-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b291ecf,#0b291e26 80%)}.family-banner-copy{position:absolute;z-index:1;left:7%;bottom:12%;max-width:600px}.family-banner h2{font-size:clamp(48px,5vw,76px);margin:25px 0}.family-banner p{font-size:17px;line-height:1.7;max-width:360px}.family-banner .eyebrow{color:#f2efb9}
@media(max-width:900px){.people-copy{padding:65px 9%}.people-copy h2{font-size:46px}.people-photo,.people-section{min-height:560px}.herd-editorial{height:470px}.family-banner{height:580px}}@media(max-width:600px){.herd-editorial{height:440px;margin-top:40px}.herd-editorial>img{object-position:65% center}.herd-editorial figcaption{left:24px;bottom:24px;right:24px;gap:12px}.herd-editorial strong{font-size:31px}.herd-caption-small{align-self:start;font-size:13px}.people-section{grid-template-columns:1fr}.people-photo{min-height:440px}.people-photo>img{object-position:56% center}.photo-note{left:22px;bottom:22px;font-size:10px;padding:12px 14px}.people-copy{padding:50px 7%}.people-copy h2{font-size:48px}.family-banner{height:620px}.family-banner>img{object-position:58% center}.family-banner:after{background:linear-gradient(180deg,transparent 15%,#0b291e45 35%,#0b291ee8)}.family-banner-copy{bottom:7%;left:7%;right:7%}.family-banner h2{font-size:47px}.family-banner p{font-size:16px}.family-banner .eyebrow{font-size:10px}}

@media(max-width:600px){.family-banner{height:auto}.family-banner>img{display:block;height:auto;aspect-ratio:3/2;object-fit:contain}.family-banner:after{display:none}.family-banner-copy{position:relative;left:auto;right:auto;bottom:auto;padding:38px 7% 45px}.family-banner h2{margin:20px 0}.family-banner p{margin-bottom:0}}