.corretto-lower{color:#262626;width:100%}.corretto-lower h2{letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Marcellus,serif;font-size:45px;font-weight:400;line-height:1.22}.corretto-lower .lower-feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;height:611px;display:grid}.corretto-lower .lower-feature-copy{text-align:center;isolation:isolate;min-width:0;position:relative}.corretto-lower .lower-feature-copy:before{content:"";z-index:-1;pointer-events:none;background-image:url(/demos/templates/coffee-02/assets/landing-row-background-image.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.corretto-lower .lower-shop-copy{padding:193px 10px 0 50px}.corretto-lower .lower-menu-copy{padding:137px 50px 0 10px}.corretto-lower .lower-separator{width:189px;height:26px;margin:14px auto 0}.corretto-lower .lower-separator img{width:189px;height:24px;display:block}.corretto-lower .lower-feature-copy>p{color:#656565;letter-spacing:1px;margin:27px 0 0;font-family:Open Sans,sans-serif;font-size:18px;font-weight:300;line-height:27.9px}.corretto-lower .lower-button{box-sizing:border-box;color:#fff;letter-spacing:1.2px;text-transform:uppercase;background:#be9c79;border:1px solid #be9c79;justify-content:center;align-items:center;min-width:156px;height:53.8px;padding:18px 35px;font:600 12px/1.15 Open Sans,sans-serif;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex;position:relative}.corretto-lower .lower-feature-copy>.lower-button{margin-top:53px}.corretto-lower .lower-button:hover{background-color:#262626;border-color:#262626}.corretto-lower .lower-button:focus-visible,.corretto-lower a:focus-visible{outline-offset:5px;outline:2px solid #74573c}.corretto-lower .lower-scene{isolation:isolate;min-width:0;position:relative;overflow:hidden}.corretto-lower .lower-shop-scene{height:596px;margin-top:15px}.corretto-lower .lower-menu-scene{height:556px}.corretto-lower .lower-layer{position:absolute;transform:translate(-50%,-50%)}.corretto-lower .lower-layer>a{display:block}.corretto-lower .lower-layer img{opacity:0;width:100%;height:auto;transform:translateX(var(--layer-from,50px));transition:transform var(--layer-duration,.7s) cubic-bezier(.075,.82,.165,1),opacity var(--layer-duration,.7s) ease;transition-delay:var(--layer-delay,.2s);display:block}.corretto-lower .lower-revealed .lower-layer img{opacity:1;transform:translate(0)}.corretto-lower .lower-shop-back{z-index:1;width:353px;top:calc(50% - 13px);left:calc(50% + 98px)}.corretto-lower .lower-shop-front{z-index:2;width:311px;top:calc(50% + 29px);left:calc(50% - 58px)}.corretto-lower .lower-shop-pouch{z-index:3;width:142px;top:calc(50% + 112px);left:calc(50% + 41px)}.corretto-lower .lower-menu-page{z-index:1;width:353px;top:calc(50% - 11px);left:calc(50% - 99px)}.corretto-lower .lower-menu-cup-one{z-index:2;width:141px;top:calc(50% - 42px);left:calc(50% + 145px)}.corretto-lower .lower-menu-cup-two{z-index:3;width:161px;top:calc(50% + 29px);left:calc(50% + 73px)}.corretto-lower .lower-menu-bean-one{z-index:2;width:53px;top:calc(50% + 140px);left:calc(50% + 107px)}.corretto-lower .lower-menu-bean-two{z-index:2;width:65px;top:calc(50% + 97px);left:calc(50% + 179px)}.corretto-lower .lower-menu-bean-three{z-index:2;width:50px;top:calc(50% + 36px);left:calc(50% + 222px)}.corretto-lower .lower-inner-heading{text-align:center;background:#f5ede2 url(/demos/templates/coffee-02/assets/landing-row-background-image-2.webp) 50%/cover no-repeat;padding:130px 0 175px}.corretto-lower .lower-inner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 60px;width:90%;margin:-120px auto 0;padding-bottom:115px;display:grid;position:relative}.corretto-lower .lower-inner-card{min-width:0}.corretto-lower .lower-inner-card>a{transition:transform .5s;display:block;position:relative;transform:translateY(0);box-shadow:0 0 24px 1px #0003}.corretto-lower .lower-inner-card>a:hover{transform:translateY(-10px)}.corretto-lower .lower-inner-card img{width:100%;height:auto;display:block}.corretto-lower .lower-inner-tail{height:26px}.corretto-lower .lower-cta{isolation:isolate;text-align:center;flex-direction:column;align-items:center;height:470px;padding-top:120px;display:flex;position:relative;overflow:hidden}.corretto-lower .lower-cta-background{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;transform:translate(var(--lower-pan-x,0px),var(--lower-pan-y,0px)) scale(1.03);transition:transform .45s;position:absolute;inset:0}.corretto-lower .lower-cta>h2{color:#fff;letter-spacing:5px;opacity:0;line-height:70px;transition:opacity .7s .2s,transform .7s cubic-bezier(.19,1,.22,1) .2s;transform:translateY(50px)}.corretto-lower .lower-cta>.lower-separator{opacity:0;margin-top:14px;transition:opacity .7s .3s,transform .7s cubic-bezier(.19,1,.22,1) .3s;transform:translateY(50px)}.corretto-lower .lower-cta>.lower-button{opacity:0;min-width:181px;margin-top:47px;transition:opacity .7s .4s,transform .7s cubic-bezier(.19,1,.22,1) .4s,background-color .3s .4s;transform:translateY(50px)}.corretto-lower .lower-cta.lower-revealed>h2,.corretto-lower .lower-cta.lower-revealed>.lower-separator,.corretto-lower .lower-cta.lower-revealed>.lower-button{opacity:1;transform:translateY(0)}@media (width>=1601px){.corretto-lower .lower-feature-row{height:47.2222vw}.corretto-lower .lower-shop-copy{padding:283px 142px 90px}.corretto-lower .lower-menu-copy{padding:283px 132px 90px}.corretto-lower .lower-shop-scene{height:calc(47.2222vw - 47px);margin-top:47px}.corretto-lower .lower-menu-scene{height:calc(48.2222vw - 40px);margin-top:40px}.corretto-lower .lower-shop-back{width:567px;top:calc(50% - 52px);left:calc(50% + 143px)}.corretto-lower .lower-shop-front{width:519px;top:calc(50% + 20px);left:calc(50% - 165px)}.corretto-lower .lower-shop-pouch{width:254px;top:calc(50% + 198px);left:calc(50% + 42px)}.corretto-lower .lower-menu-page{width:570px;top:calc(50% - 52px);left:calc(50% - 136px)}.corretto-lower .lower-menu-cup-one{width:238px;top:calc(50% - 140px);left:calc(50% + 283px)}.corretto-lower .lower-menu-cup-two{width:292px;top:calc(50% + 6px);left:calc(50% + 159px)}.corretto-lower .lower-menu-bean-one{width:89px;top:calc(50% + 198px);left:calc(50% + 213px)}.corretto-lower .lower-menu-bean-two{width:107px;top:calc(50% + 148px);left:calc(50% + 341px)}.corretto-lower .lower-menu-bean-three{width:73px;top:calc(50% + 33px);left:calc(50% + 389px)}}@media (width<=1366px) and (width>=1200px){.corretto-lower .lower-shop-copy{padding-top:153px}.corretto-lower .lower-menu-copy{padding-top:117px}.corretto-lower .lower-inner-grid{gap:20px 45px}}@media (width<=1199px){.corretto-lower .lower-feature-row{grid-template-columns:1fr;gap:0;height:auto}.corretto-lower .lower-shop-copy{padding:140px 149px 57px}.corretto-lower .lower-menu-copy{padding:57px 149px 185px}.corretto-lower .lower-shop-scene{height:600px;margin-top:0}.corretto-lower .lower-menu-scene{height:580px;margin-top:0}.corretto-lower .lower-shop-back{left:calc(50% + 98px)}.corretto-lower .lower-menu-page{top:calc(50% + 1px);left:calc(50% - 77px)}.corretto-lower .lower-menu-cup-one{top:calc(50% - 30px);left:calc(50% + 167px)}.corretto-lower .lower-menu-cup-two{top:calc(50% + 41px);left:calc(50% + 95px)}.corretto-lower .lower-menu-bean-one{top:calc(50% + 152px);left:calc(50% + 129px)}.corretto-lower .lower-menu-bean-two{top:calc(50% + 109px);left:calc(50% + 201px)}.corretto-lower .lower-menu-bean-three{top:calc(50% + 48px);left:calc(50% + 244px)}.corretto-lower .lower-inner-grid{gap:5px 30px}}@media (width<=767px){.corretto-lower h2{font-size:35px;line-height:1.22}.corretto-lower .lower-shop-copy{padding:83px 16px 135px}.corretto-lower .lower-menu-copy{padding:80px 33px 186px}.corretto-lower .lower-shop-scene{height:500px}.corretto-lower .lower-menu-scene{height:400px}.corretto-lower .lower-shop-back{width:221px;top:calc(50% - 31px);left:calc(50% + 20px)}.corretto-lower .lower-shop-front{width:208px;top:calc(50% + 1px);left:calc(50% - 30px)}.corretto-lower .lower-shop-pouch{width:106px;top:calc(50% + 69px);left:50%}.corretto-lower .lower-menu-page{width:235px;top:calc(50% + 1px);left:127.5px}.corretto-lower .lower-menu-cup-one{width:89px;top:calc(50% - 5px);left:calc(50% + 129px)}.corretto-lower .lower-menu-cup-two{width:106px;top:calc(50% + 35px);left:calc(50% + 79px)}.corretto-lower .lower-menu-bean-one{width:33px;top:calc(50% + 107px);left:calc(50% + 102px)}.corretto-lower .lower-menu-bean-two{width:40px;top:calc(50% + 73px);left:calc(50% + 150px)}.corretto-lower .lower-menu-bean-three{width:34px;top:calc(50% + 41px);left:calc(50% + 196px)}.corretto-lower .lower-inner-grid{grid-template-columns:1fr;row-gap:30px}.corretto-lower .lower-cta{height:435px;padding-top:112px}.corretto-lower .lower-cta>h2{width:315px;max-width:calc(100% - 30px);min-height:61px;font-size:20px;line-height:30px}.corretto-lower .lower-cta>.lower-separator{margin-top:14px}.corretto-lower .lower-cta>.lower-button{margin-top:47px}}@media (width<=680px){.corretto-lower .lower-shop-copy{padding:83px 10px 25px}.corretto-lower .lower-menu-copy{padding:70px 10px 190px}.corretto-lower .lower-menu{padding-top:0}.corretto-lower .lower-menu-copy{margin-top:5px}}@media (prefers-reduced-motion:reduce){.corretto-lower .lower-layer img,.corretto-lower .lower-cta>h2,.corretto-lower .lower-cta>.lower-separator,.corretto-lower .lower-cta>.lower-button{opacity:1;transition:none;transform:none}.corretto-lower .lower-cta-background{transition:none;transform:none}.corretto-lower .lower-inner-card>a{transition:none}.corretto-lower .lower-inner-card>a:hover{transform:none}}.corretto-lower .lower-feature-copy .lower-separator{height:24px}@media (width<=767px){.corretto-lower{padding-top:35px}}@media (width>=1601px){.corretto-lower .lower-shop{height:calc(47.2222vw - 30.4444px)}.corretto-lower .lower-menu{height:calc(48.2222vw - 39.0844px)}.corretto-lower .lower-shop-copy{align-self:start;padding-top:318px}.corretto-lower .lower-menu-copy{align-self:start;padding-top:288px}.corretto-lower .lower-shop-scene{width:calc(100% - 67px);height:calc(47.2222vw - 77.4444px);margin-top:47px;margin-right:67px}.corretto-lower .lower-menu-scene{width:calc(100% - 67px);height:calc(48.2222vw - 79.0844px);margin-top:40px;margin-left:67px}}.corretto-lower .lower-button{letter-spacing:1.8px;min-width:0;padding:19px 35px}.corretto-lower{overflow:clip visible}.corretto-lower .lower-feature-copy:before{top:var(--lower-bg-top,0px);height:var(--lower-bg-height,100%);bottom:auto}.corretto-lower .lower-shop-copy:before{left:-15px;right:-15px}.hidden{display:none}.resize{resize:both}@font-face{font-family:Marcellus;src:url(/demos/templates/coffee-02/assets/marcellus.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Open Sans;src:url(/demos/templates/coffee-02/assets/open-sans.woff2)format("woff2");font-style:normal;font-weight:300 600;font-display:swap}:root{color:#656565;--gold:#be9c79;--heading:#262626;--circ-out:cubic-bezier(.075,.82,.165,1);--expo-out:cubic-bezier(.16,1,.3,1);background:#fff;font-family:Open Sans,Arial,sans-serif;font-size:15px;font-weight:300;line-height:26px}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--heading);text-transform:uppercase;margin:0;font-family:Marcellus,serif;font-weight:400}p,figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #be9c79}.skip-link{z-index:100;color:#fff;background:#262626;padding:12px 20px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}.corretto-hero{isolation:isolate;z-index:2;height:545px;position:relative;overflow:hidden}.hero-paper{z-index:-1;background:#f6efe3 url(/demos/templates/coffee-02/assets/landing-bakcground-img-1.webp) 0 0/1920px 770px no-repeat;position:absolute;inset:0}.corretto-logo{z-index:5;width:141px;height:67px;animation:header-left .5s var(--circ-out) .6s both;position:absolute;top:40px;left:40px}.corretto-logo img{width:100%;height:100%}.corretto-button{border:1px solid var(--gold);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;min-height:54px;padding:16px 36px;font:400 12px/20px Marcellus,serif;transition:background .3s,color .3s,border-color .3s;display:inline-flex;position:relative}.corretto-button:after{content:"";border-top:1px solid;width:0;transition:width .3s,transform .3s;position:absolute;top:50%;right:18px}.corretto-button:hover:after{width:12px;transform:translate(1px)}.purchase-button{color:#404040;z-index:5;animation:header-right .5s var(--circ-out) .6s both;border-color:#404040;position:absolute;top:40px;right:40px}.purchase-button:hover{color:#fff;background:#404040}.hero-beans{mix-blend-mode:multiply;width:286px;height:245px;position:absolute;bottom:156px;left:-1px}.hero-bean{mix-blend-mode:multiply;width:61px;height:51px;position:absolute;bottom:93px;left:4px}.hero-bean-secondary{mix-blend-mode:multiply;width:75px;height:54px;position:absolute;bottom:202px;left:235px}.hero-cup{mix-blend-mode:multiply;width:502px;max-width:none;height:597px;position:absolute;bottom:-90px;right:-20px}.hero-title{text-align:center;letter-spacing:5px;color:#404040;z-index:4;font-size:60px;line-height:70px;position:absolute;top:122px;left:0;right:0}.hero-separator{z-index:4;width:184px;height:23px;position:absolute;top:205px;left:calc(50% - 92px);animation-delay:.2s!important}.hero-description{text-align:center;z-index:4;width:719px;height:77px;font-size:18px;font-weight:300;line-height:30px;position:absolute;top:244px;left:calc(50% - 359.5px);animation-delay:.4s!important}.layer-left{animation:enter-left .7s var(--circ-out) .45s both}.layer-right{animation:enter-right .7s var(--circ-out) .5s both}.layer-small{animation:enter-small .5s var(--circ-out) .55s both}.layer-up{animation:enter-copy .5s var(--circ-out) .7s both}.layer-copy{animation:enter-copy .7s var(--expo-out) both}.demo-section{z-index:1;margin-top:-128px;padding:0 5% 50px;position:relative}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;display:grid}.demo-card{text-align:center;min-width:0}.demo-image{transition:transform .5s;display:block;position:relative;box-shadow:0 5px 20px #00000026}.demo-image:hover,.demo-image:focus-visible{transform:translateY(-10px)}.demo-image img{width:100%;height:auto}.demo-card h2{letter-spacing:1.5px;margin-top:58px;font-size:28px;line-height:1.33}.demo-card h2 a{transition:color .3s}.demo-card h2 a:hover{color:var(--gold)}.corretto-tools{z-index:30;flex-direction:column;gap:8px;display:flex;position:fixed;top:calc(50% - 83px);right:0}.corretto-tools>button,.corretto-tools>a{letter-spacing:.5px;border:0;align-items:center;gap:10px;width:115px;height:42px;padding:0 10px;font:600 10px/1 Arial,sans-serif;display:flex}.related-button{color:#fff;background:#ef2857}.related-mark{background:#fff;border-radius:50%;flex-shrink:0;width:24px;height:24px;display:block;position:relative}.related-mark:before{content:"";background:#ef2857;border-radius:50%;position:absolute;inset:7px}.related-mark:after{content:"";background:#fff;width:8px;height:8px;position:absolute;bottom:-1px;left:8px;transform:rotate(45deg)}.buy-button{color:#ef2857;background:#fff;box-shadow:0 2px 8px #00000008}.buy-button .tool-label{color:#111}.related-dialog{color:#656565;background:#faf7f2;border:0;width:min(900px,100% - 32px);max-height:90dvh;padding:0;box-shadow:0 20px 80px #0004}.related-dialog::backdrop{background:#20161080}.related-content{padding:45px;position:relative}.close-related{color:#262626;background:0 0;border:0;width:35px;height:35px;font-size:30px;position:absolute;top:10px;right:12px}.dialog-eyebrow{text-align:center;letter-spacing:3px;font-size:10px}.related-dialog h2{text-align:center;letter-spacing:1px;margin:10px 0 30px;font-size:30px;line-height:1.3}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.related-card img{width:100%;box-shadow:0 3px 15px #0002}.related-card h3{text-align:center;letter-spacing:1px;margin:18px 0;font-size:18px}.related-note{text-align:center;margin-top:20px;font-size:12px;line-height:1.5}body[data-template-demo] .purchase-button{right:62px}@keyframes enter-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes enter-right{0%{transform:translate(100%)}to{transform:none}}@keyframes enter-small{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:none}}@keyframes enter-copy{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}@keyframes header-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:none}}@keyframes header-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:none}}@media (width>=1445px){.corretto-hero{height:750px}.hero-title{font-size:90px;line-height:100px;top:168px}.hero-separator{width:223px;height:28px;top:290px;left:calc(50% - 111.5px)}.hero-description{width:789px;height:71px;font-size:20px;line-height:35px;top:346px;left:calc(50% - 394.5px)}.hero-beans{width:413px;height:355px;bottom:138px;left:0}.hero-bean{width:72px;height:60px;bottom:70px;left:0}.hero-bean-secondary{width:106px;height:76px;bottom:214px;left:364px}.hero-cup{width:745px;height:885px;bottom:-144px;right:0}}@media (width<=1024px){.corretto-hero{height:580px}.hero-title{top:129px}.hero-separator{top:211px}.hero-description{width:484px;height:85px;top:252px;left:calc(50% - 242px)}.wide-break{display:none}.hero-beans{width:240px;height:206px;bottom:156px}.hero-bean{width:51px;height:43px;bottom:93px}.hero-bean-secondary{width:57px;height:41px;bottom:185px;left:213px}.hero-cup{width:416px;height:495px;bottom:-90px;right:0}.demo-grid{gap:30px}.demo-section{margin-top:-118px}}@media (width<=1000px){.demo-grid{grid-template-columns:1fr;gap:75px}.demo-section{margin-top:-168px}.corretto-tools{display:none}.demo-card h2{font-size:28px}.related-grid{grid-template-columns:1fr}.related-card{width:100%;max-width:330px;margin:auto}}@media (width<=479px){.corretto-hero{height:500px}.corretto-logo,.hero-beans,.hero-bean,.hero-bean-secondary,.hero-description{display:none}.purchase-button,body[data-template-demo] .purchase-button{animation-name:mobile-purchase;top:30px;left:50%;right:auto;transform:translate(-50%)}.hero-title{font-size:36px;line-height:46px;top:131px}.hero-separator{top:193px}.hero-cup{width:331px;height:394px;bottom:-90px}.demo-section{margin-top:-108px}.demo-card h2{font-size:25px;line-height:1.33}.related-content{padding:40px 20px}.related-dialog h2{font-size:27px}}@keyframes mobile-purchase{0%{opacity:0;transform:translate(calc(50px - 50%))}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}}.hero-title{width:max-content;margin-left:auto;margin-right:auto}.purchase-button{letter-spacing:1.8px;min-height:0;padding:19px 35px;font-family:Times New Roman,serif;font-size:12px;font-weight:600;line-height:1.15}@media (width>=1601px){.demo-section{margin-top:-168px}}@media (width<=680px){.demo-card h2{font-size:25px}}