@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.root{--logo-main-height: 128px;--layout-max-width: 980px;--home-gap: 1.5rem}.home{min-height:100vh;width:100%;max-width:100vw;background:var(--color-background);display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.home__logo{height:var(--logo-main-height);margin:8rem 0 4rem;width:auto;max-width:100%;display:block}.home__logo-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:75%;padding:0 16px;box-sizing:border-box}.home-links{width:min(90%,var(--layout-max-width));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--home-gap)}.home-links__logo_food{height:230px;justify-self:end;margin-right:150px}.home-links__logo_life{height:37px;justify-self:center}.home-links__logo_recs{height:30px;justify-self:start;margin-left:130px}.home-links__logo_life:hover,.home-links__logo_recs:hover,.home-links__logo_food:hover{animation:scaleUp .3s ease-out forwards}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.5)}}.home-rolling-banner-container{width:100%;height:50px;overflow:hidden;margin-bottom:10px;margin-top:auto}.home-rolling-banner__image{white-space:nowrap;display:inline-block;animation:rollBanner 10s linear infinite}@keyframes rollBanner{0%{transform:translate(100%)}to{transform:translate(-100%)}}.home__footer{text-align:center;font-size:10px;color:var(--color-text-secondary);margin-top:0;padding:8px 0}@media(max-width:600px){:root{--logo-main-height: 72px}.home__logo{height:var(--logo-main-height);margin:3rem 0 4rem;max-width:100%}.home__logo-section{max-width:100%;padding:0 20px}.home-links{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.home-links__item{width:100%;justify-content:center;margin:0}.home-links__logo_food{height:160px;margin:0}.home-links__logo_life{height:37px;margin:15% 0 20%}.home-links__logo_recs{height:19px;margin:0}.home-rolling-banner-container{height:auto;margin-bottom:5%}.home-rolling-banner__image{height:40px;animation:rollBanner 15s linear infinite}}.food-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.food-layout:before{content:"";position:fixed;inset:0;background-color:var(--color-zsc-red);z-index:-1}.arrow{height:45px;width:auto;position:fixed;top:50px;left:50px;cursor:pointer;z-index:1000}.zsc-logo{width:400px;max-width:90vw;cursor:pointer;position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:1001;display:flex;align-items:center;justify-content:center}.food-tabs{display:flex;justify-content:flex-end;align-items:center;gap:32px;position:fixed;top:24px;right:16px;max-width:60vw;z-index:1000}.food-tabs a{text-decoration:none;color:var(--text-primary);padding:8px 16px}.food-tabs a:hover,.food-tabs__button:hover{color:var(--accent)}.food-tabs__button{background:none;border:none;color:var(--text-primary);padding:8px 16px;cursor:pointer;font:inherit;text-decoration:none}.food-tabs__button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.food-content{margin-top:30px;flex:1}@media(max-width:768px){.arrow{height:auto;width:10%;top:2%;left:3%;max-width:80px}.zsc-logo{height:auto;width:90vw;max-width:300px;top:50px}.food-tabs{gap:16px;right:8px;top:16px;max-width:70vw}.food-tabs a{padding:6px 12px;font-size:14px}.food-content{margin-top:30px}}.signup-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.signup-modal-content{background-color:var(--color-zsc-yellow);border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.signup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--color-zsc-red)}.signup-modal-header h1{font-size:var(--h3-font-size);line-height:var(--h3-line-height);color:var(--color-zsc-red);margin:0}.signup-modal-close{background:none;border:none;font-size:32px;line-height:1;color:var(--color-zsc-red);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.signup-modal-close:hover{color:var(--text-primary)}.signup-modal-close:focus{outline:2px solid var(--color-zsc-red);outline-offset:2px}.signup-modal-body{padding:24px}@media(max-width:768px){.signup-modal-overlay{padding:12px}.signup-modal-content{max-width:100%}.signup-modal-header{padding:16px 16px 12px}.signup-modal-header h2{font-size:20px}.signup-modal-body{padding:16px}.form-field input,.signup-submit-button{font-size:14px}}.signup-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:var(--color-zsc-red)}.form-field input{padding:12px;font-size:var(--p1-font-size);font-family:var(--font-body);letter-spacing:var(--p1-letter-spacing);border:1px solid var(--color-zsc-red);border-radius:4px;background-color:var(--color-zsc-yellow);color:var(--text-primary);transition:border-color .2s ease}.form-field input:focus{outline:none;border-color:var(--color-zsc-red)}.form-field input[aria-invalid=true]{border-color:#d32f2f}.form-field .error-message{font-size:14px;color:#d32f2f;margin-top:4px}.signup-submit-button{padding:12px 24px;font-size:var(--p1-font-size);font-family:var(--font-body);font-weight:500;letter-spacing:var(--p1-letter-spacing);background-color:var(--color-zsc-red);color:var(--color-zsc-yellow);border:none;border-radius:4px;cursor:pointer;transition:opacity .2s ease;margin-top:8px}.signup-submit-button:hover:not(:disabled){opacity:.9}.signup-submit-button:disabled{opacity:.6;cursor:not-allowed}.signup-submit-button:focus{outline:2px solid var(--color-zsc-red);outline-offset:2px}.status-message{margin-top:20px;padding:12px 16px;border-radius:4px;font-size:14px;text-align:center}.status-message.success-message{background-color:#e8f5e9;color:#2e7d32;border:1px solid #A5D6A7}.status-message.error-message{background-color:#ffebee;color:#c62828;border:1px solid #EF9A9A}.food-rnd-container{width:100%;max-width:1440px;min-height:70vh;margin:50px auto;padding:150px 100px;box-sizing:border-box;overflow-x:hidden;position:relative}.food-rnd-container:before{content:"";position:fixed;inset:0;background-color:var(--color-zsc-yellow);z-index:-1}.food-about-container{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;margin:0 auto;max-width:1000px;width:80%}.food-about-title{height:200px;width:auto;max-width:100%;margin:25px auto 32px}.food-about-heading{max-width:1000px;padding-left:16px;color:var(--color-zsc-yellow)}.food-about-spacer{display:block;height:24px}.food-about-heading h1{color:var(--color-zsc-yellow)}.food-about-heading a{color:var(--color-zsc-accent);text-decoration:underline;cursor:pointer}.food-about-heading a:hover{opacity:.8}.sign-up-link{background:none;border:none;color:var(--color-zsc-accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.sign-up-link:hover,.sign-up-link:focus-visible{opacity:.8}@media(max-width:768px){.food-about-container{width:100%;padding:0 16px;min-height:0vh}.food-about-title{height:auto;width:100%;max-width:30%;margin-bottom:40px;margin-top:10%}.food-about-heading{padding-left:0;font-size:1.5rem}.food-content{margin-top:30px}}.product{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.food-entry-card{display:flex;flex-direction:column;width:100%;max-width:240px;margin-bottom:10px}.food-entry-card img{width:100%;height:290px;aspect-ratio:unset;object-fit:cover;border-radius:14px;margin-bottom:.8rem}.food-entry-card .card-date{font-size:12px;color:var(--color-zsc-red);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.food-entry-card p{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0}.product.rec-entry-card{max-width:744px;width:100%;margin-bottom:40px;box-sizing:border-box}.product.rec-entry-card img{max-width:600px;max-height:350px;height:auto;margin-bottom:25px}.product.rec-entry-card h2{text-align:center;font-size:14px;color:var(--color-foreground);text-decoration:none;font-weight:700;margin-bottom:10px}.product.rec-entry-card p{color:var(--color-foreground);text-align:center;max-width:80%}a{color:var(--color-foreground);text-decoration:none}a:hover{color:var(--color-hover)}@media(max-width:768px){.product{width:100%}.product.rec-entry-card img{max-width:100%}}.featured-food-card{grid-column:span 4;grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:24px;padding:24px;justify-self:start;align-items:start;margin-bottom:35px}.featured-image-carousel{grid-column:1;grid-row:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-zsc-red) transparent}.featured-image-carousel::-webkit-scrollbar{height:8px}.featured-image-carousel::-webkit-scrollbar-track{background:transparent}.featured-image-carousel::-webkit-scrollbar-thumb{background:var(--color-zsc-red);border-radius:4px}.carousel-track{display:flex;gap:12px;padding-bottom:8px}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.carousel-slide img{width:100%;height:100%;object-fit:cover;max-height:100%;border-radius:4px}.featured-content{grid-column:2;grid-row:1;max-width:60%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 0 0 16px;align-self:end}.featured-content h2{font-size:1.8rem;margin:0 0 12px;color:var(--text-primary);font-weight:700}.featured-date{font-size:.9rem;color:#666;margin:0 0 16px}.featured-description{font-size:1rem;line-height:1.6;color:#333;margin:0}@media(max-width:1024px){.featured-food-card{grid-column:span 2;grid-row:span 2;grid-template-columns:1fr 1fr}}@media(max-width:768px){.featured-food-card{grid-column:span 1;grid-row:span auto;grid-template-columns:1fr 1fr;gap:16px}.featured-image-carousel{grid-column:auto;grid-row:auto;width:100%}.carousel-slide img{max-height:300px;width:100%;height:auto}.featured-content{padding:0;max-width:100%}.featured-content h2{font-size:16px;margin:0 0 6px}}.food-gallery-container{width:100%;max-width:1440px;min-height:70vh;margin:50px auto;padding:150px 0;box-sizing:border-box;overflow-x:hidden;position:relative}.food-gallery-container:before{content:"";position:fixed;inset:0;background-color:var(--color-zsc-yellow);z-index:-1}.food-gallery-container h1{margin:20px 0 80px 100px;font-size:2.5rem;color:var(--color-zsc-red)}.food-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:0px;row-gap:18px;padding:0 100px}@media(max-width:1024px){.food-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.food-gallery-container{width:100%;padding:100px 0 20px}.food-gallery-container h1{margin:0 0 32px 16px;font-size:1.5rem}.food-gallery-grid{grid-template-columns:1fr;row-gap:24px;padding:0 16px}.food-entry-card{min-height:auto}}.recs-page{display:grid;grid-template-columns:repeat(14,72px);column-gap:24px;grid-auto-rows:min-content;row-gap:30px;padding:40px;max-width:1440px;margin:0 auto;overflow-x:hidden;width:100%;box-sizing:border-box}.rotate-logo{height:45px;grid-column:1;grid-row:1;position:fixed;top:50px;cursor:pointer;animation:Logo-spin infinite 5s linear}.recs-header{grid-column:4 / span 7;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.recs-header-logo{height:127px;width:auto}.recs-header-text{max-width:600px}.line-break{display:block;height:16px}.prodContainer{grid-column:4 / span 8;grid-row:4;width:100%;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;gap:32px}.back-to-top{color:var(--color-foreground);text-decoration:underline;font-size:14px;position:fixed;right:120px;bottom:2px;z-index:1000;cursor:pointer}.back-to-top:hover{color:var(--color-hover)}.footer{grid-column:1 / -1;grid-row:6;text-align:center;color:var(--color-text-secondary)}@keyframes Logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.recs-page{grid-template-columns:repeat(4,1fr);column-gap:16px;padding:20px;width:95%}.rotate-logo{height:35px;top:20px;left:0;grid-column:1 / -1;grid-row:1;width:fit-content;margin-bottom:60px;position:relative}.recs-header{grid-column:1 / -1;grid-row:2;gap:50px;margin-bottom:30px}.recs-header-logo{height:auto;width:90%}.recs-header-text{max-width:88%;font-size:32px;line-height:1}.prodContainer{grid-column:1 / -1;grid-row:3;gap:24px}.back-to-top{right:20px;bottom:20px;padding:8px;border-radius:4px}.footer{grid-row:4;padding-bottom:40px}}:root{--color-background: #FFD9D0;--color-foreground: #656565;--color-hover: #D5D5D5;--text-primary: #000000;--text-muted: #979797;--accent: #656565;--font-size-base: 16px;--letter-spacing-base: .05em;--line-height-base: 1.1;--color-zsc-accent: #F2E8D0;--color-zsc-yellow: #F6DC5F;--color-zsc-red: #AC402B;--font-body: "Inter", system-ui, -apple-system, sans-serif;--h1-font-size: 36px;--h1-font-weight: 700;--h1-letter-spacing: -.035em;--h1-line-height: 1.1;--h2-font-size: 36px;--h2-font-weight: 400;--h2-letter-spacing: .05em;--h2-line-height: 1.1;--h3-font-size: 24px;--h3-font-weight: 400;--h3-letter-spacing: .05em;--h3-line-height: 1.2;--p1-font-size: 16px;--p1-font-weight: 400;--p1-letter-spacing: .05em;--p1-line-height: 1.4;--p2-font-size: 16px;--p2-font-weight: 700;--p2-letter-spacing: .05em;--p2-line-height: 1.4}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);letter-spacing:var(--h1-letter-spacing);line-height:var(--h1-line-height);color:var(--text-muted)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);line-height:var(--h3-line-height)}p{font-size:var(--p1-font-size);font-weight:var(--p1-font-weight);letter-spacing:var(--p1-letter-spacing);line-height:var(--p1-line-height)}.p-bold{font-size:var(--p2-font-size);font-weight:var(--p2-font-weight);letter-spacing:var(--p2-letter-spacing);line-height:var(--p2-line-height)}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{margin:0;background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);text-align:left}@media(max-width:768px){body{font-size:14px}}
