*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-family:"trasandina",sans-serif;background:#fff;color:#000}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline;color:inherit}.header-1{font-size:clamp(2.625rem,1.449rem + 5.88vw,11.25rem);font-weight:900;line-height:110%;text-transform:uppercase}.header-2{font-size:clamp(1.5rem,1.023rem + 2.386vw,5rem);font-weight:900;line-height:1.2;text-transform:uppercase}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .3s ease-out,transform .3s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(10px,4.3vw,43px)}header .logo-left,footer .logo-left{width:100%;height:100%;max-width:min(82px,8.2vw);max-height:min(76px,7.6vw)}header .logo-center,footer .logo-center{width:100%;height:100%;max-width:min(346px,34.6vw);max-height:min(45px,4.5vw)}header .logo-right,footer .logo-right{width:100%;height:100%;max-width:min(100px,10vw);max-height:min(62px,6.2vw)}.hero{width:100%;position:relative}.hero img{width:100%;height:calc(100vh - 162px);object-fit:cover;object-position:center;min-height:500px}.hero .hero-overlay{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:fit-content;height:fit-content;padding:60px}.hero .hero-overlay .hero-title{color:#fff;text-align:center;font-style:italic}.hero .hero-overlay .hero-svg{width:100%;height:100%;max-width:1766px;max-height:234px}@media screen and (max-width: 768px){.hero .hero-overlay{padding:20px}.hero .hero-overlay .hero-svg{height:auto}}.intro{padding:clamp(20px,20vw,200px) 20px;display:flex;flex-direction:column;align-items:center;gap:60px;font-size:clamp(1.625rem,1.257rem + 1.571vw,3.875rem);line-height:100%}.intro .intro-text{font-weight:500;text-align:center;max-width:clamp(20rem,7.303rem + 63.485vw,113.125rem);line-height:1.26}.intro .intro-hashtag{font-weight:700;display:flex;align-items:center;justify-items:center;flex-direction:row}.intro .intro-hashtag span{display:inline-flex;align-items:center}.intro .intro-hashtag svg{width:100%;height:100%;max-width:100%}@media screen and (max-width: 768px){.intro .intro-hashtag{flex-direction:column}.intro .intro-hashtag span{justify-content:center}.intro .intro-hashtag svg{max-width:80%}}.video{position:relative;background:linear-gradient(to bottom, black 60%, white 40%)}.video .collage{width:100%;padding-top:0}@media screen and (max-width: 768px){.video .collage{padding-top:60px}}.video .title-overlay{position:absolute;top:6%;left:0;right:0;margin:0 auto;padding:0 20px;color:#fff;text-align:center}.video .video-container{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:65vw;max-width:100%;height:fit-content;padding-top:0}.video .video-container iframe{width:100%;height:37vw;padding:clamp(.375rem,.256rem + .597vw,1.25rem);background:#fff}@media screen and (max-width: 768px){.video .video-container{width:80vw;padding-top:60px}.video .video-container iframe{height:45vw}}.rules{padding:clamp(20px,20vw,200px) 20px clamp(0px,20vw - 100px,200px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px}.rules .rules-title{font-weight:800;text-align:center;font-style:italic}.rules .row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:clamp(6.25rem,5.398rem + 4.261vw,12.5rem);font-size:clamp(1.5rem,1.176rem + 1.619vw,3.875rem);font-weight:400;line-height:100%}@media(max-width: 777px){.rules .row{flex-direction:column;gap:2rem}}.rules .row .column{display:flex;flex-direction:column;align-items:flex-start;gap:26px}@media(max-width: 777px){.rules .row .column{min-width:min(330px,90vw)}}.rules .row .right,.rules .row .wrong{display:flex;align-items:center;gap:clamp(1.25rem,1.131rem + .597vw,2.125rem)}.rules .row .right svg,.rules .row .wrong svg{width:clamp(2.75rem,2.58rem + .852vw,4rem);height:clamp(2.75rem,2.58rem + .852vw,4rem);flex-shrink:0}.food-drive{background:url("assets/papertexture.webp") no-repeat;background-size:cover;display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:clamp(240px,30vw,500px) clamp(20px,8vw,200px) clamp(100px,30vw,300px) clamp(20px,8vw,200px);gap:clamp(30px,5vw,100px)}.food-drive .food-drive-left{width:50%;display:flex;flex-direction:column;align-items:flex-end}.food-drive .food-drive-left img{width:100%;height:auto;max-width:704px}.food-drive .food-drive-right{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.food-drive .food-drive-right .food-drive-title{text-align:left;font-style:italic;line-height:1;padding-bottom:40px}.food-drive .food-drive-right .food-drive-text{font-size:clamp(1.625rem,1.257rem + 1.571vw,3.875rem);line-height:100%;font-weight:500;text-align:left;line-height:1.26;padding-bottom:60px}.food-drive .food-drive-right .food-drive-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.food-drive .food-drive-right .food-drive-buttons a{text-transform:uppercase;text-decoration:none;font-size:clamp(1.438rem,.856rem + 1.212vw,2.875rem);font-weight:600;line-height:1;border-radius:100px;padding:clamp(.813rem,.484rem + .685vw,1.625rem) clamp(1.25rem,.744rem + 1.054vw,2.5rem) clamp(.625rem,.372rem + .527vw,1.25rem) clamp(1.25rem,.744rem + 1.054vw,2.5rem);border:1px solid #000;background:rgba(0,0,0,0);color:#000;transition:all .25s ease-in-out;display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.625rem,.372rem + .527vw,1.25rem);width:fit-content;flex-shrink:0}.food-drive .food-drive-right .food-drive-buttons a:hover{background:#000;color:#fff;transition:all .25s ease-in-out}.food-drive .food-drive-right .food-drive-buttons a:hover svg path{fill:#fff;transition:all .25s ease-in-out}.food-drive .food-drive-right .food-drive-buttons svg{width:clamp(1.25rem,.744rem + 1.054vw,2.5rem);height:clamp(1.25rem,.744rem + 1.054vw,2.5rem);flex-shrink:0;transition:all .25s ease-in-out}@media screen and (max-width: 1024px){.food-drive{flex-direction:column}.food-drive .food-drive-left{width:100%;align-items:center}.food-drive .food-drive-right{width:100%}.food-drive .food-drive-right .food-drive-title{padding-bottom:20px}.food-drive .food-drive-right .food-drive-text{padding-bottom:40px}}footer{background:#000}/*# sourceMappingURL=styles.css.map */