:root{--teal:#12B9C9;--orange:#F28620;--ink:#252525;--muted:#62676a;--pale:#EFFAFB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font:400 17px/1.65 'Nunito Sans',Arial,sans-serif}h1,h2,h3{font-family:Fredoka,Arial,sans-serif;line-height:1.15;font-weight:600;letter-spacing:-.01em;margin:0 0 20px}h1{font-size:clamp(2.8rem,5vw,4.9rem)}h2{font-size:clamp(2rem,3.5vw,3.4rem)}h3{font-size:1.12rem;font-weight:500;letter-spacing:0}p{margin:0 0 20px}a{color:inherit}img{display:block;max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 clamp(22px,5vw,70px)}header{position:relative;background:white;z-index:10;border-bottom:1px solid #f1f1f1}.nav{min-height:95px;display:flex;justify-content:space-between;align-items:center;gap:25px}.logo{display:block;width:155px;flex-shrink:0}.logo img{width:100%;height:86px;object-fit:contain}nav{display:flex;gap:27px;align-items:center}nav a{font-size:.9rem;text-decoration:none;font-weight:500}nav a:hover{color:#087982}.nav-cta{border:1px solid #cfdcdf;padding:9px 18px;border-radius:4px}.menu{display:none;border:0;background:white;font:500 1rem Fredoka}.eyebrow{text-transform:uppercase;font:500 .78rem Fredoka;letter-spacing:.14em;color:#087982;margin-bottom:15px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#252525;padding:13px 23px;border:0;border-radius:4px;text-decoration:none;font:500 .94rem Fredoka;cursor:pointer}.button:hover{background:#e87916}.button.outline{background:white;border:1px solid #cbd9da}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}section{scroll-margin-top:25px}.hero{position:relative;min-height:720px;height:calc(100svh - 95px);max-height:930px;overflow:hidden;background:#fff}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.83) 23%,rgba(255,255,255,.3) 43%,transparent 64%)}.hero::after{content:'';position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,white);z-index:2}.hero-content{position:relative;z-index:3;padding-top:clamp(80px,12vh,140px)}.hero-copy{max-width:475px}.hero h1{max-width:450px}.hero p{max-width:395px;font-size:1.08rem}.section{padding:105px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.product-image{width:100%;height:auto;object-fit:contain}.intro-text{color:var(--muted);max-width:680px}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.point{padding-top:23px;border-top:1px solid #dce7e8}.point p{font-size:.95rem;color:var(--muted);margin:0}.icon{width:40px;height:40px;display:block;margin-bottom:18px;color:#08828d}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fine{color:var(--muted);font-size:.83rem;margin-top:27px}.range{background:var(--pale)}.center{text-align:center}.range-image{max-width:860px;margin:40px auto 0}.range-image img{width:100%;height:auto}.sizes{max-width:860px;margin:15px auto 0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.sizes strong{font:500 1.1rem Fredoka}.sizes span{display:block;font-size:.91rem;color:var(--muted)}.lid-grid{grid-template-columns:1.12fr .88fr;gap:65px}.features{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.features h3{margin-bottom:8px}.features p{font-size:.93rem;color:var(--muted)}.features .icon{width:34px;height:34px;margin-bottom:12px}.closing{padding:60px 0;background:#fff7ef}.closing .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.closing h2{font-size:1.8rem;margin:0 0 8px}.closing p{margin:0;color:var(--muted)}footer{padding:40px 0;border-top:1px solid #edf0f0;background:white}.foot{display:flex;gap:35px;align-items:center;justify-content:space-between}.foot .logo{width:135px}.foot small{font-size:.78rem;color:var(--muted);max-width:520px}.foot-links{display:flex;gap:20px;font-size:.87rem}.page-top{padding:75px 0 50px}.page-top p{max-width:670px;color:var(--muted)}.collection{padding:35px 0 85px}.collection+.collection{background:var(--pale)}.collection img{width:100%;max-height:520px;object-fit:contain}.contact-hero{padding:60px 0 80px;background:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.anu-image{margin:0}.anu-image img{width:100%;max-height:650px;object-fit:contain}.profile-copy{font-size:1.12rem;color:var(--muted)}.profile-line{font:500 1.1rem Fredoka;color:#087982}.blue{color:var(--ink)}.enquiry{padding:80px 0;background:var(--pale)}.enquiry-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:8px;font-size:.94rem;font-weight:500}input,textarea{width:100%;padding:13px 15px;border:1px solid #bdcdd0;border-radius:4px;background:white;font:inherit;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #07828d;outline-offset:2px}.full{grid-column:1/-1}.contact-form .button{justify-self:start}.form-note,.form-status{font-size:.88rem;margin:0;color:var(--muted)}
@media(max-width:900px){.two-col,.lid-grid,.contact-grid,.enquiry-grid{grid-template-columns:1fr;gap:40px}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:95px;background:white;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #dfe8e9}nav.open{display:flex}.points{gap:20px}.section{padding:75px 0}.hero{min-height:670px;max-height:800px}.hero-copy{max-width:390px}.hero h1{font-size:3.3rem}.hero::before{background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.7) 35%,rgba(255,255,255,.12) 75%)}.anu-image{max-width:430px;margin:auto}.closing .wrap,.foot{flex-wrap:wrap}.collection .two-col{gap:25px}}
@media(max-width:580px){.nav{min-height:80px}.logo{width:135px}.logo img{height:72px}nav{top:80px}.hero{min-height:820px;height:calc(100svh - 80px);max-height:980px}.hero-photo{object-position:center 58%}.hero::before{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.87) 29%,rgba(255,255,255,.2) 48%,transparent 65%)}.hero-content{padding-top:35px}.hero-copy{max-width:100%}.hero h1{font-size:2.75rem;max-width:350px}.hero p{font-size:1rem;max-width:350px}.hero::after{height:100px}.points{grid-template-columns:1fr;margin-top:30px}.point{display:grid;grid-template-columns:42px 1fr;column-gap:17px}.point .icon{grid-row:1/3}.point h3{margin-bottom:8px}.sizes strong{font-size:.93rem}.sizes span{font-size:.8rem}.features{gap:18px}.foot{gap:20px}.contact-form{grid-template-columns:1fr}.full{grid-column:auto}.page-top{padding:50px 0 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:901px){.hero{height:75vw;min-height:780px;max-height:1250px}.hero-photo{object-position:center 46%}}
@media(max-width:580px){.hero{height:auto;min-height:calc(144vw + 340px);max-height:none}.hero-photo{top:320px;height:auto;object-fit:contain}.hero::before{background:linear-gradient(180deg,white 0%,white 260px,rgba(255,255,255,.1) 430px,transparent 520px)}}

/* Chirpy Pop visual language */
:root{--teal:#12b9c9;--orange:#f28620;--ink:#151515;--muted:#4e5358;--pale:#e9fbfb;--coral:#f26f63;--sun:#f8c62d;--mint:#73d5b5;--blue:#3157d5;--lilac:#c9a4ec;--cream:#fff9ea}
body{background:#fffdf9;color:var(--ink)}
h1,h2,h3{letter-spacing:-.028em}h1{font-weight:600}h2{font-weight:600}h3{font-weight:600}
header{background:#fffdf9;border-bottom:0;box-shadow:0 3px 24px rgba(30,25,15,.045)}
nav a{font-family:Fredoka,Arial,sans-serif;font-size:.97rem}nav a:hover{color:#008e9c}
.nav-cta{background:var(--sun);border:0;border-radius:999px;padding:10px 19px;transform:rotate(-2deg);box-shadow:3px 4px 0 rgba(21,21,21,.13)}
.nav-cta:hover{background:#ffd947;color:var(--ink)}
.eyebrow{display:inline-block;background:var(--mint);color:var(--ink);padding:6px 14px;border-radius:999px;letter-spacing:.055em;font-size:.78rem;transform:rotate(-2deg);margin-bottom:20px}
.button{border-radius:999px;background:var(--orange);color:#151515;font-size:1rem;padding:14px 25px;box-shadow:4px 5px 0 rgba(21,21,21,.14);transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:#ffa133;transform:translateY(-2px) rotate(-1deg);box-shadow:5px 7px 0 rgba(21,21,21,.14)}
.button.outline{border:2px solid #151515;background:#fffdf9;box-shadow:4px 5px 0 rgba(21,21,21,.12)}
.hero{background:#fffdf9}.hero::after{background:linear-gradient(transparent,#fffdf9)}
.hero h1 span{color:var(--teal)}.hero-copy h1{line-height:1.06}.hero-copy p{font-size:1.14rem;color:#292b2c}
.hero-callout{position:absolute;right:3.5vw;top:58px;z-index:4;font:600 clamp(1.55rem,2.9vw,2.55rem)/1.04 Fredoka,Arial,sans-serif;color:#161616;transform:rotate(7deg);text-align:center;text-shadow:0 2px 12px white}
.doodle-lines{position:absolute;left:-65px;top:-23px;font-size:4rem;color:var(--teal);font-weight:400;transform:rotate(-25deg);line-height:1}
.hero-sticker{position:absolute;right:9%;top:560px;background:var(--sun);padding:17px 22px;border-radius:46% 54% 48% 52%;transform:rotate(-9deg);font:600 1.04rem/1.15 Fredoka,Arial,sans-serif;text-align:center;box-shadow:7px 8px 0 rgba(21,21,21,.1);max-width:180px}
.section{position:relative}.section .wrap{position:relative}
#circularity{background:#fffdf9}#circularity .two-col{background:#e9faf8;border-radius:40px;padding:clamp(28px,4vw,58px);gap:30px;overflow:hidden}
#circularity .two-col .product-image{max-height:520px;filter:drop-shadow(0 15px 18px rgba(45,36,22,.12))}
#circularity h2{max-width:540px}#circularity .intro-text{color:#3f4c4c}
.section-sticker{position:absolute;z-index:2;display:inline-block;border-radius:17px;padding:12px 17px;font:600 1.14rem/1.08 Fredoka,Arial,sans-serif;color:#151515;box-shadow:5px 6px 0 rgba(21,21,21,.11);text-align:center}
.circular-sticker{right:2%;top:405px;background:var(--sun);transform:rotate(9deg)}
.points{gap:19px;margin-top:40px}.point{border:0;border-radius:28px;padding:28px 25px 30px;min-height:245px;background:#ffe6e1;position:relative}.point:nth-child(2){background:#fff0b9}.point:nth-child(3){background:#ddf8ee}
.point .icon{width:64px;height:54px;border-radius:50%;background:#fff9f4;display:grid;place-items:center;color:#141414;margin-bottom:20px;transform:rotate(-7deg)}.point:nth-child(2) .icon{background:#ffd266;transform:rotate(7deg)}.point:nth-child(3) .icon{background:#95e9cd}.point .icon svg{width:34px;height:34px;stroke-width:2.3}
.point h3{font-size:1.35rem;line-height:1.16;margin-bottom:10px}.point p{font-size:.98rem;color:#373a3a;line-height:1.5}.fine{font-size:.86rem}
.range{background:#fff4d5}.range .eyebrow{background:var(--coral)}.range h2{font-size:clamp(2.4rem,4vw,4rem)}
.highlight-mark{background:linear-gradient(transparent 60%,#ffce39 60%,#ffce39 94%,transparent 94%);padding:0 .1em}
.range-image{position:relative;margin-top:35px}.range-image img{filter:drop-shadow(0 15px 15px rgba(60,45,21,.1))}.range-sticker{right:-25px;top:4%;background:var(--mint);transform:rotate(9deg);font-size:1.02rem}
.sizes{gap:12px;margin-top:8px}.sizes div{background:#fffdf9;padding:14px 7px 13px;border-radius:18px;box-shadow:0 7px 0 rgba(242,134,32,.12)}.sizes strong{font-size:1.12rem}.sizes span{color:#555}
#lids{background:#fffdf9}.lid-visual{position:relative}.lid-visual img{filter:drop-shadow(0 15px 18px rgba(30,25,15,.12))}.lid-sticker{right:0;top:2%;background:var(--coral);transform:rotate(10deg)}
#lids .features{gap:12px}.features article{padding:19px;border-radius:20px;background:#e9faf8}.features article:nth-child(2){background:#fff0b9}.features article:nth-child(3){background:#ffe5dc}.features article:nth-child(4){background:#eee4fd}
.features .icon{color:#171717;background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px}.features .icon svg{width:29px;height:29px;stroke-width:2}
.features h3{font-size:1.12rem}.features p{color:#3d4142;margin-bottom:0}
.closing{background:var(--teal);padding:70px 0}.closing h2{font-size:clamp(2rem,3.1vw,3.2rem)}.closing p{color:#19393d}.closing .button{background:var(--sun);flex-shrink:0}.closing-doodle{display:block;font:600 4rem/.55 Fredoka;color:#fff;transform:rotate(-6deg);margin-bottom:22px}
footer{background:#fffdf9;border-top:0}
.page-top{position:relative;background:#fff4d5;border-radius:0 0 46px 46px}.page-top h1{max-width:750px}.page-sticker{position:absolute;right:8%;top:80px;background:var(--mint);padding:15px 21px;border-radius:17px;transform:rotate(9deg);font:600 1.1rem/1.13 Fredoka;box-shadow:6px 7px 0 rgba(21,21,21,.12)}
.collection{background:#fffdf9}.collection+.collection{background:#e9faf8}.collection img{filter:drop-shadow(0 14px 15px rgba(50,40,20,.1))}.collection h2{font-size:clamp(2.5rem,4vw,4rem)}.collection-tag{display:inline-block;background:var(--sun);border-radius:999px;padding:7px 15px;font:600 .82rem Fredoka;transform:rotate(-3deg);margin-bottom:19px}.collection-tag.coral{background:var(--coral)}
.contact-hero{background:#fff4d5}.contact-hero .profile-line{color:#087982}.enquiry{background:#e9faf8}.enquiry-grid>div:first-child .eyebrow{background:var(--coral)}input,textarea{border-radius:13px;border-color:#b7d0cd}input:focus,textarea:focus{outline-color:var(--teal)}
@media(max-width:900px){.hero-callout{right:22px;top:26px;font-size:1.5rem}.hero-sticker{right:5%;top:510px}.circular-sticker{top:440px;right:1%}.range-sticker{right:0}.page-sticker{right:5%;top:65px}}
@media(max-width:580px){.hero-callout{position:relative;display:inline-block;top:auto;right:auto;margin:26px 0 0 40px;font-size:1.45rem;text-align:left;transform:rotate(-4deg)}.doodle-lines{left:-41px;top:-8px;font-size:2.5rem}.hero-sticker{display:none}.hero-copy p{font-size:1.03rem}.hero-content{padding-top:30px}.hero{min-height:calc(144vw + 425px)}.hero-photo{top:400px}.hero::before{background:linear-gradient(180deg,#fffdf9 0%,#fffdf9 360px,rgba(255,253,249,.1) 500px,transparent 590px)}.hero::after{background:linear-gradient(transparent,#fffdf9)}#circularity .two-col{padding:24px;border-radius:28px}.circular-sticker{position:relative;right:auto;top:auto;margin:22px 0 -3px 6px;transform:rotate(-5deg)}.point{min-height:0;padding:22px}.point .icon{width:46px;height:46px;margin:0}.point .icon svg{width:28px;height:28px}.point h3{font-size:1.22rem}.points{gap:12px}.range-sticker{font-size:.8rem;padding:8px 10px;top:-5px;right:0}.sizes{gap:5px}.sizes div{padding:10px 2px}.sizes strong{font-size:clamp(.67rem,2.7vw,.9rem)}.sizes span{font-size:.75rem}.lid-sticker{font-size:.86rem;right:2%;top:-5px}.features article{padding:16px}.closing .wrap{align-items:flex-start}.page-sticker{position:relative;top:auto;right:auto;display:inline-block;margin:3px 0 24px 10px;transform:rotate(-5deg)}.contact-hero,.enquiry{padding:55px 0}}
.usecase-common{padding:75px 0;background:#fff4d5;text-align:center}.usecase-common h2{max-width:850px;margin:8px auto 18px}.usecase-common p{font-family:Fredoka,Arial,sans-serif;font-size:1.1rem;margin-bottom:26px}.usecase-common .button.outline{background:#fffdf9}
@media(max-width:580px){.usecase-common{padding:58px 0}.usecase-common p{font-size:.94rem}}
.collection-tag.mint{background:var(--mint)}.coffee-use{background:#fff7e7!important}.coffee-use .coffee-cutout{max-height:620px;width:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(69,45,27,.14));mix-blend-mode:normal}
/* Let light-background product photography dissolve into each section. */
#circularity .product-image,.range-image img,.lid-visual img,.collection img:not(.coffee-cutout){mix-blend-mode:multiply}
.contact-hero .anu-image img,.contact-anu-grid img{mix-blend-mode:normal;filter:drop-shadow(0 8px 10px rgba(35,30,30,.06))}
.contact-anu{background:#fff4d5}.contact-anu-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:65px;align-items:center}.contact-anu-grid img{width:100%;max-height:510px;object-fit:contain}.contact-anu-grid .intro-text{font-size:1.12rem}.contact-anu-grid .button{margin-top:7px}
@media(max-width:900px){.contact-anu-grid{grid-template-columns:1fr;gap:30px}.contact-anu-grid img{max-height:400px;order:2}.contact-anu-grid>div{order:1}}
@media(max-width:580px){.coffee-use .coffee-cutout{max-height:520px}.contact-anu-grid img{max-height:360px}}
/* Product artwork now has real alpha rather than a white image canvas. */
#circularity .product-image,.range-image img,.lid-visual img,.collection img:not(.coffee-cutout){mix-blend-mode:normal}
#circularity .product-image,.range-image img,.collection img:not(.coffee-cutout){filter:drop-shadow(0 14px 14px rgba(40,30,15,.11))}
.lid-visual img{filter:none}

/* Tightly cropped vector mark: let its natural proportions set the height. */
.nav{min-height:128px}
.logo{width:196px}
.logo img{display:block;width:100%;height:auto}
.hero{height:calc(100svh - 128px)}
@media(max-width:900px){nav{top:128px}}
@media(max-width:580px){.nav{min-height:106px}.logo{width:160px}nav{top:106px}.hero{height:calc(100svh - 106px)}}