@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@font-face{font-family:Open Sans Condensed SemiBold;src:url(https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.eot);src:url(https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.woff) format("woff"),url(https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.ttf) format("truetype"),url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.svg#Open Sans Condensed SemiBold") format("svg")}@font-face{font-family:Proxima ExtraBold;font-style:normal;font-weight:400;src:url(/cdn/shop/files/ProximaNovaExtraCondensedExtrabold.otf?v=1738142228)}@font-face{font-family:Proxima Bold;font-style:normal;font-weight:400;src:url(/cdn/shop/files/ProximaNovaExtraCondensedBold.otf?v=1738142228)}@font-face{font-family:Proxima Light;font-style:normal;font-weight:400;src:url(/cdn/shop/files/Proxima_Nova_Extra_Condensed_Regular.otf?v=1738177900)}@font-face{font-family:Rosemary;font-style:normal;font-weight:400;src:url(/cdn/shop/files/TAYRosemary.otf?v=1743984403)}:root{--color-primary-blue: #0d3c5b;--color-primary-green: #8b9a3b;--color-accent-orange: #e35b2f;--color-background-cream: #e9e4d7;--color-background-light: #f5f2e4;--color-background-muted: #f1eeeb;--color-green-light: #a3a678;--color-text-dark: #333;--color-text-light: #666;--color-white: #ffffff;--font-display: "Rosemary", serif;--font-heading: "Proxima ExtraBold", "Proxima Bold", sans-serif;--font-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-body-condensed: "Open Sans Condensed SemiBold", "Open Sans", sans-serif;--font-accent: "Proxima Light", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--text-6xl: clamp(3.75rem, 3rem + 3.75vw, 5rem);--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.6;--leading-loose: 1.8;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .1em;--tracking-widest: .15em;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800}.yoli-display-1{font-family:var(--font-display);font-size:var(--text-6xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1.5rem}.yoli-display-2{font-family:var(--font-display);font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1.25rem}.yoli-h1{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1.5rem}.yoli-h2{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1.25rem}.yoli-h3{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-wide);font-weight:var(--font-extrabold);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1rem}.yoli-h4{font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);font-weight:var(--font-bold);color:var(--color-primary-blue);margin:0 0 .75rem}.yoli-h5{font-family:var(--font-body-condensed);font-size:var(--text-lg);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);font-weight:var(--font-semibold);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 .5rem}.yoli-h6{font-family:var(--font-body-condensed);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);font-weight:var(--font-semibold);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 .5rem}.yoli-subtitle{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;white-space:nowrap;margin:0}.yoli-subtitle-sm{font-family:var(--font-display);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;white-space:nowrap;margin:0}.yoli-body-lg{font-family:var(--font-body-condensed);font-size:var(--text-lg);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-text-dark);margin:0 0 1.25rem}.yoli-body{font-family:var(--font-body-condensed);font-size:var(--text-base);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-text-dark);margin:0 0 1rem}.yoli-body-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-text-light);margin:0 0 .75rem}.yoli-lead{font-family:var(--font-body-condensed);font-size:var(--text-xl);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-medium);color:var(--color-text-dark);margin:0 0 1.5rem}.yoli-caption{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);font-weight:var(--font-normal);color:var(--color-text-light);margin:0}.yoli-quote{font-family:var(--font-body-condensed);font-size:var(--text-lg);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-text-dark);font-style:italic;margin:0}.yoli-btn-text-lg{font-family:var(--font-body-condensed);font-size:var(--text-lg);line-height:var(--leading-tight);letter-spacing:var(--tracking-wider);font-weight:var(--font-semibold);text-transform:uppercase}.yoli-btn-text{font-family:var(--font-body-condensed);font-size:var(--text-base);line-height:var(--leading-tight);letter-spacing:var(--tracking-wider);font-weight:var(--font-semibold);text-transform:uppercase}.yoli-btn-text-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);font-weight:var(--font-medium);text-transform:uppercase}.yoli-text-highlight{color:var(--color-accent-orange)!important}.yoli-text-green{color:var(--color-primary-green)!important}.yoli-text-light-green{color:var(--color-green-light)!important}.yoli-text-white{color:var(--color-white)!important}.yoli-text-muted{color:var(--color-text-light)!important}.yoli-title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-primary-blue);text-transform:uppercase;margin:0 0 1.25rem}.yoli-description{font-family:var(--font-body-condensed);font-size:var(--text-base);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);color:var(--color-text-dark);margin:0 0 1rem}.yoli-highlight{color:var(--color-accent-orange)!important}.yoli-highlight-green{color:var(--color-primary-green)!important}.yoli-font-light{font-weight:var(--font-light)!important}.yoli-font-normal{font-weight:var(--font-normal)!important}.yoli-font-medium{font-weight:var(--font-medium)!important}.yoli-font-semibold{font-weight:var(--font-semibold)!important}.yoli-font-bold{font-weight:var(--font-bold)!important}.yoli-tracking-tight{letter-spacing:var(--tracking-tight)!important}.yoli-tracking-normal{letter-spacing:var(--tracking-normal)!important}.yoli-tracking-wide{letter-spacing:var(--tracking-wide)!important}.yoli-tracking-wider{letter-spacing:var(--tracking-wider)!important}.yoli-tracking-widest{letter-spacing:var(--tracking-widest)!important}.yoli-uppercase{text-transform:uppercase!important}.yoli-lowercase{text-transform:lowercase!important}.yoli-capitalize{text-transform:capitalize!important}.yoli-normal-case{text-transform:none!important}.yoli-mb-0{margin-bottom:0!important}.yoli-mb-1{margin-bottom:.5rem!important}.yoli-mb-2{margin-bottom:1rem!important}.yoli-mb-3{margin-bottom:1.5rem!important}.yoli-mb-4{margin-bottom:2rem!important}.yoli-mt-0{margin-top:0!important}.yoli-mt-1{margin-top:.5rem!important}.yoli-mt-2{margin-top:1rem!important}.yoli-mt-3{margin-top:1.5rem!important}.yoli-mt-4{margin-top:2rem!important}.yoli-on-dark{color:var(--color-white)}.yoli-on-dark.yoli-text-muted{color:#ffffffb3!important}.yoli-section{background-color:var(--color-background-cream);width:100%;padding:4rem 2rem;box-sizing:border-box}.yoli-container{display:flex;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;padding:0;background-color:var(--color-background-light);border-radius:18px;overflow:hidden}.yoli-container--stretch{align-items:stretch;gap:0;min-height:500px}.yoli-container--no-border{border-radius:0!important}.yoli-text-content{flex:1;min-width:300px;padding:3rem}.yoli-text-content--right-align{text-align:right}.yoli-text-content--center{display:flex;flex-direction:column;justify-content:center}.yoli-image-content{flex:1}.yoli-image-content img{width:100%;height:auto;display:block;border-radius:15px}.yoli-subtitle-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.yoli-subtitle-wrapper:after{content:"";height:1px;width:100%;background-color:var(--color-primary-blue)}.yoli-subtitle-wrapper--right{justify-content:flex-end;flex-direction:row-reverse}.yoli-button{background-color:var(--color-primary-blue);color:var(--color-white);border:none;padding:15px 35px;font-family:Open Sans Condensed SemiBold,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;border-radius:30px;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block;text-align:center}.yoli-button:hover{background-color:#1a4f70}.yoli-button--orange{background-color:var(--color-accent-orange)}.yoli-button--orange:hover{background-color:#b8541a}.yoli-badge{position:absolute;top:2rem;right:2rem;background-color:var(--color-primary-blue);color:var(--color-white);padding:.5rem 1rem;border-radius:20px;transform:rotate(15deg);z-index:4}.yoli-badge-text{font-family:Rosemary,serif;font-size:24px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary-blue)}.yoli-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.yoli-visual-green{background:var(--color-green-light);flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 3rem}.yoli-visual-blue{background-color:var(--color-primary-blue);padding:4rem 2rem}.yoli-visual-blue .yoli-container{background-color:var(--color-background-light);border-radius:25px;padding:0;max-width:1100px;margin:0 auto}.yoli-philosophy-content{padding:4rem 3rem;text-align:center}.yoli-philosophy-text{font-family:Open Sans Condensed SemiBold,sans-serif;font-size:28px;color:var(--color-text-dark);line-height:1.4;margin:0 0 2rem;font-weight:400}.yoli-philosophy-text:last-child{margin-bottom:0}.yoli-heritage-text{font-family:Open Sans Condensed,sans-serif!important;font-size:14px!important}.yoli-features{margin-top:2rem}.yoli-features .yoli-description{margin:.5rem 0;font-weight:500}@media (min-width: 1100px){.yoli-subtitle{font-size:22px}.yoli-title{font-size:32px}.yoli-description{font-size:20px}.yoli-heritage-text{font-size:15px!important}}@media (max-width: 1024px){.yoli-container{gap:2rem}.yoli-subtitle{font-size:16px}.yoli-title{font-size:20px}.yoli-description{font-size:14px}.yoli-heritage-text{font-size:12px!important}.yoli-text-content{padding:3rem 2rem}}@media (max-width: 700px){.yoli-container{flex-direction:column;gap:2rem}.yoli-text-content--right-align{text-align:left}.yoli-subtitle-wrapper--right{justify-content:flex-start;flex-direction:row}.yoli-subtitle{font-size:14px}.yoli-title{font-size:18px}.yoli-description{font-size:12px}.yoli-heritage-text{font-size:10px!important}.yoli-grid-2x2{grid-template-columns:1fr;gap:1rem}.yoli-text-content{padding:2rem 1.5rem}}@media (max-width: 480px){.yoli-section{padding:2rem 1rem}.yoli-subtitle{font-size:12px}.yoli-title{font-size:16px}.yoli-description{font-size:11px}.yoli-heritage-text{font-size:9px!important}}.yoli-text-center{text-align:center}.yoli-text-right{text-align:right}.yoli-text-left{text-align:left}.yoli-mb-0{margin-bottom:0}.yoli-mb-1{margin-bottom:1rem}.yoli-mb-2{margin-bottom:2rem}.yoli-mt-0{margin-top:0}.yoli-mt-1{margin-top:1rem}.yoli-mt-2{margin-top:2rem}.yoli-p-0{padding:0}.yoli-p-1{padding:1rem}.yoli-p-2{padding:2rem}.yoli-p-3{padding:3rem}.yoli-p-4{padding:4rem}.yoli-recipe-card{position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease}.yoli-recipe-card:hover{transform:scale(1.02)}.yoli-recipe-image{width:100%;height:auto;object-fit:contain;transition:opacity .3s ease;display:block}.yoli-product-showcase{flex:1;background-color:var(--color-accent-orange);padding:0;display:flex;flex-direction:column;border-radius:18px 18px 18px 0;position:relative;overflow:hidden}.yoli-curved-header{position:absolute;top:20px;left:0;right:0;text-align:center;z-index:3}.yoli-cta-title{font-family:Rosemary,serif;font-size:32px;color:var(--color-primary-blue);margin:0;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.yoli-hover-scale{transition:transform .3s ease}.yoli-hover-scale:hover{transform:scale(1.05)}.yoli-fade-in{opacity:0;animation:fadeIn .6s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yoli-design-system.css.map */