/* Real responsive page elements. Only the supplied product photography and logo are framed from the reference. */
.site-header{height:112px;position:relative;padding:0 max(5%,calc((100vw - 1440px)/2));background:#fcfaf5;border:0;gap:28px}
.header-logo{display:block;width:215px;height:100px;position:relative;overflow:hidden;flex-shrink:0}
.header-logo img{position:absolute;width:1358px;max-width:none;height:auto;left:-130px;top:-3px}
.site-header nav{gap:36px}.site-header nav a{padding:12px 0;font-size:14px}.site-header nav a:first-child{border-bottom:2px solid var(--green)}
.site-header .small{display:inline-flex;align-items:center;min-height:48px;font-size:13px;padding:12px 25px}
.rebuilt-hero{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:43% 57%;min-height:590px;background:#fbf9f1;overflow:hidden;position:relative}
.rebuilt-copy{padding:70px 0 45px 13%;z-index:1}.rebuilt-copy .eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:22px}
.rebuilt-copy h1{font-size:clamp(48px,4.8vw,73px);line-height:1.04;letter-spacing:-2px;margin:0 0 27px;white-space:nowrap}.rebuilt-copy h1 em{color:var(--green)}
.hero-description{max-width:350px;font-size:17px;line-height:1.5;margin-bottom:25px;color:#395a4c}
.rebuilt-copy .button{font-size:14px;padding:15px 25px}.signature{display:block;text-align:center;width:200px;letter-spacing:5px;margin-top:40px;font-size:15px}.signature small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px}
.rebuilt-visual{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;position:relative;padding-top:40px;background:linear-gradient(150deg,#fbf9f1 15%,#eef1e4 55%,#e9eddf)}
.fruit-message{font:italic 30px/1.22 Georgia,serif;text-align:center;align-self:flex-end;transform:rotate(-8deg);margin:0 12% 35px 0;position:relative;z-index:1}.fruit-message:after{content:'';height:3px;background:#e7b739;display:block;width:85%;margin:12px auto 0}
.product-photo{position:relative;aspect-ratio:908/400;width:100%;overflow:hidden;flex-shrink:0;mask-image:linear-gradient(to right,transparent,#000 8%)}
.product-photo img{display:block;position:absolute;width:149.56%;height:auto;max-width:none;right:0;bottom:0}
@media(min-width:1600px){.rebuilt-hero{min-height:640px}.rebuilt-copy{padding-top:80px}.rebuilt-copy h1{font-size:78px}.rebuilt-visual{padding-top:50px}.fruit-message{margin-bottom:55px}}
@media(max-width:1000px){.site-header{padding:0 4%;height:100px}.header-logo{width:172px;height:80px}.header-logo img{width:1086.4px;left:-104px;top:-2.4px}.site-header nav{gap:20px}.site-header .small{font-size:11px;padding:10px 15px}.rebuilt-copy{padding-top:55px;padding-left:9%}.rebuilt-copy h1{font-size:53px}.rebuilt-hero{min-height:560px}.hero-description{font-size:16px;max-width:285px}.fruit-message{font-size:25px;margin-right:7%}.rebuilt-visual{justify-content:center}}
@media(max-width:700px){.site-header{height:auto;display:flex;flex-wrap:wrap;justify-content:center;padding:12px 5% 16px;gap:10px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:13px;padding:5px 0}.site-header .small{margin-left:auto;font-size:11px;min-height:42px;padding:10px 14px}.header-logo{margin-right:auto}.rebuilt-hero{grid-template-columns:1fr;min-height:0}.rebuilt-copy{padding:37px 7% 24px}.rebuilt-copy h1{font-size:clamp(42px,8.8vw,62px);white-space:normal}.hero-description{max-width:420px}.signature{display:none}.rebuilt-visual{padding:15px 0 0}.fruit-message{font-size:25px;margin:0 8% 20px 0}.product-photo{mask-image:none}.rebuilt-copy .eyebrow{font-size:10px;letter-spacing:2px}}
@media(max-width:380px){.site-header .small{font-size:10px;padding:8px 10px}.header-logo{width:150px;height:70px}.header-logo img{width:950.6px;left:-91px;top:-2.1px}}

/* Full-width supplied photograph, with selectable HTML copy above it. */
.rebuilt-hero{max-width:none;width:100%;min-height:570px;aspect-ratio:8/3;display:block;background-image:linear-gradient(90deg,rgba(251,249,241,.97) 0%,rgba(251,249,241,.91) 22%,rgba(251,249,241,.64) 33%,rgba(251,249,241,0) 47%),url('portada-yogurts.png');background-size:cover;background-position:center;}
.rebuilt-copy{width:44%;padding:clamp(40px,4vw,80px) 0 35px 5%;position:relative;z-index:1}
.rebuilt-copy h1{font-size:clamp(48px,4vw,78px);white-space:normal;line-height:1.06;letter-spacing:-1.7px}
.rebuilt-copy .eyebrow{font-size:11px;letter-spacing:3px}
.hero-description{max-width:355px;font-size:17px;line-height:1.5}
.rebuilt-copy .signature{margin-top:28px}
.rebuilt-visual{position:absolute;inset:0;display:block;padding:0;background:none;pointer-events:none}
.fruit-message{position:absolute;right:7%;top:7%;margin:0;transform:rotate(-7deg);font:italic 600 clamp(25px,2.1vw,38px)/1.18 'Playfair Display',Georgia,serif;text-shadow:0 1px 10px #fff9;}
.fruit-message:after{height:3px;width:90%;margin-top:12px}
@media(min-width:1800px){.rebuilt-copy{padding-top:75px}.hero-description{max-width:390px;font-size:19px}.rebuilt-copy .button{font-size:16px}.rebuilt-copy .signature{margin-top:35px}}
@media(min-width:701px) and (max-width:1050px){.rebuilt-hero{min-height:540px;aspect-ratio:auto;background-position:58% center}.rebuilt-copy{width:49%;padding-left:5%;padding-top:45px}.rebuilt-copy h1{font-size:48px}.hero-description{font-size:15px;max-width:300px}.fruit-message{right:4%;top:9%;font-size:25px}.rebuilt-copy .eyebrow{letter-spacing:2px;font-size:10px}}
@media(max-width:700px){.rebuilt-hero{aspect-ratio:auto;min-height:0;padding-bottom:clamp(220px,48vw,335px);background-image:linear-gradient(180deg,#fbf9f1 0%,#fbf9f1 52%,rgba(251,249,241,0) 73%),url('portada-yogurts.png');background-size:100% 100%,auto clamp(280px,58vw,400px);background-repeat:no-repeat;background-position:center,right bottom}.rebuilt-copy{width:100%;padding:35px 7% 18px}.rebuilt-copy h1{font-size:clamp(43px,8.8vw,61px)}.hero-description{font-size:16px;max-width:360px}.rebuilt-copy .signature{display:none}.rebuilt-visual{position:relative;inset:auto;height:70px}.fruit-message{top:0;right:7%;font-size:23px}.rebuilt-copy .eyebrow{font-size:10px;letter-spacing:2px}}

/* Handwritten tagline matching the supplied lettering reference. */
.fruit-message{font-family:'Kaushan Script','Brush Script MT',cursive;font-weight:400;font-style:normal;line-height:1.22;letter-spacing:-.5px}

/* Official supplied logo, uncropped and proportional at every screen size. */
.header-logo{display:flex;align-items:center;justify-content:center}
.header-logo img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}