@layer atoms{file-input{display:block;position:relative}file-input input[type=file]{cursor:pointer;opacity:0;block-size:100%;inline-size:100%;position:absolute;inset:0}file-input .file-display-text{inline-size:100%;color:color-mix(in oklab, currentcolor, transparent 40%);pointer-events:none;border:1px solid var(--color-border-darker);padding:12px 16px;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.916%209.44482L15.8327%209.44482L15.8327%2016.0815L4.16602%2016.0815L4.16602%209.44482L7.08268%209.44482'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3cpath%20d='M4.5%206.5L5.46937%207.46937L9.3125%203.63313V12L10.6875%2012V3.63313L14.5306%207.46937L15.5%206.5L10%201L4.5%206.5Z'%20fill='black'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-inline-end:3rem;display:block}file-input.has-file .file-display-text{color:currentColor;background-image:none}.clear-button{z-index:1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:.875rem}.clear-button img{block-size:1.5rem;inline-size:1.5rem}.tooltip{cursor:help;flex-shrink:0;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;display:inline-flex;position:relative}.tooltip svg{block-size:100%;inline-size:100%}.tooltip:after{z-index:2;visibility:hidden;color:#fff;pointer-events:none;content:attr(data-tooltip);background:var(--color-primary-foreground);opacity:0;border-radius:.125rem;inline-size:max-content;max-inline-size:15rem;padding:.75rem;font-size:.8125rem;line-height:1.35;transition:opacity .2s,visibility .2s;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}@media (min-width:48rem){.tooltip:after{inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}}.tooltip:before{z-index:3;visibility:hidden;content:"";border-color:transparent transparent var(--color-primary-foreground) transparent;opacity:0;border-style:solid;border-width:.375rem;transition:opacity .2s,visibility .2s;position:absolute;inset-block-start:calc(100% - .1875rem);inset-inline-start:50%;transform:translate(-50%)}@media (min-width:48rem){.tooltip:before{border-color:transparent var(--color-primary-foreground) transparent transparent;inset-block-start:50%;inset-inline-start:calc(100% - .1875rem);transform:translateY(-50%)}}.tooltip:hover:after,.tooltip:hover:before{visibility:visible;opacity:1}}@layer organisms{body.guide-active .header,body.guide-active .footer{display:none}.caviar-guide{z-index:101;background:var(--color-secondary-background);grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}@media not (min-width:64rem){.caviar-guide{grid-template-columns:1fr}}.caviar-guide.is-hidden{visibility:hidden;pointer-events:none;display:none;position:static}.caviar-guide-close{justify-content:flex-end;block-size:2.5rem;inline-size:2.5rem;margin-inline-start:auto;display:flex}.caviar-guide-image{background:var(--color-secondary-background);place-items:center;display:grid;position:relative;overflow:hidden}@media not (min-width:64rem){.caviar-guide-image{display:none}}.caviar-guide-image>img:not(.caviar-guide-logo){object-fit:cover;block-size:100%;inline-size:100%}.caviar-guide-logo{z-index:2;inline-size:5rem;position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem}.caviar-guide-header{justify-content:space-between;align-items:center;block-size:3rem;display:flex}.caviar-guide-form{padding:var(--page-gutter);flex-direction:column;display:flex;position:relative;overflow-y:auto}@media (min-width:64rem){.caviar-guide-form{gap:.625rem}}.caviar-guide-progress{flex:1;align-items:center;gap:1rem;display:flex}.caviar-guide-progress-counter{letter-spacing:1.2px;flex-shrink:0;font-size:.75rem}.caviar-guide-progress-track{background:var(--color-border-darker);border-radius:.125rem;flex:1;block-size:.0625rem;position:relative;overflow:hidden}.caviar-guide-progress-bar{background:#000;border-radius:.1875rem;block-size:100%;inline-size:0;transition:inline-size .3s cubic-bezier(.4,0,.2,1);position:absolute;inset-block-start:0;inset-inline-start:0}.caviar-guide-back{text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;align-items:center;gap:.5rem;font-size:.75rem;display:none}.caviar-guide-back.is-visible{display:flex}.caviar-guide-back svg{block-size:1rem;inline-size:1rem;transform:rotate(-180deg)}.caviar-guide-questions{flex-direction:column;flex:1;display:flex}.caviar-guide-step{flex-direction:column;min-block-size:100%;animation:.5s fadeSlideIn;display:none}.caviar-guide-step[data-active=true]{display:flex}@keyframes fade-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.caviar-guide-step-content{flex-direction:column;flex:1;gap:.625rem;max-inline-size:70vh;display:flex}.caviar-guide-description{color:var(--color-secondary-foreground);font-size:1rem;line-height:1.6}.caviar-guide-field{padding-block:var(--fluid-24-32);flex-direction:column;gap:1.5rem;display:flex}.caviar-guide-field .quantity-selector{border:1px solid var(--color-border-darker)}@media (min-width:64rem){.caviar-guide-field .quantity-selector{padding-block:1rem}}.caviar-guide-field .quantity-selector input{inline-size:auto;font-family:var(--font-title);font-size:var(--fluid-32-48);font-weight:700;line-height:1}.caviar-guide-field .quantity-selector button{block-size:4.375rem;inline-size:4.375rem}.caviar-guide-field .quantity-selector svg{inline-size:2rem}.caviar-guide-field-label{max-inline-size:30ch;font-family:var(--font-title);color:var(--color-primary-foreground);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2}.caviar-guide-dual-range{block-size:2rem;inline-size:18.125rem;position:relative}.caviar-guide-dual-range input:not([type=checkbox]){border:0}.caviar-guide-slider-track{background:var(--color-border-darker);border-radius:.125rem;block-size:.0625rem;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.caviar-guide-slider-range{background:#000;border-radius:.125rem;block-size:.0625rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.caviar-guide-range-input{z-index:2;appearance:none;pointer-events:none;cursor:pointer;border-radius:0;outline:none;block-size:.125rem;inline-size:100%;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.caviar-guide-range-input::-webkit-slider-thumb{z-index:3;appearance:none;pointer-events:auto;cursor:grab;background:#eff3fa;border:1.5px solid #000;border-radius:50%;block-size:1rem;inline-size:1rem;position:relative}.caviar-guide-range-input::-webkit-slider-thumb:active{cursor:grabbing}.caviar-guide-range-input::-moz-range-thumb{z-index:3;appearance:none;pointer-events:auto;cursor:grab;background:#eff3fa;border:1.5px solid #000;border-radius:50%;block-size:1rem;inline-size:1rem;position:relative}.caviar-guide-range-input::-moz-range-thumb:active{cursor:grabbing}.caviar-guide-range-input::-webkit-slider-runnable-track{appearance:none;background:0 0;border:none}.caviar-guide-range-input::-moz-range-track{appearance:none;background:0 0;border:none}.caviar-guide-range-labels{justify-content:space-between;inline-size:18.125rem;font-size:.625rem;line-height:135%;display:flex}.caviar-guide-range-labels p:last-child{text-align:end}.caviar-guide-range-labels span{font-family:var(--font-title);font-size:var(--fluid-22-26);font-weight:700}@media (min-width:64rem){.caviar-guide-range-labels span{font-size:var(--fluid-large-26-32)}}.caviar-guide-options{gap:1.5rem;display:flex}.caviar-guide-options[data-variant=text]{flex-direction:column;align-items:flex-start}.caviar-guide-options[data-variant=aromas]{grid-template-columns:repeat(4,minmax(0,max-content));gap:1.5rem;display:grid}@media not (min-width:64rem){.caviar-guide-options[data-variant=aromas]{grid-template-columns:repeat(3,minmax(0,max-content))}}.caviar-guide-option[data-variant=text]{align-items:center;gap:.5rem;display:flex;position:relative}.caviar-guide-option[data-variant=text] input[type=checkbox],.caviar-guide-option[data-variant=text] input[type=radio]{appearance:none;cursor:pointer;border:1px solid var(--color-border-darker);background:0 0;flex-shrink:0;block-size:1.25rem;inline-size:1.25rem;transition:background .2s;position:relative}.caviar-guide-option[data-variant=text] input[type=checkbox]:checked,.caviar-guide-option[data-variant=text] input[type=radio]:checked{background:#000}.caviar-guide-option[data-variant=text]>svg{pointer-events:none;opacity:0;block-size:1.25rem;inline-size:1.25rem;padding:.25rem;transition:opacity .2s;position:absolute;inset-block-start:0;inset-inline-start:0}.caviar-guide-option[data-variant=text]>svg path{stroke:#fff}.caviar-guide-option[data-variant=text] input[type=checkbox]:checked+svg,.caviar-guide-option[data-variant=text] input[type=radio]:checked+svg{opacity:1}.caviar-guide-option[data-variant=text] .caviar-guide-option-content{flex:1;align-items:center;gap:.5rem;display:flex}.caviar-guide-option[data-variant=image]{cursor:pointer;flex-direction:column;align-items:center;gap:.75rem;display:flex}.caviar-guide-option[data-variant=image] span.product-grain-icon{border:1px solid #a8b3c9;border-radius:50%;place-items:center;block-size:5rem;inline-size:5rem;transition:border-color .2s;display:grid}.caviar-guide-option[data-variant=image] span.product-grain-icon img{object-fit:contain;block-size:80%;inline-size:80%}.caviar-guide-option[data-variant=image] input{display:none}.caviar-guide-option[data-variant=image] input:checked+span{background-color:#bfc9dd;border-color:#000}.caviar-guide-actions{align-items:center;gap:1rem;padding-block-start:2rem;display:flex}.caviar-guide-actions .button{flex-shrink:0;inline-size:fit-content}.caviar-guide-results{display:none}.caviar-guide-results.is-active{display:block}.guide-results-best{padding-block:var(--section-wrapper);padding-inline:var(--page-gutter);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.guide-results-best .heading{max-inline-size:none;padding-block:1rem var(--fluid-24-32)}@media (min-width:64rem){.guide-results-best .heading{text-align:center}}.guide-results-quantity{padding-block-end:var(--fluid-24-40)}@media (min-width:64rem){.guide-results-quantity{text-align:center}}.guide-results-other,.guide-results-challenge{padding-inline:var(--page-gutter);background-color:var(--color-secondary-background)}:is(.guide-results-other,.guide-results-challenge) .heading{max-inline-size:none;padding-block:1rem var(--fluid-24-40)}@media (min-width:64rem){:is(.guide-results-other,.guide-results-challenge) .heading{text-align:center}}.guide-results-other{padding-block:var(--section-wrapper);overflow:clip}.guide-results-other swiper-container{z-index:0;position:relative;overflow:visible}.guide-results-other swiper-container::part(container){overflow:visible}@media (min-width:64rem){.guide-results-other swiper-container::part(wrapper){justify-content:center}}.guide-results-challenge{grid-template-columns:1fr;padding-block-end:var(--section-wrapper);display:grid}@media (min-width:48rem){.guide-results-challenge{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.guide-results-challenge{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-results-challenge h2{grid-area:1/span 3}.guide-results-challenge .guide-results-quantity{grid-area:2/span 3}.guide-results-challenge>div{grid-row:3}@media (min-width:64rem){.guide-results-challenge>div{grid-column:2}}.guide-product-carousel{padding-block:var(--section-wrapper);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-block:0!important}.commitment-timeline{padding-inline:var(--page-gutter);margin-block:var(--section-wrapper);overflow-x:clip}.commitment-timeline>:is(swiper-container)::part(container){overflow:visible}.commitment-timeline>div{justify-content:space-between;align-items:flex-end;margin-block-end:var(--fluid-24-40);display:flex}.commitment-timeline>div .heading{margin-block-end:1.5rem}.commitment-timeline>div p{max-inline-size:70ch}.commitment-timeline [slot=container-end]{display:none}@media (min-width:64rem){.commitment-timeline [slot=container-end]{gap:.75rem;display:flex}}.commitment-timeline :is(.commitment-timeline-prev,.commitment-timeline-next){cursor:pointer;border:1px solid #000;border-radius:50%;place-items:center;block-size:2.5rem;inline-size:2.5rem;transition:background-color .2s;display:grid}.commitment-timeline :is(.commitment-timeline-prev,.commitment-timeline-next):hover{color:#fff;background-color:#000}.commitment-timeline :is(.commitment-timeline-prev,.commitment-timeline-next) svg{block-size:1.5rem;inline-size:1.5rem}.commitment-timeline .commitment-timeline-next svg{rotate:180deg}.commitment-timeline .swiper-button-disabled{color:#a8b3c9;cursor:not-allowed;border:1px solid #a8b3c9}.commitment-timeline .swiper-button-disabled:hover{color:#a8b3c9;background-color:#0000}.timeline-entry img{aspect-ratio:4/3;object-fit:cover;margin-block-end:1.5rem}.timeline-marker{align-items:center;margin-block:1rem 1.5rem;display:flex;position:relative}.timeline-circle{background-color:#0000;border:1px solid #000;border-radius:50%;flex-shrink:0;block-size:.5rem;inline-size:.5rem;margin-inline-end:1rem}.timeline-line{background-color:#000;flex:1;block-size:1px}.timeline-description{font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.contact{padding:var(--page-gutter);grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:64rem){.contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-inline-size:96.25rem;margin:auto}}.contact-content{gap:var(--fluid-24-40);flex-direction:column;display:flex}.contact-content>div{max-inline-size:35ch}@media (min-width:80rem){.contact-content>div{max-inline-size:55ch}}.contact-content>div>p{padding-block-end:.5rem;font-weight:700;line-height:135%}.job-application{background-color:#fff}.job-application .job-application-container{max-inline-size:calc(38rem + var(--page-gutter) * 2);padding-inline:var(--page-gutter);margin:auto}.job-application .heading:not(:empty){padding-block:calc(1rem + var(--section-wrapper)) var(--fluid-24-40);text-align:center}.job-testimonials swiper-slide{display:flex}.job-testimonials .job-testimonial-card{flex-direction:column;flex:1;inline-size:100%;display:flex;overflow:hidden}@media (min-width:64rem){.job-testimonials .job-testimonial-card{flex-direction:row;block-size:28.125rem;min-block-size:28.125rem}}.job-testimonials .job-testimonial-card .heading{margin-block-end:1rem}.job-testimonials .job-testimonial-content{--fluid-24-48:clamp(1.5rem, .6rem + 3vw, 3rem);gap:var(--fluid-24-48);padding:var(--fluid-24-32);background-color:#fff;flex-direction:column;flex:1;justify-content:space-between;display:flex}.job-testimonials .job-testimonial-content>div{gap:var(--fluid-24-48);flex-direction:column;display:flex}.job-testimonials .job-testimonial-quote{font-family:var(--font-accent);font-size:var(--fluid-18-20);font-style:italic;font-weight:400;line-height:130%}.job-testimonials .job-testimonial-image{aspect-ratio:1;flex-shrink:0;position:relative;overflow:hidden}@media (min-width:64rem){.job-testimonials .job-testimonial-image{aspect-ratio:auto;flex-shrink:0;inline-size:22.5rem}}.job-testimonials .job-testimonial-image img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .4s}.job-testimonials .job-testimonial-card:hover .job-testimonial-image img{transform:scale(1.05)}.quote{max-inline-size:52.5rem;margin:var(--section-wrapper) var(--page-gutter);border:1px solid var(--color-border);background:#fff;grid-template-columns:1fr;display:grid}@media (min-width:64rem){.quote{margin:var(--section-wrapper) auto;grid-template-columns:repeat(2,1fr)}}.quote img{aspect-ratio:1;object-fit:cover}@media (min-width:64rem){.quote img{aspect-ratio:372/302;grid-column:1}}.quote .quote-content{padding:var(--fluid-24-32);flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}@media (min-width:64rem){.quote .quote-content{grid-column:2}}.quote .quote-text{font-family:var(--font-accent);font-size:var(--fluid-18-20);font-style:italic;line-height:130%}.quote .quote-author{text-transform:uppercase;letter-spacing:1.2px;font-size:.75rem;font-weight:700;line-height:135%}.page-header:has(.page.rich-text)+.quote{margin-block-start:0}}