:root{
  --green:#7a9234;
  --brown:#84421f;
  --blue:#168cc9;
  --orange:#f7a827;
  --red:#ef4136;
  --copy:#55595d;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden}
html{scroll-behavior:smooth}
body{background:#fff;color:#222;font-family:"Century Gothic","Avenir Next",Avenir,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
main{width:100%}

/* HEADER */
.site-header{height:118px;background:#fff;position:relative;z-index:20;width:100%}
.header-inner{height:118px;position:relative;width:100%}
.site-logo{position:absolute;left:23.25vw;top:34px;width:158px;text-decoration:none}
.site-logo img{width:100%;height:auto}
.main-nav{position:absolute;right:12.95vw;top:41px;display:flex;align-items:center;gap:29px;font-family:Arial,Helvetica,sans-serif;font-size:13.5px;line-height:1;color:#111;white-space:nowrap}
.main-nav a{text-decoration:none}
.main-nav .products-link{background:#1f1f1f;color:#fff;width:94px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:2px}
.menu-toggle{display:none}

/* HOME HERO */
.home-hero{height:491px;position:relative;background:#fff;overflow:hidden}
.home-hero-green{position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--green)}
.home-hero-copy{position:absolute;left:5vw;top:75px;z-index:3;width:39%;}
.home-hero-copy h1{margin:0;color:var(--green);font-weight:400;letter-spacing:-1.7px;line-height:1.02}
.home-hero-copy h1 span{display:block;font-size:52px}
.home-hero-copy h1 strong{display:block;margin-top:17px;font-size:66px;line-height:.98;font-weight:700;letter-spacing:-2px}
.home-hero-copy p{margin:52px 0 0;width:470px;max-width:100%;color:#555a5e;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.4}
.home-hero-products{position:absolute;z-index:2;left:39.55vw;bottom:0;width:40.13vw;max-width:none;height:auto;max-width:610px;}

/* ABOUT */
.about-section{height:440px;display:grid;grid-template-columns:50% 50%;gap:0;overflow:hidden;width:100%}
.about-copy{background:var(--brown);color:#fff;position:relative;overflow:hidden}
.about-logo{position:absolute;left:7.35vw;top:64px;width:34.2vw;max-width:none;height:auto}
.about-copy p{position:absolute;left:5vw;right:5.5vw;bottom:79px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13.5px;line-height:1.36}
.about-building{overflow:hidden;background:#d9e7f6}
.about-building img{width:100%;height:100%;object-fit:cover;object-position:center center}

/* TAAM TUV */
.taam-section{height:664px;display:grid;grid-template-columns:50% 50%;gap:0;overflow:hidden;width:100%}
.taam-panel{height:664px;position:relative;overflow:hidden}
.taam-left-panel{background:#fff}
.taam-right-panel{background:var(--blue)}
.taam-ketchup{position:absolute;top:0;left:50%;transform:translateX(-50%);width:39.65vw;max-width:none;height:auto}
.taam-red-logo{position:absolute;left:50%;top:72.5%;transform:translate(-50%,-50%);width:36.3vw;max-width:none;height:auto;z-index:3}
.taam-dairy-logo{position:absolute;left:50%;top:4.9%;transform:translateX(-50%);width:41.3vw;max-width:none;height:auto;z-index:4}
.taam-cream{position:absolute;left:50%;bottom:-5.7%;transform:translateX(-50%);width:37.8vw;max-width:none;height:auto;z-index:2}

/* BRANDS */
.brands-section{height:344px;background:#fff;padding:67px 4.6vw 0;width:100%;overflow:hidden}
.brands-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.brands-heading h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:42px;line-height:1;font-weight:700;letter-spacing:-1.4px;color:#000}
.brands-heading p{margin:17px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:9.7px;line-height:1.35;font-weight:600;color:#333}
.brands-heading>a{margin:17px 1.2vw 0 0;background:var(--green);color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:8.5px;padding:0;width:108px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:20px}
.brands-slider{overflow:hidden;width:100%;margin-top:43px}
.brands-track{display:flex;align-items:center;will-change:transform;transition:transform 600ms ease}
.brand-slide{height:78px;padding:0 22px;display:flex;align-items:center;justify-content:center;background:#fff}
.brand-slide img{display:block;max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}

/* CONTACT */
.contact-section{height:368px;display:grid;grid-template-columns:46.2% 53.8%;background:#fff;width:100%}
.contact-copy{background:var(--orange);color:#fff;padding:96px 60px 30px 7vw}
.contact-copy h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:45px;line-height:.96;font-weight:700;letter-spacing:-1px}
.mobile-with{display:none}
.contact-copy p{margin:25px 0 0;max-width:430px;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.42}
.contact-form-side{display:flex;align-items:flex-start;justify-content:center;padding-top:103px}
.contact-form{width:305px;display:flex;flex-direction:column;gap:6px;font-family:Arial,Helvetica,sans-serif}
.contact-form input,.contact-form textarea{width:100%;height:33px;border:1px solid #777e82;border-radius:0;background:#fff;color:#333;padding:6px 11px;font-size:13px;outline:none;resize:none;font-family:Arial,Helvetica,sans-serif}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.contact-form button{height:30px;border:0;border-radius:0;background:var(--orange);color:#000;font-size:12px;cursor:pointer;font-family:Arial,Helvetica,sans-serif}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* FOOTER */
.site-footer{height:305px;background:var(--green);color:#fff;position:relative;font-family:Arial,Helvetica,sans-serif;width:100%}
.footer-logo-wrap{position:absolute;left:4.7vw;top:78px;width:230px}
.footer-logo-wrap img{width:100%;height:auto}
.footer-contact{position:absolute;right:5.3vw;top:79px;text-align:right;font-size:13px;line-height:1.08}
.footer-contact p{margin:0 0 15px}
.footer-contact a{color:#fff;text-decoration:none}
.footer-contact .privacy-link{text-decoration:underline}
.footer-copy{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:8px}

/* PRODUCTS */
.products-hero{height:491px;position:relative;background:#fff;overflow:hidden;width:100%}
.products-hero-brown{position:absolute;left:50%;right:0;top:0;bottom:0;background:var(--brown)}
.products-hero-copy{position:absolute;left:5vw;top:143px;z-index:3}
.products-hero-copy h1{margin:0;color:var(--brown);font-size:52px;line-height:1.04;font-weight:400;letter-spacing:-1.7px}
.products-hero-copy a{display:flex;align-items:center;justify-content:center;margin-top:20px;background:var(--brown);color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:9px;width:112px;height:29px;border-radius:22px}
.products-hero-image{position:absolute;z-index:2;left:42.8vw;top:-27px;width:46vw;max-width:none;height:auto}
.coming-soon{height:191px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;width:100%}
.coming-soon h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:39px;line-height:1;font-weight:700}

/* PRIVACY */
.privacy-content{min-height:1575px;background:#fff;padding-top:8px}
.privacy-inner{width:940px;max-width:82vw;margin-left:12.5vw;font-family:Arial,Helvetica,sans-serif;color:#444;font-size:13.5px;line-height:1.34;padding-bottom:40px}
.privacy-inner h1{margin:0 0 54px;font-family:"Century Gothic","Avenir Next",Avenir,Arial,sans-serif;font-size:31px;line-height:1.2;font-weight:400;color:#333}
.privacy-inner h2{margin:27px 0 13px;font-size:15.5px;line-height:1.3;font-weight:400;color:#414141}
.privacy-inner h3{margin:18px 0 12px;font-size:13.5px;line-height:1.3;font-weight:400;color:#444}
.privacy-inner p{margin:0 0 17px}.privacy-inner ul{margin:0 0 17px;padding-left:39px}
.privacy-inner a{color:#ef5b74;text-decoration:none}.privacy-inner strong{font-weight:700}

@media (max-width:900px){
  body.menu-open{overflow-x:hidden;overflow-y:auto}
  .site-header{height:60px}
  .header-inner{height:60px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}
  .site-logo{position:static;width:35vw;max-width:102px}
  .menu-toggle{display:block;width:31px;height:31px;border:0;background:transparent;padding:6px;position:relative;z-index:31;cursor:pointer}
  .menu-toggle span{display:block;height:1.5px;background:#202020;margin:4px 0;transition:.2s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .main-nav{position:absolute;inset:auto 5vw auto auto;top:54px;width:150px;background:#fff;z-index:30;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:8px;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .main-nav a{padding:10px 12px}
  .main-nav .products-link{width:100%;height:36px;font-size:15px;padding:0;margin-top:4px}

  .home-hero{height:auto;overflow:visible;display:flex;flex-direction:column}
  .home-hero-green{position:relative;left:auto;right:auto;top:auto;bottom:auto;order:2;width:100%;height:108vw;max-height:420px;background:var(--green);overflow:hidden}
  .home-hero-copy{position:relative;left:auto;top:auto;order:1;width:100%;padding:28px 7vw 49px;z-index:3;background:#fff}
  .home-hero-copy h1{letter-spacing:-.5px}
  .home-hero-copy h1 span{font-size:8.8vw;line-height:1.04}
  .home-hero-copy h1 strong{font-size:13.5vw;line-height:1;margin-top:6px;letter-spacing:-.6px}
  .home-hero-copy p{width:100%;margin-top:8px;font-size:3.83vw;line-height:1.37}
  .home-hero-products{z-index:3;left:0;bottom:0;width:100%;height:auto;max-width:none;transform:none}

  .about-section{height:auto;display:flex;flex-direction:column}
  .about-copy{height:96.4vw;max-height:375px;padding:0;position:relative}
  .about-logo{left:7vw;top:10.5vw;width:86vw;max-width:none}
  .about-copy p{left:7vw;right:7vw;bottom:9.5vw;font-size:3.72vw;line-height:1.42}
  .about-building{height:82.9vw;max-height:324px}
  .about-building img{object-position:center top}

  .taam-section{height:auto;display:flex;flex-direction:column}
  .taam-panel{height:auto}
  .taam-left-panel{height:115vw;max-height:450px}
  .taam-right-panel{height:136.3vw;max-height:532px}
  .taam-ketchup{top:0;width:100%;max-width:none}
  .taam-red-logo{top:auto;bottom:12vw;width:114.5vw;max-width:none;transform:translateX(-50%);z-index:3}
  .taam-dairy-logo{top:11.2vw;width:113vw;max-width:none;z-index:4}
  .taam-cream{bottom:-7vw;width:96%;max-width:none;z-index:2}

  .brands-section{height:117vw;min-height:0;max-height:456px;padding:10vw 7vw 0}
  .brands-heading{gap:8px}
  .brands-heading>div{min-width:0}
  .brands-heading h2{font-size:13vw;line-height:.88;letter-spacing:-.6px;max-width:72vw}
  .brands-heading p{margin-top:7vw;font-size:3.35vw;line-height:1.45;max-width:80vw}
  .brands-heading>a{align-self:flex-end;margin:0 0 0 auto;width:32vw;height:8.7vw;font-size:3vw;flex:none}
  .brands-slider{margin-top:12vw}
  .brand-slide{height:16vw;padding:0 5vw}
  .brand-slide img{max-height:14vw}

  .contact-section{height:auto;display:flex;flex-direction:column}
  .contact-copy{height:71.5vw;max-height:279px;padding:7.2vw 7vw 0}
  .contact-copy h2{font-size:min(13.5vw,37px);line-height:.95;letter-spacing:-.5px}
  .contact-copy .with-word{display:none}
  .contact-copy .mobile-with{display:inline}
  .contact-copy p{margin-top:min(8vw,23px);max-width:100%;font-size:min(3.63vw,10px);line-height:1.43}
  .contact-form-side{height:86.5vw;max-height:337px;padding:9vw 7vw 0;display:block}
  .contact-form{width:100%;gap:4px}
  .contact-form-row{grid-template-columns:1fr;gap:4px}
  .contact-form input,.contact-form textarea{height:11.5vw;max-height:45px;padding:5px 11px;font-size:5.1vw}
  .contact-form button{height:10vw;max-height:39px;font-size:4.4vw}

  .site-footer{height:119vw;max-height:465px;min-height:230px}
  .footer-logo-wrap{left:50%;top:16vw;width:67%;transform:translateX(-50%)}
  .footer-contact{left:8%;right:8%;top:63vw;text-align:center;font-size:3.55vw;line-height:1.12}
  .footer-contact p{margin:0 0 4vw}
  .footer-copy{left:8%;right:8%;bottom:9vw;font-size:3vw;line-height:1.15}

  .products-hero{height:auto;overflow:visible;display:flex;flex-direction:column}
  .products-hero-brown{position:relative;left:auto;right:auto;top:auto;bottom:auto;order:2;width:100%;height:69.5vw;background:var(--brown);overflow:hidden}
  .products-hero-copy{position:relative;left:auto;top:auto;order:1;width:100%;padding:7vw 7vw 21vw;background:#fff;z-index:3}
  .products-hero-copy h1{font-size:8.4vw;line-height:1.02;letter-spacing:-.5px}
  .products-hero-copy a{margin-top:4vw;width:min(53vw,146px);height:min(13vw,36px);font-size:min(5.8vw,16px);border-radius:24px}
  .products-hero-image{z-index:3;left:-2vw;top:auto;bottom:0;width:103vw;max-width:none;height:auto}
  .coming-soon{height:44vw;max-height:172px}
  .coming-soon h2{font-size:13.8vw;line-height:1.02;text-align:center;max-width:80vw}

  .privacy-content{min-height:0;padding:34px 0 60px}
  .privacy-inner{width:auto;max-width:none;margin:0 7vw;font-size:10.5px;line-height:1.42;padding:0}
  .privacy-inner h1{font-size:25px;margin-bottom:35px}
  .privacy-inner h2{font-size:12.5px;margin:23px 0 10px}
  .privacy-inner h3{font-size:11px;margin:15px 0 9px}
  .privacy-inner p{margin-bottom:13px}.privacy-inner ul{padding-left:25px;margin-bottom:13px}
}

@media (min-width:901px) and (max-width:1100px){
  .home-hero-copy h1 span,.products-hero-copy h1{font-size:4.0vw}
  .home-hero-copy h1 strong{font-size:5.05vw}
  .home-hero-copy p{font-size:1.38vw;width:34vw}
}


/* Desktop proportional scaling: 1920px is the base composition, scaling uniformly up to 2700px. */
@media (min-width:1101px){
  .site-header{height:clamp(118px,6.145833vw,165.9375px)}
  .header-inner{height:clamp(118px,6.145833vw,165.9375px)}
  .site-logo{top:clamp(34px,1.770833vw,47.8125px);width:clamp(158px,8.229167vw,222.1875px)}
  .main-nav{top:clamp(41px,2.135417vw,57.6562px);gap:clamp(29px,1.510417vw,40.7812px);font-size:clamp(13.5px,.703125vw,18.9844px)}
  .main-nav .products-link{width:clamp(94px,4.895833vw,132.1875px);height:clamp(35px,1.822917vw,49.2188px);border-radius:clamp(2px,.104167vw,2.8125px)}

  .home-hero{height:clamp(491px,25.572917vw,690.4688px)}
  .home-hero-copy{top:clamp(75px,3.90625vw,105.4688px)}
  .home-hero-copy h1{letter-spacing:clamp(-2.3906px,-.088542vw,-1.7px)}
  .home-hero-copy h1 span{font-size:clamp(52px,2.708333vw,73.125px)}
  .home-hero-copy h1 strong{margin-top:clamp(17px,.885417vw,23.9062px);font-size:clamp(66px,3.4375vw,92.8125px);letter-spacing:clamp(-2.8125px,-.104167vw,-2px)}
  .home-hero-copy p{margin-top:clamp(52px,2.708333vw,73.125px);width:clamp(470px,24.479167vw,660.9375px);font-size:clamp(18px,.9375vw,25.3125px)}

  .about-section{height:clamp(440px,22.916667vw,618.75px)}
  .about-logo{top:clamp(64px,3.333333vw,90px)}
  .about-copy p{bottom:clamp(79px,4.114583vw,111.0938px);font-size:clamp(13.5px,.703125vw,18.9844px)}

  .taam-section,.taam-panel{height:clamp(664px,34.583333vw,933.75px)}

  .brands-section{height:clamp(344px,17.916667vw,483.75px);padding-top:clamp(67px,3.489583vw,94.2188px)}
  .brands-heading{gap:clamp(40px,2.083333vw,56.25px)}
  .brands-heading h2{font-size:clamp(42px,2.1875vw,59.0625px);letter-spacing:clamp(-1.9687px,-.072917vw,-1.4px)}
  .brands-heading p{margin-top:clamp(17px,.885417vw,23.9062px);font-size:clamp(9.7px,.505208vw,13.6406px)}
  .brands-heading>a{margin-top:clamp(17px,.885417vw,23.9062px);width:clamp(108px,5.625vw,151.875px);height:clamp(28px,1.458333vw,39.375px);font-size:clamp(8.5px,.442708vw,11.9531px);border-radius:clamp(20px,1.041667vw,28.125px)}
  .brands-slider{margin-top:clamp(43px,2.239583vw,60.4688px)}
  .brand-slide{height:clamp(78px,4.0625vw,109.6875px);padding-left:clamp(22px,1.145833vw,30.9375px);padding-right:clamp(22px,1.145833vw,30.9375px)}
  .brand-slide img{max-height:clamp(72px,3.75vw,101.25px)}

  .contact-section{height:clamp(368px,19.166667vw,517.5px)}
  .contact-copy{padding-top:clamp(96px,5vw,135px);padding-right:clamp(60px,3.125vw,84.375px);padding-bottom:clamp(30px,1.5625vw,42.1875px)}
  .contact-copy h2{font-size:clamp(45px,2.34375vw,63.2812px);letter-spacing:clamp(-1.4062px,-.052083vw,-1px)}
  .contact-copy p{margin-top:clamp(25px,1.302083vw,35.1562px);max-width:clamp(430px,22.395833vw,604.6875px);font-size:clamp(15px,.78125vw,21.0938px)}
  .contact-form-side{padding-top:clamp(103px,5.364583vw,144.8438px)}
  .contact-form{width:clamp(305px,15.885417vw,428.9062px);gap:clamp(6px,.3125vw,8.4375px)}
  .contact-form-row{gap:clamp(6px,.3125vw,8.4375px)}
  .contact-form input,.contact-form textarea{height:clamp(33px,1.71875vw,46.4062px);padding:clamp(6px,.3125vw,8.4375px) clamp(11px,.572917vw,15.4688px);font-size:clamp(13px,.677083vw,18.2812px)}
  .contact-form button{height:clamp(30px,1.5625vw,42.1875px);font-size:clamp(12px,.625vw,16.875px)}

  .site-footer{height:clamp(305px,15.885417vw,428.9062px)}
  .footer-logo-wrap{top:clamp(78px,4.0625vw,109.6875px);width:clamp(230px,11.979167vw,323.4375px)}
  .footer-contact{top:clamp(79px,4.114583vw,111.0938px);font-size:clamp(13px,.677083vw,18.2812px)}
  .footer-contact p{margin-bottom:clamp(15px,.78125vw,21.0938px)}
  .footer-copy{bottom:clamp(28px,1.458333vw,39.375px);font-size:clamp(8px,.416667vw,11.25px)}

  .products-hero{height:clamp(491px,25.572917vw,690.4688px)}
  .products-hero-copy{top:clamp(143px,7.447917vw,201.0938px)}
  .products-hero-copy h1{font-size:clamp(52px,2.708333vw,73.125px);letter-spacing:clamp(-2.3906px,-.088542vw,-1.7px)}
  .products-hero-copy a{margin-top:clamp(20px,1.041667vw,28.125px);font-size:clamp(9px,.46875vw,12.6562px);width:clamp(112px,5.833333vw,157.5px);height:clamp(29px,1.510417vw,40.7812px);border-radius:clamp(22px,1.145833vw,30.9375px)}
  .products-hero-image{top:clamp(-37.9688px,-1.40625vw,-27px)}
  .coming-soon{height:clamp(191px,9.947917vw,268.5938px)}
  .coming-soon h2{font-size:clamp(39px,2.03125vw,54.8438px)}

  .privacy-content{min-height:clamp(1575px,82.03125vw,2214.8438px);padding-top:clamp(8px,.416667vw,11.25px)}
  .privacy-inner{width:clamp(940px,48.958333vw,1321.875px);font-size:clamp(13.5px,.703125vw,18.9844px);padding-bottom:clamp(40px,2.083333vw,56.25px)}
  .privacy-inner h1{margin-bottom:clamp(54px,2.8125vw,75.9375px);font-size:clamp(31px,1.614583vw,43.5938px)}
  .privacy-inner h2{margin-top:clamp(27px,1.40625vw,37.9688px);margin-bottom:clamp(13px,.677083vw,18.2812px);font-size:clamp(15.5px,.807292vw,21.7969px)}
  .privacy-inner h3{margin-top:clamp(18px,.9375vw,25.3125px);margin-bottom:clamp(12px,.625vw,16.875px);font-size:clamp(13.5px,.703125vw,18.9844px)}
  .privacy-inner p{margin-bottom:clamp(17px,.885417vw,23.9062px)}
  .privacy-inner ul{margin-bottom:clamp(17px,.885417vw,23.9062px);padding-left:clamp(39px,2.03125vw,54.8438px)}
}

/* Freeze the 2700px composition on larger displays. */
@media (min-width:2701px){
  html{background:#fff}
  body{width:2700px;max-width:2700px;margin-left:auto;margin-right:auto}
  .site-logo{left:627.75px}
  .main-nav{right:349.65px}
  .home-hero-copy{left:135px}
  .home-hero-products{left:1067.85px;width:1083.51px}
  .about-logo{left:198.45px;width:923.4px}
  .about-copy p{left:135px;right:148.5px}
  .taam-ketchup{width:1070.55px}
  .taam-red-logo{width:980.1px}
  .taam-dairy-logo{width:1115.1px}
  .taam-cream{width:1020.6px}
  .brands-section{padding-left:124.2px;padding-right:124.2px}
  .brands-heading>a{margin-right:32.4px}
  .contact-copy{padding-left:189px}
  .footer-logo-wrap{left:126.9px}
  .footer-contact{right:143.1px}
  .products-hero-copy{left:135px}
  .products-hero-image{left:1155.6px;width:1242px}
  .privacy-inner{max-width:2214px;margin-left:337.5px}
}

/* Final reference-matching corrections */
.contact-title-first,
.contact-title-second{display:inline}
.contact-title-second::before{content:" "}
.contact-copy h2{white-space:nowrap}

/* Keep the Taam Tuv artwork at the original desktop proportions through 1920px. */
@media (min-width:1101px) and (max-width:1920px){
  .taam-ketchup{width:min(39.65vw,542px)}
  .taam-red-logo{width:min(36.3vw,496px);top:75%}
  .taam-dairy-logo{width:min(41.3vw,564px);top:3%;z-index:5}
  .taam-cream{width:min(37.8vw,425px);z-index:2}

  .site-logo{width:clamp(158px,9.114583vw,175px)}
  .main-nav{font-size:clamp(13.5px,.78125vw,15px);gap:clamp(29px,1.65vw,31.7px)}
  .main-nav .products-link{width:clamp(94px,5.416667vw,104px);height:clamp(35px,2.03125vw,39px)}

  .brands-heading>a{width:clamp(108px,7.552083vw,145px);height:clamp(28px,1.875vw,36px);font-size:clamp(8.5px,.572917vw,11px)}
}

/* From 1920px to 2700px, scale those corrected desktop proportions uniformly. */
@media (min-width:1921px) and (max-width:2700px){
  .taam-ketchup{width:28.229167vw}
  .taam-red-logo{width:25.833333vw;top:75%}
  .taam-dairy-logo{width:29.375vw;top:3%;z-index:5}
  .taam-cream{width:22.135417vw;z-index:2}

  .site-logo{width:9.114583vw}
  .main-nav{font-size:.78125vw;gap:1.65vw}
  .main-nav .products-link{width:5.416667vw;height:2.03125vw}

  .brands-heading>a{width:7.552083vw;height:1.875vw;font-size:.572917vw}
}

@media (min-width:2701px){
  .taam-ketchup{width:762.19px}
  .taam-red-logo{width:697.5px;top:75%}
  .taam-dairy-logo{width:793.13px;top:3%;z-index:5}
  .taam-cream{width:597.66px;z-index:2}

  .site-logo{width:246.09px}
  .main-nav{font-size:21.09px;gap:44.55px}
  .main-nav .products-link{width:146.25px;height:54.84px}

  .brands-heading>a{width:203.91px;height:50.63px;font-size:15.47px}
}

@media (max-width:900px){
  /* Match the original mobile Taam Tuv placements. */
  .taam-red-logo{top:auto;bottom:15.5vw;width:80vw;z-index:3}
  .taam-dairy-logo{top:6vw;width:76vw;z-index:5}
  .taam-cream{z-index:2}

  /* Two intentional lines on mobile: Get in Touch / With Us. */
  .contact-copy {
    padding: 10% 7% 9%;
    max-height: 280px;
    height: auto;
  }  
  
  .contact-copy h2{font-size:min(13vw,36px);line-height:.96;white-space:normal}
  .contact-title-first,
  .contact-title-second{display:block;white-space:nowrap}
  .contact-title-second::before{content:""}
  .contact-copy p{margin-top:min(4.5vw,13px);font-size:min(3.63vw,10px);line-height:1.43}

.contact-form-side {
    height: auto;
    max-height: 310px;
    padding: 8%;
  }

  /* Original mobile Brands layout: heading, copy, centered button, then slider. */
  .brands-section{height:102vw;max-height:398px;padding:9vw 7vw 0}
  .brands-heading{display:block}
  .brands-heading h2{font-size:12.6vw;line-height:.9;max-width:none}
  .brands-heading p{margin-top:5.5vw;font-size:3.25vw;line-height:1.45;max-width:100%}
  .brands-heading>a{margin:6vw auto 0;width:32vw;height:8.7vw;font-size:3vw}
  .brands-slider{margin-top:6.5vw}
  .brand-slide{height:15vw;padding:0 5vw}
  .brand-slide img{max-height:13vw}

  /* Keep the Products mobile hero aligned with the supplied reference. */
  .products-hero-copy{padding-bottom:19.5vw}
  
  .home-hero-green {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    order: 2;
    width: 100%;
    height: 100vw;
    max-height: 410px;
    background: var(--green);
    overflow: hidden;
  }
  
 .home-hero-copy {
    position: relative;
    left: auto;
    top: auto;
    order: 1;
    width: 100%;
    padding: 10% 7% 10% 7%;
    z-index: 3;
    background: #fff;
  }
  
 .taam-right-panel {
    height: 136.3vw;
    max-height: 450px;
  }
  
  .products-hero-copy {
    position: relative;
    left: auto;
    top: auto;
    order: 1;
    width: 100%;
    padding: 10% 7% 10% 7%;
    background: #fff;
    z-index: 3;
  }
  
  .footer-logo-wrap {
    left: 50%;
    top: 40px;
    width: 67%;
    transform: translateX(-50%);
  }
  
  .footer-contact {
    left: 8%;
    right: 8%;
    top: 176px;
    text-align: center;
    font-size: 3.55vw;
    line-height: 1.12;
  }
  
  .footer-copy {
    left: 8%;
    right: 8%;
    bottom: 20px;
    font-size: 3vw;
    line-height: 1.15;
  }
  
 .site-footer {
    height: 119vw;
    max-height: 405px;
    min-height: 0;
  }  
  
}