:root{--ink: #211c19;--paper: #fff9f0;--brand: #ffa85c;--vanilla: #fde6c8;--yellow: #ffa85c;--pink: #ff7f6f;--cyan: #7ed4d1;--purple: #211c19;--orange: #ffa85c;--lime: #cde91e;--ease: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ink);font-family:DM Sans,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}.hero-copy,.flavour-copy,.louie-copy,.stockist-inner>*,.contact-grid>*{min-width:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:.8rem 1rem;border-radius:999px}.skip:focus{top:1rem}.nav{position:absolute;z-index:20;inset:0 0 auto;height:5.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,4rem);font:800 .78rem/1 Figtree,sans-serif;letter-spacing:.09em;text-transform:uppercase}.nav-mark{width:5.2rem;height:4.8rem;object-fit:contain;mix-blend-mode:multiply}.nav-links{display:flex;align-items:center;gap:1.7rem}.nav-links a{text-decoration:none;position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:2px;background:currentColor;transition:right .3s var(--ease)}.nav-links a:hover:after,.nav-links a:focus-visible:after{right:0}.hero{min-height:100svh;position:relative;overflow:hidden;background:var(--brand);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:center;padding:7rem clamp(1.2rem,5vw,5rem) 5.5rem;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;z-index:-2}.hero:before{width:clamp(20rem,42vw,43rem);aspect-ratio:1;background:var(--vanilla);left:-14rem;top:-14rem}.hero:after{width:clamp(22rem,40vw,40rem);aspect-ratio:1;background:#fff;right:-17rem;bottom:-18rem}.hero-copy{position:relative;z-index:2;max-width:56rem}.hero-logo{width:clamp(13rem,22vw,20rem);margin:0 0 clamp(1.1rem,2vw,1.7rem);mix-blend-mode:multiply}.eyebrow{display:flex;align-items:center;gap:.7rem;font:800 .75rem/1 Figtree,sans-serif;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:2.3rem;height:3px;background:currentColor}.hero .eyebrow:before{display:none}h1,h2,h3,p{margin-top:0}h1{margin:.9rem 0 1.1rem;font:900 clamp(4rem,8.3vw,8.5rem)/.81 "Figtree",sans-serif;letter-spacing:-.075em;text-transform:uppercase}h1 span{display:block;color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero-copy>p{max-width:34rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;font-weight:600}.hero-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:.7rem;padding:1rem 1.25rem;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font:800 .82rem/1 Figtree,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:6px 6px #17130f38;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.hero-cta:hover,.hero-cta:focus-visible{transform:translate(3px,3px);box-shadow:3px 3px #17130f38}.hero-visual{position:relative;min-height:min(74vw,47rem);display:grid;place-items:center}.hero-card{width:min(42vw,37rem);aspect-ratio:1;border:4px solid var(--ink);border-radius:46% 54% 58% 42%/45% 43% 57% 55%;overflow:hidden;transform:rotate(4deg);box-shadow:16px 17px 0 var(--ink);animation:hover 5s ease-in-out infinite}.hero-card img{width:100%;height:100%;object-fit:cover}.burst{position:absolute;display:grid;place-items:center;width:8.5rem;aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);background:var(--paper);font:900 .9rem/.95 Figtree,sans-serif;text-align:center;text-transform:uppercase;transform:rotate(-11deg);right:0;top:13%}.burst:before{display:none}.mini-orb{position:absolute;border:3px solid var(--ink);border-radius:50%}.mini-orb.one{width:5rem;height:5rem;background:#fff;left:3%;bottom:10%}.mini-orb.two{width:2.5rem;height:2.5rem;background:var(--ink);right:8%;bottom:15%}@keyframes hover{50%{transform:translateY(-12px) rotate(1.5deg)}}.marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-block:2px solid var(--ink);background:var(--ink);color:var(--brand);padding:.8rem 0;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:ticker 48s linear infinite;will-change:transform}.marquee-group{display:flex;flex-shrink:0}.marquee span{flex:none;font:900 .83rem/1 Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding-right:1.4rem}@keyframes ticker{to{transform:translate(-50%)}}.flavours-head{min-height:70svh;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff;padding:6rem 1.2rem;position:relative;overflow:hidden}.flavours-head:before{content:"";position:absolute;width:24rem;height:24rem;background:var(--brand);border-radius:50%;filter:blur(0);left:-15rem;top:-11rem}.flavours-head:after{content:"";position:absolute;width:18rem;height:18rem;background:var(--vanilla);border-radius:50%;right:-10rem;bottom:-9rem}.section-intro{position:relative;z-index:1;max-width:68rem}.section-intro .eyebrow{justify-content:center;color:var(--brand)}.section-intro .eyebrow:before,.flavour-copy .eyebrow:before,.louie-copy .eyebrow:before,.stockist .eyebrow:before,.contact-copy .eyebrow:before{display:none}.section-intro h2{margin:1.1rem auto 1rem;font:900 clamp(4rem,10vw,9.5rem)/.82 "Figtree",sans-serif;letter-spacing:-.075em;text-transform:uppercase}.section-intro p{max-width:40rem;margin:auto;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.55;color:#ddd3c5}.flavour-nav{position:fixed;z-index:15;right:clamp(.7rem,2vw,1.8rem);top:50%;transform:translateY(-50%);display:grid;gap:.65rem;opacity:0;pointer-events:none;transition:opacity .35s ease}.flavour-nav.visible{opacity:1;pointer-events:auto}.flavour-nav a{width:.78rem;height:.78rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:#17130f40;box-shadow:0 0 0 1px #00000026;overflow:hidden;text-indent:2rem;white-space:nowrap;transition:transform .2s,background .2s}.flavour-nav a.active{background:#fff;transform:scale(1.45)}.flavour{min-height:125svh;position:relative;background:var(--bg);color:var(--fg)}.flavour-inner{min-height:100svh;position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.flavour:nth-of-type(2n) .flavour-image{order:2}.flavour-image{position:relative;display:grid;place-items:center;padding:clamp(1.2rem,4vw,4rem);overflow:hidden}.flavour-image:before{content:"";position:absolute;width:42%;aspect-ratio:1;border:2px solid currentColor;border-radius:50%;top:5%;left:5%;opacity:.35;transform:translateY(calc(var(--local-progress, 0) * 70px))}.flavour-image img{width:min(89%,44rem);aspect-ratio:1;object-fit:cover;border:3px solid currentColor;border-radius:2rem;box-shadow:14px 14px 0 var(--shadow);transform:translateY(calc((.5 - var(--local-progress, .5)) * 36px)) rotate(calc((.5 - var(--local-progress, .5)) * 4deg));transition:filter .4s ease}.flavour-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) clamp(2rem,7vw,7rem);position:relative}.flavour-copy:before{content:"";position:absolute;width:12rem;height:12rem;border-radius:50%;background:var(--accent);right:-5rem;top:-5rem;opacity:.92}.flavour-copy .eyebrow{position:relative}.flavour-copy h3{margin:1rem 0 1.5rem;font:900 clamp(3.7rem,7.8vw,8.5rem)/.81 "Figtree",sans-serif;letter-spacing:-.075em;text-transform:uppercase;max-width:8ch;position:relative}.flavour-copy p{max-width:34rem;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.6;font-weight:500;position:relative}.notes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;position:relative}.notes span{border:1.5px solid currentColor;border-radius:999px;padding:.55rem .8rem;font:800 .72rem/1 Figtree,sans-serif;letter-spacing:.06em;text-transform:uppercase}#pistachio{--bg:#cde91e;--fg:#1d1914;--accent:#f52581;--shadow:#531448}#biscoff{--bg:#ff6b13;--fg:#18120e;--accent:#1763bd;--shadow:#1553a0}#white-chocolate-hazelnut{--bg:#ffc817;--fg:#17130f;--accent:#73b5e6;--shadow:#f5eee0}#coffee{--bg:#2bb8c2;--fg:#17130f;--accent:#ff5b54;--shadow:#5b2b20}#chocolate-hazelnut{--bg:#c8003b;--fg:#fff8e8;--accent:#ff7317;--shadow:#f0a096}#salted-caramel{--bg:#f1ad19;--fg:#17130f;--accent:#4f1469;--shadow:#4f1469}.louie{background:var(--brand);color:var(--ink);padding:clamp(5rem,9vw,9rem) clamp(1.2rem,6vw,6rem);overflow:hidden;position:relative}.louie:before{content:"";position:absolute;width:28rem;height:28rem;border:3px solid var(--ink);border-radius:50%;right:-13rem;top:-12rem;opacity:.18}.louie-grid{max-width:82rem;margin:auto;display:grid;grid-template-columns:minmax(19rem,.86fr) minmax(0,1.14fr);gap:clamp(3rem,8vw,8rem);align-items:center}.louie-art{position:relative;min-height:36rem;display:grid;place-items:center}.louie-art:before{content:"";position:absolute;width:92%;aspect-ratio:1;border-radius:48% 52% 44% 56%;background:var(--paper);border:3px solid var(--ink);transform:rotate(-4deg);box-shadow:14px 14px 0 var(--ink)}.louie-art img{position:relative;z-index:1;width:min(90%,34rem);max-height:35rem;object-fit:contain}.louie-copy .eyebrow{color:var(--ink)}.louie-copy h2{margin:1rem 0 1.6rem;font:900 clamp(3.5rem,6.6vw,7.1rem)/.84 "Figtree",sans-serif;letter-spacing:-.07em;text-transform:uppercase;max-width:10ch}.louie-copy .lead{font:700 clamp(1.45rem,2.7vw,2.5rem)/1.18 "Figtree",sans-serif;letter-spacing:-.035em;max-width:22ch}.louie-copy p:not(.lead){font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.7;max-width:40rem}.louie-journey{margin-top:2.5rem;border-top:2px solid var(--ink)}.louie-row{display:grid;grid-template-columns:7rem 1fr;gap:1.3rem;padding:1.25rem 0;border-bottom:2px solid var(--ink);align-items:baseline}.louie-row strong{font:900 .76rem/1 Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase}.louie-row span{font:700 clamp(1.05rem,1.55vw,1.35rem)/1.3 "Figtree",sans-serif}.stockist{background:var(--ink);color:#fff;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,6vw,6rem);position:relative;overflow:hidden}.stockist:before{content:"W";position:absolute;right:-2vw;top:50%;transform:translateY(-52%);color:var(--brand);opacity:.12;font:900 clamp(18rem,42vw,42rem)/.7 "Figtree",sans-serif}.stockist-inner{position:relative;max-width:82rem;margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);gap:clamp(2.5rem,5vw,5rem);align-items:center}.stockist .eyebrow{color:var(--brand)}.stockist h2{margin:1rem 0 1.5rem;max-width:11ch;font:900 clamp(3.8rem,7vw,7rem)/.84 "Figtree",sans-serif;letter-spacing:-.07em;text-transform:uppercase;overflow-wrap:normal}.stockist p{max-width:36rem;color:#eee4d7;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.6}.stockist-badge{justify-self:center;width:min(100%,20rem);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--brand);border:3px solid white;box-shadow:12px 12px #fff;transform:rotate(4deg)}.stockist-badge img{width:92%;height:92%;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 4px 0 rgba(33,28,25,.14))}.contact{background:var(--paper);color:var(--ink);padding:clamp(5rem,9vw,9rem) clamp(1.2rem,6vw,6rem)}.contact-grid{max-width:82rem;margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(20rem,1.18fr);gap:clamp(3rem,8vw,8rem);align-items:start}.contact-copy .eyebrow{color:#9b521d}.contact-copy h2{margin:1rem 0 1.5rem;font:900 clamp(3.7rem,7vw,7.5rem)/.82 "Figtree",sans-serif;letter-spacing:-.07em;text-transform:uppercase}.contact-copy p{max-width:32rem;color:#5a4a42;font-size:1.1rem;line-height:1.65}.contact-form{display:grid;gap:1.1rem;padding:clamp(1.5rem,4vw,3rem);background:#fff;border:3px solid var(--ink);border-radius:1.75rem;box-shadow:12px 12px 0 var(--brand)}.field{display:grid;gap:.45rem}.field label{font:800 .78rem/1 Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea{width:100%;border:2px solid var(--ink);border-radius:.9rem;background:var(--paper);color:var(--ink);padding:.95rem 1rem;font:500 1rem/1.4 DM Sans,sans-serif}.field textarea{min-height:10rem;resize:vertical}.field input:focus,.field textarea:focus{outline:3px solid var(--brand);outline-offset:2px}.contact-submit{justify-self:start;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:1rem 1.35rem;font:800 .82rem/1 Figtree,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:5px 5px 0 var(--brand)}.contact-submit:disabled{cursor:not-allowed;opacity:.5}.form-status{min-height:1.4rem;margin:0;color:#5a4a42;font-size:.95rem}.closing{min-height:64svh;display:grid;place-items:center;text-align:center;padding:5rem 1.2rem;background:var(--paper);color:var(--ink);position:relative;overflow:hidden}.closing:before,.closing:after{content:"";position:absolute;border-radius:50%;width:17rem;height:17rem}.closing:before{background:var(--brand);left:-8rem;bottom:-8rem}.closing:after{background:var(--vanilla);right:-9rem;top:-9rem}.closing img{width:clamp(14rem,22vw,21rem);margin:0 auto 2rem;mix-blend-mode:multiply}.closing h2{font:900 clamp(3.8rem,8vw,8rem)/.84 "Figtree",sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:0;max-width:11ch}.closing p{margin:1.5rem auto 0;color:#5a4a42;font-size:1.1rem}footer{padding:1.2rem;background:var(--ink);color:var(--brand);text-align:center;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}@media(max-width:820px){.nav{height:4.5rem}.nav-links{gap:1rem}.nav-links a{font-size:.72rem}.hero{display:block;min-height:auto;padding:6.5rem 1.2rem 5.5rem}.hero-logo{width:10rem;margin-bottom:1rem}h1{font-size:clamp(3.7rem,18vw,6rem)}.hero-copy>p{max-width:29rem}.hero-visual{position:relative;right:auto;bottom:auto;width:100%;min-height:auto;margin:3.5rem auto 1.5rem;padding:1.3rem .6rem;opacity:1;z-index:0}.hero-card{width:min(calc(100vw - 3.8rem),30rem);box-shadow:10px 11px 0 var(--purple)}.hero-copy{padding-bottom:0}.burst{width:6.5rem;right:.1rem;top:-.5rem;font-size:.72rem}.mini-orb{display:none}.flavours-head{min-height:62svh}.section-intro h2{font-size:clamp(3.9rem,18vw,6.5rem)}.flavour{min-height:116svh}.flavour-inner{grid-template-columns:1fr;grid-template-rows:48svh 52svh}.flavour:nth-of-type(2n) .flavour-image{order:0}.flavour-image{padding:1.2rem 2.2rem 2rem}.flavour-image:before{z-index:0}.flavour-image img{position:relative;z-index:1;width:min(77vw,24rem,calc(48svh - 5rem));border-radius:1.3rem;box-shadow:8px 8px 0 var(--shadow);transform:translateY(calc((.5 - var(--local-progress, .5)) * 20px)) rotate(calc((.5 - var(--local-progress, .5)) * 2deg))}.flavour-copy{padding:1rem 1.4rem 3.6rem;justify-content:center}.flavour-copy:before{width:8rem;height:8rem}.flavour-copy h3{font-size:clamp(3.5rem,14vw,6rem);margin:.7rem 0 1rem;max-width:11ch}.flavour-copy p{font-size:1rem;line-height:1.48;margin-bottom:.5rem}.notes{margin-top:.65rem;gap:.4rem}.notes span{padding:.4rem .58rem;font-size:.62rem}.flavour-nav{right:.45rem}.louie-grid{grid-template-columns:1fr;gap:2.5rem}.louie-art{min-height:28rem}.louie-art img{max-height:27rem}.louie-copy h2{max-width:11ch}.louie-row{grid-template-columns:6.5rem 1fr}.stockist-inner,.contact-grid{grid-template-columns:minmax(0,1fr)}.stockist h2{font-size:clamp(3rem,11vw,5rem);max-width:100%}.stockist-badge{width:min(68vw,18rem);justify-self:start;margin-left:.5rem}.stockist p{max-width:31rem}}@media(max-width:480px){.nav{padding-inline:.75rem}.nav-mark{width:3rem;height:3.2rem}.nav-links{gap:.65rem}.nav-links a{font-size:.61rem;letter-spacing:.04em}.hero{padding-inline:1rem}.hero-visual{margin-top:2.8rem;padding-inline:.35rem}.hero-card{width:min(calc(100vw - 3rem),26rem)}.burst{right:-.15rem;top:-.8rem;width:5.8rem}.flavour-inner{grid-template-rows:44svh 56svh}.flavour-image img{width:min(70vw,21rem,calc(44svh - 4.5rem))}.flavour-copy h3{font-size:clamp(3rem,13vw,4.5rem)}.louie-art{min-height:23rem}.louie{padding-inline:1rem}.louie-copy h2,.contact-copy h2{font-size:clamp(3rem,14vw,4.4rem);overflow-wrap:anywhere}.louie-row{grid-template-columns:1fr;gap:.35rem}.stockist{padding-inline:1rem}.stockist h2{font-size:clamp(2.5rem,10.8vw,3.4rem);line-height:.9;letter-spacing:-.08em;overflow-wrap:normal}.contact{padding-inline:1rem}.contact-form{padding:1.2rem;border-radius:1.25rem;box-shadow:7px 7px 0 var(--brand)}.closing h2{font-size:clamp(3rem,14vw,4.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.001ms!important}.flavour-image img,.flavour-image:before{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tacose.css.map */