.wf-u-highlight:before{content:'';position:absolute;width:calc(100% + 4px);height:34%;left:2px;bottom:5px;z-index:-1;transform:rotate(-2deg);background:var(--clr-primary)!important}.wf-u-highlight-secondary{position:relative;z-index:5}.wf-u-highlight-secondary::before{content:' ';display:block;height:90%;width:100%;margin-left:-3px;margin-right:-3px;position:absolute;background:var(--clr-secondary);transform:rotate(2deg);top:-1px;left:-1px;border-radius:20% 25% 20% 24%;padding:10px 3px 3px 10px;z-index:-1}.wf-u-highlight-secondary-light{display:inline;padding:.25em 0;background:var(--clr-secondary-light);color:#fff;box-shadow:.5em 0 0 var(--clr-secondary-light),-.5em 0 0 var(--clr-secondary-light)}.wf-u-highlight-gradient{background-image:linear-gradient(to right,#f27121cc,#e94057cc,#8a2387cc);border-radius:6px;padding:3px 6px}.u-number-circle{position:absolute;top:0;left:-7%;width:8rem;height:8rem;background-color:var(--clr-black);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--clr-white);font-size:var(--fs-h1);font-weight:700}.heading-xl{font-size:4rem}.heading-exlg{font-size:8rem}.u-margin-l-nxl{margin-left:-4rem}@media screen and (max-width:1024px){.heading-xl{font-size:3rem}.heading-exlg{font-size:6rem}.u-margin-l-nxl{margin-left:-2rem}h1{font-size:var(--fs-h2)}h2{font-size:var(--fs-h3)}h3{font-size:var(--fs-h4)}h4{font-size:var(--fs-h5)}h5{font-size:var(--fs-h6)}h6{font-size:.9rem}}@media screen and (max-width:600px){.mobile\:wrap{flex-wrap:wrap}.heading-xl{font-size:2rem}.heading-exlg{font-size:3rem}.u-margin-l-nxl{margin-left:0}h1{font-size:var(--fs-h3)}h2{font-size:var(--fs-h4)}h3{font-size:var(--fs-h5)}h4{font-size:var(--fs-h6)}h5{font-size:.9rem}h6{font-size:.8rem}}@media screen and (max-width:1024px){.tablet\:u-padding-xxsm{padding:var(--spacing-xxsm)}.tablet\:u-padding-t-xxsm{padding-top:var(--spacing-xxsm)}.tablet\:u-padding-b-xxsm{padding-bottom:var(--spacing-xxsm)}.tablet\:u-padding-l-xxsm{padding-left:var(--spacing-xxsm)}.tablet\:u-padding-r-xxsm{padding-right:var(--spacing-xxsm)}.tablet\:u-padding-v-xxsm{padding-block:var(--spacing-xxsm)}.tablet\:u-padding-h-xxsm{padding-inline:var(--spacing-xxsm)}.tablet\:u-padding-xsm{padding:var(--spacing-xsm)}.tablet\:u-padding-t-xsm{padding-top:var(--spacing-xsm)}.tablet\:u-padding-b-xsm{padding-bottom:var(--spacing-xsm)}.tablet\:u-padding-l-xsm{padding-left:var(--spacing-xsm)}.tablet\:u-padding-r-xsm{padding-right:var(--spacing-xsm)}.tablet\:u-padding-v-xsm{padding-block:var(--spacing-xsm)}.tablet\:u-padding-h-xsm{padding-inline:var(--spacing-xsm)}.tablet\:u-padding-sm{padding:var(--spacing-sm)}.tablet\:u-padding-t-sm{padding-top:var(--spacing-sm)}.tablet\:u-padding-b-sm{padding-bottom:var(--spacing-sm)}.tablet\:u-padding-l-sm{padding-left:var(--spacing-sm)}.tablet\:u-padding-r-sm{padding-right:var(--spacing-sm)}.tablet\:u-padding-v-sm{padding-block:var(--spacing-sm)}.tablet\:u-padding-h-sm{padding-inline:var(--spacing-sm)}.tablet\:u-padding-md{padding:var(--spacing-md)}.tablet\:u-padding-t-md{padding-top:var(--spacing-md)}.tablet\:u-padding-b-md{padding-bottom:var(--spacing-md)}.tablet\:u-padding-l-md{padding-left:var(--spacing-md)}.tablet\:u-padding-r-md{padding-right:var(--spacing-md)}.tablet\:u-padding-v-md{padding-block:var(--spacing-md)}.tablet\:u-padding-h-md{padding-inline:var(--spacing-md)}.tablet\:u-padding-lg{padding:var(--spacing-lg)}.tablet\:u-padding-t-lg{padding-top:var(--spacing-lg)}.tablet\:u-padding-b-lg{padding-bottom:var(--spacing-lg)}.tablet\:u-padding-l-lg{padding-left:var(--spacing-lg)}.tablet\:u-padding-r-lg{padding-right:var(--spacing-lg)}.tablet\:u-padding-v-lg{padding-block:var(--spacing-lg)}.tablet\:u-padding-h-lg{padding-inline:var(--spacing-lg)}.tablet\:u-padding-xlg{padding:var(--spacing-xlg)}.tablet\:u-padding-t-xlg{padding-top:var(--spacing-xlg)}.tablet\:u-padding-b-xlg{padding-bottom:var(--spacing-xlg)}.tablet\:u-padding-l-xlg{padding-left:var(--spacing-xlg)}.tablet\:u-padding-r-xlg{padding-right:var(--spacing-xlg)}.tablet\:u-padding-v-xlg{padding-block:var(--spacing-xlg)}.tablet\:u-padding-h-xlg{padding-inline:var(--spacing-xlg)}.tablet\:u-padding-xxlg{padding:var(--spacing-xxlg)}.tablet\:u-padding-t-xxlg{padding-top:var(--spacing-xxlg)}.tablet\:u-padding-b-xxlg{padding-bottom:var(--spacing-xxlg)}.tablet\:u-padding-l-xxlg{padding-left:var(--spacing-xxlg)}.tablet\:u-padding-r-xxlg{padding-right:var(--spacing-xxlg)}.tablet\:u-padding-v-xxlg{padding-block:var(--spacing-xxlg)}.tablet\:u-padding-h-xxlg{padding-inline:var(--spacing-xxlg)}.tablet\:u-padding-0{padding:0}.tablet\:u-padding-t-0{padding-top:0}.tablet\:u-padding-b-0{padding-bottom:0}.tablet\:u-padding-l-0{padding-left:0}.tablet\:u-padding-r-0{padding-right:0}.tablet\:u-padding-v-0{padding-block:0}.tablet\:u-padding-h-0{padding-inline:0}.tablet\:u-margin-t-auto{margin-top:auto}.tablet\:u-margin-b-auto{margin-bottom:auto}.tablet\:u-margin-r-auto{margin-right:auto}.tablet\:u-margin-l-auto{margin-left:auto}.tablet\:u-margin-h-auto{margin-inline:auto}.tablet\:u-margin-xxsm{margin:var(--spacing-xxsm)}.tablet\:u-margin-t-xxsm{margin-top:var(--spacing-xxsm)}.tablet\:u-margin-b-xxsm{margin-bottom:var(--spacing-xxsm)}.tablet\:u-margin-l-xxsm{margin-left:var(--spacing-xxsm)}.tablet\:u-margin-r-xxsm{margin-right:var(--spacing-xxsm)}.tablet\:u-margin-v-xxsm{margin-block:var(--spacing-xxsm)}.tablet\:u-margin-h-xxsm{margin-inline:var(--spacing-xxsm)}.tablet\:u-margin-xsm{margin:var(--spacing-xsm)}.tablet\:u-margin-t-xsm{margin-top:var(--spacing-xsm)}.tablet\:u-margin-b-xsm{margin-bottom:var(--spacing-xsm)}.tablet\:u-margin-l-xsm{margin-left:var(--spacing-xsm)}.tablet\:u-margin-r-xsm{margin-right:var(--spacing-xsm)}.tablet\:u-margin-v-xsm{margin-block:var(--spacing-xsm)}.tablet\:u-margin-h-xsm{margin-inline:var(--spacing-xsm)}.tablet\:u-margin-sm{margin:var(--spacing-sm)}.tablet\:u-margin-t-sm{margin-top:var(--spacing-sm)}.tablet\:u-margin-b-sm{margin-bottom:var(--spacing-sm)}.tablet\:u-margin-l-sm{margin-left:var(--spacing-sm)}.tablet\:u-margin-r-sm{margin-right:var(--spacing-sm)}.tablet\:u-margin-v-sm{margin-block:var(--spacing-sm)}.tablet\:u-margin-h-sm{margin-inline:var(--spacing-sm)}.tablet\:u-margin-md{margin:var(--spacing-md)}.tablet\:u-margin-t-md{margin-top:var(--spacing-md)}.tablet\:u-margin-b-md{margin-bottom:var(--spacing-md)}.tablet\:u-margin-l-md{margin-left:var(--spacing-md)}.tablet\:u-margin-r-md{margin-right:var(--spacing-md)}.tablet\:u-margin-v-md{margin-block:var(--spacing-md)}.tablet\:u-margin-h-md{margin-inline:var(--spacing-md)}.tablet\:u-margin-lg{margin:var(--spacing-lg)}.tablet\:u-margin-t-lg{margin-top:var(--spacing-lg)}.tablet\:u-margin-b-lg{margin-bottom:var(--spacing-lg)}.tablet\:u-margin-l-lg{margin-left:var(--spacing-lg)}.tablet\:u-margin-r-lg{margin-right:var(--spacing-lg)}.tablet\:u-margin-v-lg{margin-block:var(--spacing-lg)}.tablet\:u-margin-h-lg{margin-inline:var(--spacing-lg)}.tablet\:u-margin-xlg{margin:var(--spacing-xlg)}.tablet\:u-margin-t-xlg{margin-top:var(--spacing-xlg)}.tablet\:u-margin-b-xlg{margin-bottom:var(--spacing-xlg)}.tablet\:u-margin-l-xlg{margin-left:var(--spacing-xlg)}.tablet\:u-margin-r-xlg{margin-right:var(--spacing-xlg)}.tablet\:u-margin-v-xlg{margin-block:var(--spacing-xlg)}.tablet\:u-margin-h-xlg{margin-inline:var(--spacing-xlg)}.tablet\:u-margin-xxlg{margin:var(--spacing-xxlg)}.tablet\:u-margin-t-xxlg{margin-top:var(--spacing-xxlg)}.tablet\:u-margin-b-xxlg{margin-bottom:var(--spacing-xxlg)}.tablet\:u-margin-l-xxlg{margin-left:var(--spacing-xxlg)}.tablet\:u-margin-r-xxlg{margin-right:var(--spacing-xxlg)}.tablet\:u-margin-v-xxlg{margin-block:var(--spacing-xxlg)}.tablet\:u-margin-h-xxlg{margin-inline:var(--spacing-xxlg)}.tablet\:u-margin-0{margin:0}.tablet\:u-margin-t-0{margin-top:0}.tablet\:u-margin-b-0{margin-bottom:0}.tablet\:u-margin-l-0{margin-left:0}.tablet\:u-margin-r-0{margin-right:0}.tablet\:u-margin-v-0{margin-block:0}.tablet\:u-margin-h-0{margin-inline:0}}@media screen and (max-width:600px){.mobile\:u-padding-xxsm{padding:var(--spacing-xxsm)}.mobile\:u-padding-t-xxsm{padding-top:var(--spacing-xxsm)}.mobile\:u-padding-b-xxsm{padding-bottom:var(--spacing-xxsm)}.mobile\:u-padding-l-xxsm{padding-left:var(--spacing-xxsm)}.mobile\:u-padding-r-xxsm{padding-right:var(--spacing-xxsm)}.mobile\:u-padding-v-xxsm{padding-block:var(--spacing-xxsm)}.mobile\:u-padding-h-xxsm{padding-inline:var(--spacing-xxsm)}.mobile\:u-padding-xsm{padding:var(--spacing-xsm)}.mobile\:u-padding-t-xsm{padding-top:var(--spacing-xsm)}.mobile\:u-padding-b-xsm{padding-bottom:var(--spacing-xsm)}.mobile\:u-padding-l-xsm{padding-left:var(--spacing-xsm)}.mobile\:u-padding-r-xsm{padding-right:var(--spacing-xsm)}.mobile\:u-padding-v-xsm{padding-block:var(--spacing-xsm)}.mobile\:u-padding-h-xsm{padding-inline:var(--spacing-xsm)}.mobile\:u-padding-sm{padding:var(--spacing-sm)}.mobile\:u-padding-t-sm{padding-top:var(--spacing-sm)}.mobile\:u-padding-b-sm{padding-bottom:var(--spacing-sm)}.mobile\:u-padding-l-sm{padding-left:var(--spacing-sm)}.mobile\:u-padding-r-sm{padding-right:var(--spacing-sm)}.mobile\:u-padding-v-sm{padding-block:var(--spacing-sm)}.mobile\:u-padding-h-sm{padding-inline:var(--spacing-sm)}.mobile\:u-padding-md{padding:var(--spacing-md)}.mobile\:u-padding-t-md{padding-top:var(--spacing-md)}.mobile\:u-padding-b-md{padding-bottom:var(--spacing-md)}.mobile\:u-padding-l-md{padding-left:var(--spacing-md)}.mobile\:u-padding-r-md{padding-right:var(--spacing-md)}.mobile\:u-padding-v-md{padding-block:var(--spacing-md)}.mobile\:u-padding-h-md{padding-inline:var(--spacing-md)}.mobile\:u-padding-lg{padding:var(--spacing-lg)}.mobile\:u-padding-t-lg{padding-top:var(--spacing-lg)}.mobile\:u-padding-b-lg{padding-bottom:var(--spacing-lg)}.mobile\:u-padding-l-lg{padding-left:var(--spacing-lg)}.mobile\:u-padding-r-lg{padding-right:var(--spacing-lg)}.mobile\:u-padding-v-lg{padding-block:var(--spacing-lg)}.mobile\:u-padding-h-lg{padding-inline:var(--spacing-lg)}.mobile\:u-padding-xlg{padding:var(--spacing-xlg)}.mobile\:u-padding-t-xlg{padding-top:var(--spacing-xlg)}.mobile\:u-padding-b-xlg{padding-bottom:var(--spacing-xlg)}.mobile\:u-padding-l-xlg{padding-left:var(--spacing-xlg)}.mobile\:u-padding-r-xlg{padding-right:var(--spacing-xlg)}.mobile\:u-padding-v-xlg{padding-block:var(--spacing-xlg)}.mobile\:u-padding-h-xlg{padding-inline:var(--spacing-xlg)}.mobile\:u-padding-xxlg{padding:var(--spacing-xxlg)}.mobile\:u-padding-t-xxlg{padding-top:var(--spacing-xxlg)}.mobile\:u-padding-b-xxlg{padding-bottom:var(--spacing-xxlg)}.mobile\:u-padding-l-xxlg{padding-left:var(--spacing-xxlg)}.mobile\:u-padding-r-xxlg{padding-right:var(--spacing-xxlg)}.mobile\:u-padding-v-xxlg{padding-block:var(--spacing-xxlg)}.mobile\:u-padding-h-xxlg{padding-inline:var(--spacing-xxlg)}.mobile\:u-padding-0{padding:0}.mobile\:u-padding-t-0{padding-top:0}.mobile\:u-padding-b-0{padding-bottom:0}.mobile\:u-padding-l-0{padding-left:0}.mobile\:u-padding-r-0{padding-right:0}.mobile\:u-padding-v-0{padding-block:0}.mobile\:u-padding-h-0{padding-inline:0}.mobile\:u-margin-t-auto{margin-top:auto}.mobile\:u-margin-b-auto{margin-bottom:auto}.mobile\:u-margin-r-auto{margin-right:auto}.mobile\:u-margin-l-auto{margin-left:auto}.mobile\:u-margin-h-auto{margin-inline:auto}.mobile\:u-margin-xxsm{margin:var(--spacing-xxsm)}.mobile\:u-margin-t-xxsm{margin-top:var(--spacing-xxsm)}.mobile\:u-margin-b-xxsm{margin-bottom:var(--spacing-xxsm)}.mobile\:u-margin-l-xxsm{margin-left:var(--spacing-xxsm)}.mobile\:u-margin-r-xxsm{margin-right:var(--spacing-xxsm)}.mobile\:u-margin-v-xxsm{margin-block:var(--spacing-xxsm)}.mobile\:u-margin-h-xxsm{margin-inline:var(--spacing-xxsm)}.mobile\:u-margin-xsm{margin:var(--spacing-xsm)}.mobile\:u-margin-t-xsm{margin-top:var(--spacing-xsm)}.mobile\:u-margin-b-xsm{margin-bottom:var(--spacing-xsm)}.mobile\:u-margin-l-xsm{margin-left:var(--spacing-xsm)}.mobile\:u-margin-r-xsm{margin-right:var(--spacing-xsm)}.mobile\:u-margin-v-xsm{margin-block:var(--spacing-xsm)}.mobile\:u-margin-h-xsm{margin-inline:var(--spacing-xsm)}.mobile\:u-margin-sm{margin:var(--spacing-sm)}.mobile\:u-margin-t-sm{margin-top:var(--spacing-sm)}.mobile\:u-margin-b-sm{margin-bottom:var(--spacing-sm)}.mobile\:u-margin-l-sm{margin-left:var(--spacing-sm)}.mobile\:u-margin-r-sm{margin-right:var(--spacing-sm)}.mobile\:u-margin-v-sm{margin-block:var(--spacing-sm)}.mobile\:u-margin-h-sm{margin-inline:var(--spacing-sm)}.mobile\:u-margin-md{margin:var(--spacing-md)}.mobile\:u-margin-t-md{margin-top:var(--spacing-md)}.mobile\:u-margin-b-md{margin-bottom:var(--spacing-md)}.mobile\:u-margin-l-md{margin-left:var(--spacing-md)}.mobile\:u-margin-r-md{margin-right:var(--spacing-md)}.mobile\:u-margin-v-md{margin-block:var(--spacing-md)}.mobile\:u-margin-h-md{margin-inline:var(--spacing-md)}.mobile\:u-margin-lg{margin:var(--spacing-lg)}.mobile\:u-margin-t-lg{margin-top:var(--spacing-lg)}.mobile\:u-margin-b-lg{margin-bottom:var(--spacing-lg)}.mobile\:u-margin-l-lg{margin-left:var(--spacing-lg)}.mobile\:u-margin-r-lg{margin-right:var(--spacing-lg)}.mobile\:u-margin-v-lg{margin-block:var(--spacing-lg)}.mobile\:u-margin-h-lg{margin-inline:var(--spacing-lg)}.mobile\:u-margin-xlg{margin:var(--spacing-xlg)}.mobile\:u-margin-t-xlg{margin-top:var(--spacing-xlg)}.mobile\:u-margin-b-xlg{margin-bottom:var(--spacing-xlg)}.mobile\:u-margin-l-xlg{margin-left:var(--spacing-xlg)}.mobile\:u-margin-r-xlg{margin-right:var(--spacing-xlg)}.mobile\:u-margin-v-xlg{margin-block:var(--spacing-xlg)}.mobile\:u-margin-h-xlg{margin-inline:var(--spacing-xlg)}.mobile\:u-margin-xxlg{margin:var(--spacing-xxlg)}.mobile\:u-margin-t-xxlg{margin-top:var(--spacing-xxlg)}.mobile\:u-margin-b-xxlg{margin-bottom:var(--spacing-xxlg)}.mobile\:u-margin-l-xxlg{margin-left:var(--spacing-xxlg)}.mobile\:u-margin-r-xxlg{margin-right:var(--spacing-xxlg)}.mobile\:u-margin-v-xxlg{margin-block:var(--spacing-xxlg)}.mobile\:u-margin-h-xxlg{margin-inline:var(--spacing-xxlg)}.mobile\:u-margin-0{margin:0}.mobile\:u-margin-t-0{margin-top:0}.mobile\:u-margin-b-0{margin-bottom:0}.mobile\:u-margin-l-0{margin-left:0}.mobile\:u-margin-r-0{margin-right:0}.mobile\:u-margin-v-0{margin-block:0}.mobile\:u-margin-h-0{margin-inline:0}.mobile:u-max-width-10{max-width:calc(var(--width-content-md) * 0.1)}.mobile:u-max-width-20{max-width:calc(var(--width-content-md) * 0.2)}.mobile:u-max-width-30{max-width:calc(var(--width-content-md) * 0.3)}.mobile:u-max-width-40{max-width:calc(var(--width-content-md) * 0.4)}.mobile:u-max-width-50{max-width:calc(var(--width-content-md) * 0.5)}.mobile:u-max-width-60{max-width:calc(var(--width-content-md) * 0.6)}.mobile:u-max-width-70{max-width:calc(var(--width-content-md) * 0.7)}.mobile:u-max-width-80{max-width:calc(var(--width-content-md) * 0.8)}.mobile:u-max-width-90{max-width:calc(var(--width-content-md) * 0.9)}.mobile:u-max-width-100{max-width:var(--width-content-md)}}@media print{.print{display:block}.financial-statements{font-size:65px;text-align:center;color:#ffffff!important;border-top:none}.chocolate-img{width:100%}.chocolate-img img{max-height:350px!important;margin:auto}@page{margin:.5in 0}ul{padding-left:1rem}.wf-img--fill{height:auto;width:initial}.wf-header{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h1{font-size:24pt!important}h2{font-size:20pt!important}h3{font-size:18pt!important}h4{font-size:16pt!important}h5{font-size:14pt!important}h6{font-size:12pt!important}.wf-header{display:block;position:relative;width:100%}.wf-sectionTitle{display:none}.wf-header .wf-mainMenu{display:none}.wf-header .wf-colGroup{width:100%!important;max-width:100%!important}.wf-img--logo img{max-width:125px!important;margin:auto}canvas#coffeeChart,#volumeGrowthChart{max-width:100%!important}.chart-col{max-width:75%;max-height:300px;margin:20px auto}body .centered-text .wf-colGroup{align-items:flex-start!important}.span:3{--span:6}.wf-print-full-width--cols .wf-col,{--span:6}.pagebreak{page-break-before:always}.pagebreak-before{page-break-before:always}.pagebreak-after{page-break-after:always}[data-section-color='pink'],[data-section-color='orange'],[data-section-color='purple'],[data-section-color='darkblue'],[data-section-color='blue'],[data-section-color='green'],[data-section-color='mint'],[data-section-color='black']{border-left:0!important}height:100vh;background:#333;z-index:-1}*/}.parallax-container{background-attachment:fixed;background-position:center;background-size:cover}.parallax-divider{width:100%;height:200px;background-color:var(--clr-black)}.scroll-parallax{transition:background-image 1s ease-out}.sticky-image-container{width:50%;height:40%;position:sticky;top:0}.image-transition{position:sticky;transition:transform 1.5s ease-in-out,opacity 1s ease-in-out;opacity:0}.image-left-slide{transform:translateX(-100%)}.image-right-slide{transform:translateX(100%)}.visible{transform:translateX(0%);opacity:1}.wf-masonry__grid{display:grid;grid-template:175px 100px 25px 125px 25px 50px 75px 100px / 1fr 1fr 1fr;gap:var(--spacing-sm)}.wf-masonry__col{text-align:center;border:1px solid var(--clr-grey);border-radius:var(--border-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center}.wf-masonry__col img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-md)}.wf-masonry__col--1{grid-column:1;grid-row:1 / 5}.wf-masonry__col--2{grid-column:2;grid-row:1 / 2}.wf-masonry__col--3{grid-column:3;grid-row:1 / 3}.wf-masonry__col--4{grid-column:1;grid-row:5 / 9}.wf-masonry__col--5{grid-column:2;grid-row:2 / 7}.wf-masonry__col--6{grid-column:3;grid-row:3 / 9}.wf-masonry__col--7{grid-column:2;grid-row:7 / 9}.wf-slider{display:grid;min-height:100vh;transition:all 0.8s cubic-bezier(.86,0,.07,1);gap:0;grid-template-columns:repeat(5,1fr)}.wf-slider__col{grid-row:1;background-color:#ccc;transition:all 0.8s cubic-bezier(.86,0,.07,1);display:flex;justify-content:flex-start;align-items:center;cursor:pointer;overflow:hidden;position:relative;padding:0 30px}.wf-slider__col .wf-col{opacity:0;position:absolute;top:50%;left:50%;width:100%;padding:20px}.wf-slider__col.open .wf-col{opacity:1;position:static;transform:none;transition-delay:0.3s}.wf-slider.one-open{grid-template-columns:84% 4% 4% 4% 4%}.wf-slider.two-open{grid-template-columns:4% 84% 4% 4% 4%}.wf-slider.three-open{grid-template-columns:4% 4% 84% 4% 4%}.wf-slider.four-open{grid-template-columns:4% 4% 4% 84% 4%}.wf-slider.five-open{grid-template-columns:4% 4% 4% 4% 84%}.wf-slider__col:not(.open) .wf-col{display:none}.wf-slider__col:not(.open):hover{background-color:#bbb}.wf-slider__col:first-child::before{color:black!important}.wf-slider__col:not(.open)::before{content:attr(data-label);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);font-weight:700;transition:opacity 0.3s ease}.wf-slider__col.open::before{content:attr(data-label);color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(270deg);font-weight:700;transition:opacity 0.3s ease;opacity:1}.book-row{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover img{max-width:unset}.cover{width:calc(var(--baseline) * 60);height:calc(var(--baseline) * 42.6);box-shadow:0 0 100px rgb(0 0 0 / .3)}.book{width:100%;height:100%;display:flex;perspective:1200px}.book__page{position:relative;width:50%;height:100%;display:grid;transform:rotateY(0deg);transition:transform 0.9s cubic-bezier(.645,.045,.355,1);transform-origin:0% 0%;background-color:var(--page-bg);background-image:linear-gradient(90deg,rgb(227 227 227) 0%,#fff0 18%)}.book__page:nth-of-type(1){background-image:linear-gradient(-90deg,rgb(227 227 227) 0%,#fff0 18%)}.book__page--1{cursor:pointer}.book__page--1 img{width:100%;max-width:100%}.book__page--2{position:absolute;right:0;pointer-events:none;cursor:pointer;transform-style:preserve-3d;background-color:var(--page-bg);background-image:linear-gradient(90deg,rgb(227 227 227) 0%,#fff0 18%)}.book__page--4{cursor:pointer;padding:0 calc(var(--baseline) * 3);overflow-y:scroll;overflow-x:hidden}.book__page-front{position:absolute;width:100%;height:100%;transform:rotateY(0deg) translateZ(1px)}.book__page-back{position:absolute;width:100%;height:100%;padding:0 calc(var(--baseline) * 1.8);transform:rotateY(180deg) translateZ(1px)}.book-row .book__page{background-color:var(--page-bg)}.book-row input[type="radio"]{display:none}.book-row input[type='radio']:checked+label{background-color:var(--page-bg)}.book-row input[type='radio']:checked+.wf-img{background-color:var(--page-bg)}.book-row input[type="radio"]:checked+.book__page{transition:transform 0.9s cubic-bezier(.645,.045,.355,1);transform:rotateY(-180deg)}