@font-face{font-family:Lilita One;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/lilitaone/v15/i7dPIFZ9Zz-WBtRtedDbZHEY7XEHweOl.woff2) format("woff2");font-display:swap}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;src:url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UXskPMBBSSJLm2E.woff2) format("woff2");font-display:swap}:root{--cn-cream: #efe7d3;--cn-cream-deep: #e0d4b8;--cn-ink: #302f2f;--cn-ranch: #1463ab;--cn-ranch-light: #5daaef;--cn-ranch-green: #2d9b2b;--cn-bagel: #dfb257;--cn-bagel-bg: #efe7d3;--cn-bagel-dark: #302f2f;--cn-lime: #31603d;--cn-lime-light: #4fdf4e;--cn-hot: #e7261d;--cn-mustard: #dfb257;--cn-mustard-deep: #c49a3a;--cn-shadow-chunk: 6px 6px 0 0 var(--cn-ink);--cn-shadow-chunk-lg: 10px 10px 0 0 var(--cn-ink);--cn-font-display: "Lilita One", system-ui, sans-serif;--cn-font-body: "Space Grotesk", system-ui, sans-serif}.cn-section{font-family:var(--cn-font-body);color:var(--cn-ink);position:relative}.cn-section h1,.cn-section h2,.cn-section h3,.cn-section h4{font-family:var(--cn-font-display);letter-spacing:-.01em;line-height:.95;text-transform:uppercase;color:var(--cn-ink)}.cn-chunky{border:3px solid var(--cn-ink);box-shadow:var(--cn-shadow-chunk)}.cn-chunky-lg{border:4px solid var(--cn-ink);box-shadow:var(--cn-shadow-chunk-lg)}.cn-halftone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(var(--cn-ink) 1.2px,transparent 1.5px);background-size:12px 12px}.cn-marquee{position:relative;overflow:hidden;border-top:3px solid var(--cn-ink);border-bottom:3px solid var(--cn-ink);padding:.65rem 0}.cn-marquee-track{display:flex;width:max-content;gap:2.5rem;white-space:nowrap;animation:cn-marquee-x 32s linear infinite}.cn-marquee-item{display:flex;align-items:center;gap:2.5rem;font-family:var(--cn-font-display);font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em}@keyframes cn-marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.cn-marquee--ink{background:var(--cn-ink);color:var(--cn-cream)}.cn-marquee--ranch{background:var(--cn-ranch);color:var(--cn-cream)}.cn-marquee--mustard{background:var(--cn-mustard);color:var(--cn-ink)}@keyframes cn-wobble{0%,to{transform:rotate(var(--cn-rot, -6deg)) translateY(0)}50%{transform:rotate(calc(var(--cn-rot, -6deg) + 2deg)) translateY(-4px)}}.cn-wobble{animation:cn-wobble 4s ease-in-out infinite}@keyframes cn-float{0%,to{transform:translateY(0) rotate(var(--cn-rot, -2deg))}50%{transform:translateY(-14px) rotate(calc(var(--cn-rot, -2deg) * -1))}}.cn-float{animation:cn-float 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.cn-marquee-track,.cn-wobble,.cn-float{animation:none}}.cn-burst{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:var(--cn-font-display);text-transform:uppercase;line-height:1.05;clip-path:polygon(50% 0%,61% 12%,75% 4%,79% 20%,94% 19%,91% 35%,100% 50%,91% 65%,94% 81%,79% 80%,75% 96%,61% 88%,50% 100%,39% 88%,25% 96%,21% 80%,6% 81%,9% 65%,0% 50%,9% 35%,6% 19%,21% 20%,25% 4%,39% 12%)}.cn-splat{position:absolute;filter:drop-shadow(3px 3px 0 var(--cn-ink))}.cn-btn{display:inline-flex;align-items:center;gap:.4em;font-family:var(--cn-font-display);text-transform:uppercase;border-radius:999px;padding:.85em 1.5em;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}.cn-btn:hover{transform:translate(3px,3px);box-shadow:none!important}.cn-btn--ink{background:var(--cn-ink);color:var(--cn-cream)}.cn-btn--hot{background:var(--cn-hot);color:var(--cn-cream)}.cn-btn--cream{background:var(--cn-cream);color:var(--cn-ink)}.cn-hero{background:var(--cn-cream);background-image:radial-gradient(circle,#302f2f18 1.5px,transparent 1.5px);background-size:18px 18px;overflow:hidden;position:relative;padding:3rem 1.25rem 2rem}@media(min-width:1024px){.cn-hero{padding:5rem 2rem 4rem}}.cn-hero-grid{display:grid;gap:2rem;max-width:1280px;margin:0 auto;position:relative;z-index:1}@media(min-width:1024px){.cn-hero-grid{grid-template-columns:7fr 5fr;align-items:center}}.cn-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--cn-mustard);border-radius:999px;padding:.4rem 1rem;font-family:var(--cn-font-display);text-transform:uppercase;font-size:.85rem;margin-bottom:1.25rem}.cn-hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--cn-hot)}.cn-hero h1{font-size:clamp(3.5rem,10vw,8rem);line-height:.9}.cn-hero h1 .cn-tilt-ranch{color:var(--cn-ranch);display:inline-block;transform:rotate(-2deg)}.cn-hero h1 .cn-tilt-hot{color:var(--cn-hot);display:inline-block}.cn-hero p.lede{font-size:1.45rem;line-height:1.55;max-width:38rem;margin-top:1.5rem;color:var(--cn-ink);font-weight:600}.cn-hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:1.75rem}.cn-hero-trust{display:flex;align-items:center;gap:1rem;margin-top:1.75rem;font-size:1.2rem;color:var(--cn-ink);font-weight:600}.cn-hero-art{position:relative;aspect-ratio:4/5;min-height:280px}@media(min-width:1024px){.cn-hero-art{height:560px;aspect-ratio:auto;min-height:unset}}.cn-bag-wrap{position:absolute;width:55%;height:auto}.cn-bag-wrap img{width:100%;height:auto;object-fit:contain;display:block;transform:rotate(var(--bag-rot, 0deg)) translate(var(--cursor-dx, 0px),var(--cursor-dy, 0px))}.cn-bag-wrap.pos-left{left:-4%;top:18%;width:52%;z-index:1;--bag-rot: -12deg;animation:cn-float-bag 7s ease-in-out infinite}.cn-bag-wrap.pos-right{right:-4%;top:22%;width:52%;z-index:1;--bag-rot: 10deg;animation:cn-float-bag 8s ease-in-out infinite}.cn-bag-wrap.pos-center{left:50%;top:8%;width:60%;transform:translate(-50%);z-index:2;--bag-rot: -1deg;animation:cn-float-bag-center 6.5s ease-in-out infinite}.cn-bag-wrap.pos-center img{transform:rotate(var(--bag-rot, 0deg)) translate(var(--cursor-dx, 0px),var(--cursor-dy, 0px))}@keyframes cn-float-bag{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cn-float-bag-center{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-16px)}}.cn-page-blob{pointer-events:none;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.2));will-change:transform}.cn-hero-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;display:none}@media(min-width:1024px){.cn-hero-blobs{display:block}}.cn-blob-wrap{position:absolute;animation:cn-float-blob 6s ease-in-out infinite}.cn-blob-wrap:nth-child(2){animation-duration:7.5s}.cn-blob-wrap:nth-child(3){animation-duration:5.5s}@keyframes cn-float-blob{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.cn-blob-img{display:block;pointer-events:none;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.2));transform:rotate(var(--rot, 0deg)) translate(var(--cursor-dx, 0px),var(--cursor-dy, 0px))}.cn-stats{display:grid;grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){.cn-stats{grid-template-columns:repeat(4,1fr)}}.cn-stat{border-top:3px solid var(--cn-ink);border-bottom:3px solid var(--cn-ink);border-right:3px solid var(--cn-ink);padding:2rem 1rem;text-align:center}.cn-stat:nth-child(odd){border-left:3px solid var(--cn-ink)}.cn-stat .num{font-family:var(--cn-font-display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.cn-stat .label{font-family:var(--cn-font-display);text-transform:uppercase;font-size:.95rem;letter-spacing:.04em;margin-top:.5rem}.cn-flavors-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;max-width:700px;margin:0 auto 2.5rem;padding:0 1.25rem}.cn-flavors-grid{display:grid;gap:1.75rem;max-width:1280px;margin:0 auto;padding:0 1.25rem}@media(min-width:1024px){.cn-flavors-grid{grid-template-columns:repeat(3,1fr)}}.cn-flavor-card{border-radius:1.5rem;padding:1rem;position:relative;overflow:hidden}@media(min-width:768px){.cn-flavor-card{padding:1.25rem}}.cn-flavor-card .cn-halftone{opacity:.1}.cn-flavor-scene{position:relative;overflow:hidden;border-radius:1rem;border:3px solid var(--cn-ink);aspect-ratio:4/3;background:#fbf6e34d}.cn-flavor-scene img{width:100%;height:100%;object-fit:contain;padding:.5rem}.cn-flavor-sticker-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cn-flavor-sticker{display:inline-flex;border-radius:999px;border:3px solid var(--cn-ink);background:var(--cn-cream);color:var(--cn-ink);padding:.35rem .85rem;font-family:var(--cn-font-display);font-size:.72rem;text-transform:uppercase;box-shadow:3px 3px 0 0 var(--cn-ink)}.cn-flavor-body{position:relative;z-index:1;padding-top:1.25rem;display:grid;gap:1rem}.cn-flavor-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cn-flavor-chip{display:inline-flex;border:3px solid var(--cn-ink);border-radius:999px;padding:.3rem .85rem;font-family:var(--cn-font-display);font-size:.78rem;text-transform:uppercase;box-shadow:3px 3px 0 0 var(--cn-ink)}.cn-flavor-chip--on-image{position:absolute;top:1rem;right:1rem;z-index:2}.cn-flavor-name{margin-top:.6rem;font-size:clamp(2.5rem,5vw,3.5rem)}.cn-flavor-tag{margin-top:.4rem;max-width:22ch;font-size:1.05rem;font-weight:600}.cn-flavor-packshots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cn-flavor-pack{border:3px solid var(--cn-ink);border-radius:1rem;background:var(--cn-cream);padding:.6rem;text-align:center;color:var(--cn-ink)}.cn-flavor-pack img{width:100%;height:11rem;object-fit:contain}.cn-flavor-pack p{margin-top:.4rem;font-family:var(--cn-font-display);text-transform:uppercase;font-size:.7rem;letter-spacing:.03em}.cn-flavor-details{display:flex;flex-wrap:wrap;gap:.5rem}.cn-flavor-details li{list-style:none;border:3px solid var(--cn-ink);border-radius:999px;background:var(--cn-cream);color:var(--cn-ink);padding:.25rem .75rem;font-family:var(--cn-font-display);font-size:.7rem;text-transform:uppercase}.cn-flavor-cta{display:inline-flex;width:fit-content;border:3px solid var(--cn-ink);border-radius:999px;background:var(--cn-cream);color:var(--cn-ink);padding:.6rem 1.25rem;font-family:var(--cn-font-display);text-transform:uppercase;text-decoration:none;box-shadow:var(--cn-shadow-chunk);transition:transform .15s ease,box-shadow .15s ease}.cn-flavor-cta:hover{transform:translate(2px,2px);box-shadow:none}.cn-variety{position:relative;overflow:hidden;margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;border-radius:1.5rem;background:var(--cn-ink);color:var(--cn-cream);padding:3rem 2rem}@media(min-width:768px){.cn-variety{flex-direction:row;justify-content:center;padding:5rem 4rem;gap:4rem}}.cn-variety img{width:22rem;border-radius:1rem}@media(min-width:768px){.cn-variety img{width:34rem}}.cn-variety-content{flex:1;display:flex;flex-direction:column;align-items:center;max-width:40rem;text-align:center}.cn-split{display:grid;gap:3rem;max-width:1280px;margin:0 auto;padding:0 1.25rem;align-items:center}@media(min-width:1024px){.cn-split{grid-template-columns:1fr 1fr}.cn-split--story{grid-template-columns:3fr 2fr}}.cn-split img{width:100%;border-radius:1.5rem;object-fit:cover}.cn-split-uses{display:grid;gap:1rem;margin-top:2rem;padding:0;list-style:none}@media(min-width:768px){.cn-split-uses{grid-template-columns:1fr 1fr}}.cn-split-uses li{list-style:none;padding:0;margin:0;border-radius:1rem;background:var(--cn-cream);padding:1.1rem}.cn-split-uses .t{font-family:var(--cn-font-display);text-transform:uppercase;font-size:1.3rem}.cn-split-uses .d{margin-top:.4rem;font-size:1.1rem;color:var(--cn-ink);font-weight:500;line-height:1.5}.cn-howto-content{text-align:center;display:flex;flex-direction:column;align-items:center}.cn-howto-content h2,.cn-howto-content p{text-align:center;width:100%}.cn-howto-content .cn-split-uses{width:100%}.cn-story-heading{margin-top:.5rem;font-family:var(--cn-font-display)!important;font-size:clamp(3rem,10vw,5.5rem)!important;text-transform:uppercase!important;line-height:1.05!important;color:var(--cn-ink)!important}.cn-story-heading p,.cn-story-heading *{font-family:inherit!important;font-size:inherit!important;text-transform:inherit!important;line-height:inherit!important;color:inherit!important;margin:0!important}.cn-final-cta{text-align:center;padding:4.5rem 1.25rem;position:relative;overflow:hidden}.cn-final-cta h2{font-size:clamp(2.5rem,9vw,6.5rem);color:var(--cn-mustard);-webkit-text-stroke:3px var(--cn-ink);paint-order:stroke fill}.cn-final-cta p{max-width:36rem;margin:1.75rem auto 0;font-size:1.3rem;font-weight:600}.cn-social-feed{background:var(--cn-cream, #fbf6e3);padding-bottom:3rem;padding-top:0;margin-top:0!important;border-top:none!important}.cn-social-feed>*{margin-top:0!important;border-top:none!important}.cn-dotted{background-image:radial-gradient(circle,#302f2f18 1.5px,transparent 1.5px)!important;background-size:18px 18px!important}.cn-announcement-bar{background:var(--cn-ink, #1c2235)!important;border-bottom:3px solid var(--cn-ink, #1c2235);padding-top:.6rem!important;padding-bottom:.6rem!important}.cn-announcement-bar .announcement-bar__message,.cn-announcement-bar .announcement-bar__message span,.cn-announcement-bar .announcement-bar__link{font-family:var(--cn-font-display, "Lilita One", sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--cn-mustard, #ebbb51)!important;font-size:1.25rem!important}.cn-comparison{position:relative;overflow:hidden}.cn-cmp-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:2rem}.cn-cmp-logo{font-family:var(--cn-font-display);font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;color:var(--cn-cream);-webkit-text-stroke:3px var(--cn-ink);paint-order:stroke fill}.cn-cmp-vs{font-family:var(--cn-font-display);font-size:clamp(1.25rem,3vw,2rem);text-transform:uppercase;color:var(--cn-mustard);text-decoration:underline;text-decoration-color:var(--cn-mustard);text-underline-offset:4px;text-align:center;padding:0 1rem}.cn-cmp-rival{font-family:var(--cn-font-display);font-size:clamp(1.2rem,3.5vw,2.5rem);text-transform:uppercase;color:var(--cn-ink);text-align:right}.cn-cmp-table{position:relative;background:#0000001f;border-radius:1.5rem;padding:2rem 1.5rem;display:grid;gap:1.5rem}.cn-cmp-table:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;background:#ffffff1a;border-radius:1rem;clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%)}.cn-cmp-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.5rem;position:relative;z-index:1}.cn-cmp-val{font-family:var(--cn-font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1}.cn-cmp-val--brand{color:var(--cn-cream);-webkit-text-stroke:2px var(--cn-ink);paint-order:stroke fill}.cn-cmp-val--rival{font-family:var(--cn-font-body);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--cn-ink);text-align:right}.cn-cmp-label{font-family:var(--cn-font-display);font-size:clamp(1rem,2.5vw,1.6rem);text-transform:uppercase;color:var(--cn-cream);text-align:center;text-decoration:underline;text-decoration-color:var(--cn-cream);text-underline-offset:3px}.cn-cmp-footer{margin-top:2rem;text-align:center;font-family:var(--cn-font-display);font-size:clamp(1rem,2.5vw,1.5rem);text-transform:uppercase;color:var(--cn-cream);letter-spacing:.02em}.cn-cmp3{position:relative;overflow:hidden}.cn-cmp3-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.cn-cmp3-inner{grid-template-columns:2fr 3fr;gap:4rem}}.cn-cmp3-left{text-align:center}.cn-cmp3-how{font-size:clamp(3.5rem,9vw,7rem)!important;color:var(--cn-ink)!important;line-height:.88!important;margin:0!important}.cn-cmp3-sub{display:none}.cn-cmp3-col-headers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:0 2rem}.cn-cmp3-col-brand{text-align:left}.cn-cmp3-col-vs{text-align:center}.cn-cmp3-col-rival{text-align:right}.cn-cmp3-brand-title{font-family:var(--cn-font-display);font-size:clamp(1.5rem,3.5vw,2.5rem);text-transform:uppercase;color:var(--cn-mustard);-webkit-text-stroke:2px var(--cn-ink);paint-order:stroke fill;line-height:1}.cn-cmp3-vs{display:inline-flex;align-items:center;justify-content:center;background:var(--cn-cream);color:var(--cn-ink);font-family:var(--cn-font-display);font-size:.85rem;text-transform:uppercase;border-radius:999px;padding:.2rem .7rem;border:2px solid var(--cn-ink);flex-shrink:0}.cn-cmp3-rival-title{font-family:var(--cn-font-display);font-size:clamp(1.5rem,3.5vw,2.5rem);text-transform:uppercase;color:var(--cn-ink);line-height:1;text-align:right}.cn-cmp3-card{background:var(--cn-cream);border-radius:2rem;padding:.25rem 2rem}.cn-cmp3-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:1.75rem 0}.cn-cmp3-divider{height:2px;background:#302f2f1a}.cn-cmp3-brand-val{font-family:var(--cn-font-display);font-size:clamp(2.5rem,5vw,4rem);color:var(--cn-mustard);-webkit-text-stroke:2px var(--cn-ink);paint-order:stroke fill;line-height:1;text-transform:uppercase;text-align:center}.cn-cmp3-label-pill{font-family:var(--cn-font-display);text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.95rem);letter-spacing:.05em;color:var(--cn-cream);background:var(--cn-ranch);border-radius:999px;padding:.45rem 1.1rem;white-space:nowrap;text-align:center;border:2px solid var(--cn-ink)}.cn-cmp3-rival-val{font-family:var(--cn-font-display);font-size:clamp(2rem,4vw,3rem);color:var(--cn-ink);text-align:center;line-height:1;text-transform:uppercase}.cn-cmp3-footer{font-family:var(--cn-font-display);text-transform:uppercase;font-size:clamp(1.1rem,2.5vw,1.5rem);letter-spacing:.05em;color:var(--cn-ink);text-align:center;margin:2.5rem 0 0}.cn-howto-section{box-sizing:border-box;width:100%;overflow:hidden}.cn-howto-inner{max-width:1280px;margin:0 auto}.cn-howto-image-col{display:none}.cn-howto-content-col{display:block;text-align:center;width:100%}.cn-howto-content-col h2,.cn-howto-content-col p{text-align:center}.cn-howto-content-col .cn-split-uses{text-align:left;width:100%}@media(min-width:1024px){.cn-howto-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.cn-howto-image-col{display:block}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/croutinis-comic.css.map */