#content #hero{aspect-ratio:1440/720;width:100vw;height:720px;padding:110px 0 30px;display:flex;align-items:center;background:url(../img/homepage/hero_1920x960.jpg) no-repeat center/cover;background-image:image-set(url(../img/homepage/hero_1920x960.webp) type("image/webp"), url(../img/homepage/hero_1920x960.jpg) type("image/jpeg"));position:relative}#content #hero::before{content:"";position:absolute;inset:0;bottom:auto;height:150px;background:linear-gradient(180deg, var(--white) 0%, rgba(var(--white-rgb), 0) 100%)}#content #hero .container{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--white)}#content #hero .container h1{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--alt-font-family);font-size:clamp(48px,5.5vw,64px);font-weight:500;line-height:1;text-transform:uppercase}#content #hero .container h1 b{display:block;font-weight:700}#content #hero .container h1 b:after{content:"";display:block;background:url(../img/interface/line.svg) no-repeat center left;background-size:contain;height:15px}#content #hero .container p{font-family:var(--alt-font-family);font-size:clamp(32px,3.75vw,40px)}#content #hero .container a.btn{margin-top:40px}#content #about,#content #animals,#content #black_angus,#content #store{display:grid;position:relative}#content #about .content,#content #animals .content,#content #black_angus .content,#content #store .content{grid-column:2/3;padding-left:20px}#content #about figure,#content #animals figure,#content #black_angus figure,#content #store figure{position:absolute;inset:0}#content #about figure img,#content #animals figure img,#content #black_angus figure img,#content #store figure img{width:100%;height:100%;object-fit:cover}#content #about{background:var(--white);grid-template-columns:minmax(0, 1fr) minmax(0, 612px) minmax(0, 588px) minmax(0, 1fr)}#content #about .content{padding-right:130px}#content #about .content h2,#content #about .content h3,#content #about .content p.lead{color:var(--secondary-300)}#content #about figure{grid-column:3/-1}#content #animals{grid-template-columns:minmax(0, 1fr) minmax(0, 350px) minmax(0, 610px) minmax(0, 1fr)}#content #animals:after{content:"";grid-column:4/-1;position:absolute;inset:0;background:url(../img/homepage/animals/rooster.svg) no-repeat left center/272px}#content #animals .content{grid-column:3/4;padding-right:20px;padding-left:140px}#content #animals .content h2,#content #animals .content h3,#content #animals .content p.lead{color:var(--primary-500)}#content #animals figure{grid-column:1/3}#content #black_angus{background:var(--secondary-300);grid-template-columns:minmax(0, 1fr) minmax(0, 605px) minmax(0, 345px) minmax(0, 1fr)}#content #black_angus:after{content:"";grid-column:1/2;position:absolute;inset:0;background:url(../img/homepage/black_angus/cow.svg) no-repeat right center/443px}#content #black_angus .content{padding-left:15px;padding-right:30px}#content #black_angus .content h2,#content #black_angus .content h3,#content #black_angus .content p.lead{color:var(--tertiary-100)}#content #black_angus .content p{color:var(--white)}#content #black_angus figure{grid-column:3/-1}#content #products{padding:50px 0;background:url(../img/homepage/products/background.png) no-repeat center/cover;position:relative}#content #products::before{content:"";position:absolute;inset:0;bottom:auto;height:150px;background:linear-gradient(180deg, var(--white) 0%, rgba(var(--white-rgb), 0) 100%)}#content #products .container{position:relative;z-index:1}#content #products .container h2{color:var(--primary-500)}#content #products .container .grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:25px;margin:20px 0 50px}#content #products .container .grid+a{margin:0 auto}#content #products .container .grid .grid-item{display:flex;flex-direction:column;border-radius:22px;overflow:hidden}#content #products .container .grid .grid-item figure{aspect-ratio:212/180}#content #products .container .grid .grid-item figure img{width:100%;height:100%;object-fit:cover}#content #products .container .grid .grid-item .grid-item-content{flex:1;display:flex;flex-direction:column;gap:5px;background:var(--tertiary-100);padding:15px;padding-bottom:30px}#content #products .container .grid .grid-item .grid-item-content h3{color:var(--secondary-300)}#content #products .container .grid .grid-item .grid-item-content p{margin:0}#content #store{background:var(--white);grid-template-columns:minmax(0, 1fr) minmax(0, 376px) minmax(0, 824px) minmax(0, 1fr)}#content #store .content{grid-column:3/4;padding-right:20px;padding-left:120px}#content #store .content h2,#content #store .content h3,#content #store .content p.lead{color:var(--primary-500)}#content #store .content address{display:flex;font-family:var(--alt-font-family);font-size:24px;font-weight:700;font-style:normal;color:var(--primary-500);text-transform:uppercase}#content #store .content address div{flex:1}#content #store figure{grid-column:1/3}#content #partner{display:flex}#content #partner figure{flex:1}#content #partner figure img{width:100%;height:100%;object-fit:cover}#content #partner figure img+img{display:none}#content #gallery{display:grid;grid-template-columns:repeat(4, 1fr)}#content #gallery figure{height:460px}#content #gallery figure:first-child{grid-column:1/3}#content #gallery figure img{width:100%;height:100%;object-fit:cover}#content #cta{padding-top:50px}#content #cta:after{content:"";display:block;background:url(../img/interface/illustration.svg) no-repeat center/cover;aspect-ratio:1440/314}#content #cta .container h2,#content #cta .container h3{color:var(--primary-800)}#content #cta .container .grid{display:grid;align-items:center;grid-template-columns:repeat(3, 1fr)}#content #cta .container .grid .grid-item:nth-child(2){text-align:center;position:relative}#content #cta .container .grid .grid-item:nth-child(2):after{content:"";position:absolute;top:150%;left:85%;aspect-ratio:116/38;width:116px;background:url(../img/homepage/cta/arrow.svg) no-repeat center/cover}#content #cta .container .grid .grid-item:last-child a.btn{margin-left:auto}@media all and (max-width: 1200px){#content #hero{background-image:url(../img/homepage/hero_1024x512.jpg);background-image:image-set(url(../img/homepage/hero_1024x512.webp) type("image/webp"), url(../img/homepage/hero_1024x512.jpg) type("image/jpeg"))}}@media all and (max-width: 992px){#content #about,#content #animals,#content #black_angus,#content #store{display:flex;flex-direction:column}#content #about:after,#content #animals:after,#content #black_angus:after,#content #store:after{display:none}#content #about figure,#content #animals figure,#content #black_angus figure,#content #store figure{order:2;position:static}#content #products .container .grid{grid-template-columns:repeat(6, 1fr)}#content #products .container .grid .grid-item{grid-column:span 2}#content #products .container .grid .grid-item:nth-child(4){grid-row:2/3;grid-column:2/4}#content #products .container .grid .grid-item:nth-child(5){grid-row:2/3;grid-column:4/6}#content #partner figure img{display:none}#content #partner figure img+img{display:block}#content #cta .container .grid{grid-template-columns:1fr;gap:20px}#content #cta .container .grid .grid-item:nth-child(2){text-align:left}#content #cta .container .grid .grid-item:nth-child(2):after{top:20%;left:270px;aspect-ratio:37/60;width:37px;background-image:url(../img/homepage/cta/arrow_mobile.svg)}#content #cta .container .grid .grid-item:last-child{margin-top:30px}#content #cta .container .grid .grid-item:last-child a.btn{margin:0 auto}}@media all and (max-width: 768px){#content #hero{aspect-ratio:360/720;align-items:flex-end;background-image:url(../img/homepage/hero_360x720.jpg);background-image:image-set(url(../img/homepage/hero_360x720.webp) type("image/webp"), url(../img/homepage/hero_360x720.jpg) type("image/jpeg"))}#content #products{padding:40px 0}#content #products .container .grid{grid-template-columns:repeat(4, 1fr)}#content #products .container .grid .grid-item:nth-child(3),#content #products .container .grid .grid-item:nth-child(4){grid-row:2/3;grid-column:span 2}#content #products .container .grid .grid-item:nth-child(5){grid-row:3/4;grid-column:2/4}#content #gallery{grid-template-columns:1fr}#content #gallery figure{aspect-ratio:360/250;height:auto;grid-column:span 1 !important}#content #cta{padding-top:25px}}@media all and (max-width: 500px){#content #products .container .grid{grid-template-columns:1fr}#content #products .container .grid .grid-item{grid-column:span 1 !important;grid-row:auto !important}#content #store .content address{flex-direction:column}}