*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:#171719;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,a,summary,input{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ed008c;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(54px,6.2vw,92px);margin-bottom:26px;font-weight:900}h1 em{font-style:normal;color:#ee008b}h2{font-size:clamp(35px,4vw,55px);margin-bottom:24px;font-weight:800}h3{font-size:22px;letter-spacing:-.035em;line-height:1.2;margin-bottom:12px}p{margin-bottom:20px}.site-header{max-width:1360px;margin:auto;padding:28px 48px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #e8e8e8}.logo{margin-right:auto}.logo img{display:block;width:220px;height:auto}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:700}.site-header nav a:hover,.text-link:hover{color:#e60087}.cart{display:flex;padding:10px}.cart svg{width:25px;height:25px}.hero{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;padding:75px 48px 65px;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;margin-bottom:25px}.lede{font-size:19px;max-width:490px;line-height:1.6}.button{background:#171719;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;gap:38px;border-radius:5px;font-weight:700;font-size:15px}.button:hover{background:#ee008b}.hero-copy .small{margin:18px 0 0}.small{font-size:13px;color:#5b5b60}.hero-art{position:relative;background:#f4f4f4;border-radius:12px;height:515px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:0}.hero-art img{height:425px;width:48%;object-fit:contain}.bottle-one{transform:rotate(-9deg)}.bottle-two{transform:rotate(9deg);margin-left:-25px}.art-note{position:absolute;top:30px;left:28px;font-size:13px;font-weight:700}.art-caption{position:absolute;bottom:22px;color:#777;font-size:11px}.section{max-width:1264px;margin:auto;padding:75px 0;border-top:1px solid #dedee0}.section-heading{max-width:700px}.section-heading>p:last-child{font-size:18px;color:#59595e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.feature-grid p{color:#5b5b60;font-size:15px}.feature-number{display:block;color:#ed008c;font-size:14px;font-weight:800;margin-bottom:22px}.sizes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px}.sizes strong{margin-right:10px}.sizes span{background:#f4f4f4;border:1px solid #e3e3e3;padding:9px 14px;border-radius:5px}.bottles>.small{margin:15px 0 0}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px}.text-link{font-size:15px;font-weight:700;border-bottom:1px solid #171719;padding-bottom:7px}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:25px;margin-bottom:22px}.how li>span{font-size:15px;border:1px solid #d8d8d8;border-radius:50%;width:35px;height:35px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.how li p{font-size:15px;color:#5b5b60}.circle-tip{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.circle-tip h2{font-size:36px;max-width:460px}.circle-tip p{max-width:550px}.circle-demo{display:flex;justify-content:center;gap:25px;align-items:center;background:#fafafa;min-height:250px;border-radius:10px}.circle-demo span:not(.arrow){width:105px;height:105px;border:3px solid #171719;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:15px;line-height:1.3;background:#fff}.circle-demo .wide{width:120px!important;border-color:#ed008c!important;color:#ed008c}.arrow{font-size:25px}.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-bottom:1px solid #ddd;padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:17px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:22px;color:#ed008c}.faq-list details[open] summary:after{content:"\2212"}.faq-list details p{font-size:15px;color:#5b5b60;margin:15px 30px 0 0}.contact{text-align:center;padding:85px 20px}.contact>p:last-child{font-size:14px;margin:20px 0 0}footer{background:#f5f5f5;padding:55px max(48px,calc((100vw - 1264px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;font-size:13px}footer img{width:195px}footer p{color:#777;margin-top:14px}footer strong{display:block;margin-bottom:15px}footer a{display:block;margin-bottom:8px}.footer-note{grid-column:1/-1;border-top:1px solid #ddd;padding-top:22px;margin-bottom:0;font-size:11px}@media(max-width:1360px){.section{margin-left:48px;margin-right:48px}}@media(max-width:760px){.site-header{padding:22px;gap:15px;flex-wrap:wrap}.logo img{width:175px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.cart{padding:0}.hero{padding:45px 22px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:60px}.hero-art{height:380px}.hero-art img{height:325px}.hero .lede{font-size:17px}.section{margin:0 22px;padding:45px 0}.feature-grid{grid-template-columns:1fr;gap:18px;margin:30px 0}.feature-number{margin-bottom:10px}.how,.circle-tip,.questions{grid-template-columns:1fr;gap:30px}.circle-tip .circle-demo{order:2;min-height:190px}.contact{padding:55px 0}.contact h2{font-size:38px}footer{padding:40px 22px;grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.sizes{gap:8px}.sizes strong{width:100%;margin-bottom:5px}.eyebrow{margin-bottom:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:760px){.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.hero h1{font-size:clamp(42px,11vw,60px)}}.business{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.business p{max-width:610px}.business-callout{background:#fff0f8;padding:40px;border-radius:10px;font-size:clamp(28px,3.4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.14}.business-callout em{color:#ec008b;font-style:normal}@media(max-width:760px){.business{grid-template-columns:1fr;gap:25px}.business-callout{padding:28px}}@font-face{font-family:CAF Sans;src:url(caf-dmsans.ttf) format("truetype");font-display:swap}@font-face{font-family:CAF Serif;src:url(caf-fraunces.ttf) format("truetype");font-display:swap}:root{--caf-pink:#ec008b;--caf-soft:#ffa6ed;--caf-mint:#a1f5dc;--caf-ink:#202024;--caf-white:#fff}body{font-family:CAF Sans,Arial,sans-serif;color:var(--caf-ink)}h1,h2{font-family:CAF Serif,Georgia,serif;font-weight:800;letter-spacing:-.045em}h1 em{color:var(--caf-pink)}.site-header{border-bottom:2px solid var(--caf-soft)}.site-header nav a:hover,.cart{color:var(--caf-pink)}.hero{gap:45px;padding-top:60px;padding-bottom:70px}.hero-art{background:var(--caf-mint);border-radius:130px 130px 24px 24px;border:2px solid var(--caf-ink);box-shadow:12px 12px 0 var(--caf-soft)}.art-note{color:var(--caf-ink);max-width:180px;line-height:1.3}.art-caption{color:var(--caf-ink);font-size:12px}.button{background:var(--caf-pink);border:2px solid var(--caf-pink);border-radius:50px;color:#fff;gap:20px;padding:14px 25px}.button:hover{background:var(--caf-ink);border-color:var(--caf-ink)}.eyebrow{color:#9d005c}.feature-grid{gap:20px}.feature-grid article{background:var(--caf-soft);padding:28px;border-radius:18px}.feature-grid article:nth-child(2){background:var(--caf-mint)}.feature-grid article:nth-child(3){background:#fff1fc;border:2px solid var(--caf-soft)}.feature-grid p,.section-heading>p:last-child{color:var(--caf-ink)}.feature-number{color:#940058;font-size:18px}.sizes span{background:var(--caf-mint);border:0;border-radius:30px}#signs{background:var(--caf-soft);border:0;border-radius:24px;padding:55px;position:relative}#signs .section-heading{max-width:780px}#signs h2{font-size:clamp(38px,4.6vw,65px)}.how li>span{background:var(--caf-mint);border:0;font-weight:800}.circle-demo{background:var(--caf-mint);border-radius:24px}.circle-demo .wide{background:var(--caf-soft);border-color:var(--caf-ink)!important;color:var(--caf-ink)}.business-callout{background:var(--caf-mint);border-radius:24px;border:2px solid var(--caf-ink);box-shadow:10px 10px 0 var(--caf-soft);font-family:CAF Serif,Georgia,serif}.contact.section{background:var(--caf-pink);color:#fff;border:0;border-radius:24px;padding:65px 30px;margin-bottom:70px}.contact .eyebrow,.contact p,.contact a{color:#fff}.contact .button{background:var(--caf-mint);border-color:var(--caf-mint);color:var(--caf-ink)}.contact .button:hover{background:#fff;border-color:#fff}footer{background:var(--caf-mint);border-top:2px solid var(--caf-ink)}footer p{color:#45454a}.footer-note{border-color:#7fbea9}@media(max-width:760px){.hero{padding:40px 22px 55px}.hero-art{border-radius:95px 95px 20px 20px;box-shadow:7px 7px 0 var(--caf-soft)}.hero h1{font-size:clamp(42px,10.4vw,60px)}.feature-grid article{padding:24px}#signs{padding:30px 24px}.contact.section{padding:45px 22px;margin-bottom:40px}.business-callout{box-shadow:6px 6px 0 var(--caf-soft)}.hero-copy .text-link{margin-left:0!important;margin-right:15px}}body{background:#ffa6ed}.site-header{max-width:none;padding-left:max(48px,calc((100vw - 1264px)/2));padding-right:max(48px,calc((100vw - 1264px)/2));background:#ffa6ed;border-bottom:2px solid #202024}.hero{max-width:none;background:#ffa6ed;padding-left:max(48px,calc((100vw - 1264px)/2));padding-right:max(48px,calc((100vw - 1264px)/2))}.hero-art{background:#ec008b;box-shadow:12px 12px #a1f5dc}.hero-art .art-note,.hero-art .art-caption{color:#fff}main>.section{max-width:none;margin:0;border:0;border-radius:0;padding:75px max(48px,calc((100vw - 1264px)/2))}main>.bottles{background:#a1f5dc}.feature-grid article{background:#ffa6ed;border:0;box-shadow:none}.feature-grid article:nth-child(2){background:#fff1fc}.feature-grid article:nth-child(3){background:#ec008b;color:#fff;border:0}.feature-grid article:nth-child(3) p,.feature-grid article:nth-child(3) .feature-number{color:#fff}.sizes span{background:#ffa6ed}main>#signs{background:#ec008b;color:#fff;padding:75px max(48px,calc((100vw - 1264px)/2));border-radius:0}#signs .eyebrow,#signs .section-heading>p:last-child{color:#fff}#signs .button{background:#a1f5dc;border-color:#a1f5dc;color:#202024}main>.section:nth-of-type(4){background:#ffa6ed}main>.how{background:#a1f5dc}.how li>span{background:#ec008b;color:#fff}main>.circle-tip{background:#ffa6ed}.circle-demo{background:#ec008b;border:2px solid #202024;box-shadow:8px 8px #a1f5dc}.circle-demo .arrow{color:#fff}.circle-demo .wide{background:#a1f5dc}main>.questions{background:#a1f5dc}.faq-list details{border-color:#629b88}main>.business{background:#ffa6ed}.business-callout{background:#ec008b;color:#fff;box-shadow:10px 10px #a1f5dc}.business-callout em{color:#a1f5dc}main>.contact.section{background:#ec008b;margin:0;border-radius:0;padding:75px max(22px,calc((100vw - 1264px)/2))}footer{background:#a1f5dc}@media(max-width:760px){.site-header{padding:22px}.hero{padding:40px 22px 55px}.hero-art{box-shadow:7px 7px #a1f5dc}main>.section,main>#signs{margin:0;padding:45px 22px}.circle-demo{box-shadow:5px 5px #a1f5dc}.business-callout{box-shadow:6px 6px #a1f5dc}main>.contact.section{padding:55px 22px}}:root{--caf-cream:#fff8e8;--caf-white:#fff8e8}body,.site-header,.hero{background:var(--caf-cream)}.feature-grid article:nth-child(2){background:var(--caf-cream)}.circle-demo .round{background:var(--caf-cream)}main>.section:nth-of-type(4),main>.circle-tip{background:var(--caf-cream)}.caf-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.caf-reveal.caf-visible{opacity:1;transform:translateY(0)}.feature-grid article:nth-child(2){transition-delay:.08s}.feature-grid article:nth-child(3){transition-delay:.16s}.button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 6px #20202420}.button:active{transform:translateY(0);box-shadow:none}.site-header nav a,.text-link{transition:color .2s ease,transform .2s ease}.hero-copy>.button{animation:caf-button-pop .7s cubic-bezier(.2,.8,.2,1) .6s 1 both}@keyframes caf-button-pop{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@media(hover:hover){.feature-grid article{transition:opacity .65s ease,transform .3s ease,box-shadow .3s ease}.feature-grid article.caf-visible:hover{transform:translateY(-6px);box-shadow:0 9px #20202412}.cart{transition:transform .2s ease}.cart:hover{transform:rotate(-8deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.caf-reveal{opacity:1;transform:none;transition:none}.hero-copy>.button{animation:none}.button,.feature-grid article,.cart{transition:none}.button:hover,.button:focus-visible,.feature-grid article.caf-visible:hover,.cart:hover{transform:none}}.circle-tip{display:block}.circle-tip>div{max-width:720px}.you-picker{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center;margin:0 0 65px}.you-controls h2{max-width:700px}.you-controls h2 em{color:#ec008b;font-style:italic}.you-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.you-fields label{font-weight:700;font-size:15px;display:grid;gap:7px}.you-fields label:last-child{grid-column:1/-1}.you-fields select{width:100%;min-width:0;padding:13px 38px 13px 14px;border:1.5px solid #202024;border-radius:12px;background:#fff8e8;color:#202024;font:inherit;cursor:pointer}.you-fields select:focus-visible{outline:3px solid #ec008b;outline-offset:3px}.you-punchline{font-family:Fraunces,serif;font-weight:700;font-size:clamp(22px,2.2vw,32px);line-height:1.15}.you-preview{margin:0;text-align:center;position:relative}.you-preview [data-picture]{width:100%;max-width:530px;margin:auto}.you-preview svg{display:block;width:100%;height:auto}.you-preview figcaption{font-weight:700;font-size:18px}.you-preview .small{margin-top:8px}.you-controls>.button{margin-top:12px}@media(max-width:760px){.you-picker{grid-template-columns:1fr;gap:12px}.you-preview{grid-row:2}.you-preview [data-picture]{max-width:380px}.you-fields{gap:12px}.you-picker{margin-bottom:40px}}.you-picker:not([data-state=result]):not([data-state=revealing]){grid-template-columns:1fr;min-height:380px}.you-picker [hidden]{display:none!important}.you-controls{max-width:760px}.you-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}.you-actions .button{border:0;cursor:pointer;font:700 18px DM Sans,sans-serif}.you-secondary{border:1.5px solid #202024;border-radius:30px;background:transparent;padding:15px 24px;font:700 17px DM Sans,sans-serif;cursor:pointer}.you-back{display:block;border:0;background:none;text-decoration:underline;text-underline-offset:5px;padding:18px 0;font:inherit;cursor:pointer;color:inherit}.you-stage{animation:youStep .25s ease both}.you-stage h3{margin-top:28px}.you-colour-label{display:grid;gap:8px;font-weight:700;max-width:400px}.you-colour-label select{background:#fff8e8;border:1.5px solid #202024;border-radius:12px;padding:16px;font:inherit;width:100%;color:#202024}.you-loading{padding:20px 0}.you-reveal [data-picture]{animation:youEntrance 1.1s cubic-bezier(.2,.8,.25,1.1) both;transform-origin:50% 50%}.you-reveal figcaption{animation:youStep .4s 1.1s both}.you-picker button:focus-visible,.you-picker a:focus-visible{outline:3px solid #ec008b;outline-offset:5px}@keyframes youStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes youEntrance{0%{opacity:0;transform:scale(.006)}15%{opacity:1;transform:scale(.025)}75%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.you-stage,.you-reveal [data-picture],.you-reveal figcaption{animation:none}}.you-word{opacity:0;animation:youInk .16s ease-out var(--you-delay) forwards}@keyframes youInk{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.you-word{opacity:1;animation:none}}footer .caf-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding-top:20px}footer .caf-socials span{font-weight:700}footer .caf-socials a{margin:0;text-decoration:underline;text-underline-offset:4px}@font-face{font-family:CAF You Sans;src:url(caf-dmsans.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:"CAF You Serif";src:url(caf-fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:CAF You Geometric;src:url(caf-montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:CAF You Classic;src:url(caf-playfairdisplay.ttf) format("truetype");font-weight:100 900;font-display:swap}
/*# sourceMappingURL=/cdn/shop/t/59/assets/caf-homepage.css.map */