:root{--paper:#f9f7f2;--cream:#f1ede4;--green:#0c4b43;--deep:#07362f;--ink:#171b18;--muted:#656c66;--gold:#c6944a;--line:rgba(23,27,24,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:Arial Nova,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.065em}em{font-family:Iowan Old Style,Baskerville,Georgia,serif;font-weight:400}.eyebrow{font-size:.62rem;font-weight:900;letter-spacing:.18em}.site-header{position:absolute;z-index:10;inset:0 0 auto;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line)}.brand{display:inline-flex;width:max-content;align-items:center}.brand-logo{width:clamp(8.2rem,10vw,10.9rem);height:auto}nav{display:flex;gap:2.2rem;font-size:.67rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}nav a{opacity:.6}nav a:hover,nav a[aria-current=page]{opacity:1}.header-cta{justify-self:end;padding:.5rem 0;border-bottom:1px solid;font-size:.74rem;font-weight:850}.header-cta span{margin-left:.65rem}.products-hero{padding:12rem 5vw 5rem}.products-hero>.eyebrow{color:var(--green)}.products-hero h1{max-width:1120px;margin:2.2rem 0;font-size:clamp(4.2rem,7.3vw,8.8rem);line-height:.86;color:var(--deep)}.products-hero h1 em{color:var(--gold)}.hero-intro{max-width:620px;color:var(--muted);font-family:Georgia,serif;font-size:1.25rem;line-height:1.55}.product-index{display:grid;grid-template-columns:repeat(5,1fr);margin-top:5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-index a{min-height:110px;padding:1.5rem;border-right:1px solid var(--line);font-size:.7rem;font-weight:800;line-height:1.4}.product-index a:last-child{border-right:0}.product-index span{display:block;margin-bottom:1.3rem;color:var(--gold);font-family:Georgia,serif;font-weight:400}.range{border-top:1px solid var(--line)}.product{--accent:#c6944a;display:grid;grid-template-columns:1fr 1fr;min-height:780px;border-bottom:1px solid var(--line);scroll-margin-top:1rem}.product:nth-child(2n) .product-visual{order:2}.product-visual{position:relative;display:grid;place-items:center;overflow:hidden;padding:5vw;background:var(--cream)}.product-visual:after{content:"";position:absolute;inset:10%;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:50%;pointer-events:none}.product-gallery{position:relative;z-index:1;width:100%;min-width:0}.product-gallery-track{display:flex;width:100%;overflow:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.product-gallery-track::-webkit-scrollbar{display:none}.product-gallery.has-multiple .product-gallery-track{overflow-x:auto;overscroll-behavior-inline:contain}.product-slide{position:relative;display:grid;flex:0 0 100%;place-items:center;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.product-slide img{max-height:650px;object-fit:contain;mix-blend-mode:multiply}.product-front-crop{width:min(72%,400px);aspect-ratio:.65;background-image:url(/images/comy-breakfast-hero-v4.webp);background-repeat:no-repeat;background-size:600% auto;background-position:var(--crop-x) 60%;clip-path:polygon(8% 5%,90% 5%,90% 86%,86% 88%,12% 88%,8% 86%);filter:drop-shadow(0 1.4rem 1.4rem rgba(7,54,47,.16))}.product-front-crop.auckland{aspect-ratio:.62;background-image:url(/images/comy-products-auckland-v3.webp);background-size:400% auto;background-position:var(--crop-x) 82%;clip-path:polygon(8% 5%,96% 5%,96% 91%,92% 93%,12% 93%,8% 91%)}.product-slide figcaption{position:absolute;right:1rem;bottom:1rem;padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);border-radius:999px;background:color-mix(in srgb,var(--paper),transparent 10%);color:var(--deep);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.gallery-controls{position:absolute;z-index:3;right:0;bottom:-3.5rem;left:0;display:flex;align-items:center;justify-content:center;gap:.8rem}.gallery-arrow,.gallery-dots button{border:1px solid color-mix(in srgb,var(--accent),transparent 45%);background:color-mix(in srgb,var(--paper),transparent 8%);color:var(--deep);cursor:pointer}.gallery-arrow{display:grid;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;place-items:center;font-size:1rem}.gallery-dots{display:flex;align-items:center;gap:.5rem}.gallery-dots button{width:.48rem;height:.48rem;padding:0;border-radius:50%;background:transparent}.gallery-dots button[aria-current=true]{background:var(--accent)}.gallery-arrow:hover,.gallery-arrow:focus-visible,.gallery-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.product-number{position:absolute;z-index:2;top:2rem;left:2rem;color:var(--accent);font-family:Georgia,serif;font-size:.8rem}.product-copy{display:flex;flex-direction:column;justify-content:center;padding:7rem 6vw}.product-copy>.eyebrow{color:var(--accent)}.product-copy h2{max-width:620px;margin:2rem 0 1rem;color:var(--deep);font-size:clamp(3.5rem,5vw,6rem);line-height:.9}.strap{color:var(--accent);font-family:Georgia,serif;font-size:1.35rem}.sugar-claim-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;margin:1.2rem 0 .4rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--accent),transparent 42%);border-radius:.65rem;background:color-mix(in srgb,var(--accent),transparent 91%)}.sugar-claim-card strong{padding:.45rem .62rem;border-radius:999px;background:var(--deep);color:#fff;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sugar-claim-card span{color:#3f5754;font-size:.68rem;line-height:1.45}.description{max-width:610px;margin:1rem 0 2.5rem;color:var(--muted);line-height:1.75}.specs{margin:0;border-top:1px solid var(--line)}.specs>div{display:grid;grid-template-columns:110px 1fr;gap:1.3rem;padding:1rem 0;border-bottom:1px solid var(--line)}.specs dt{color:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.specs dd{margin:0;font-size:.78rem;line-height:1.55}.nutrition{margin-top:2rem}.nutrition>span{font-size:.58rem;font-weight:900;letter-spacing:.12em}.nutrition ul{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.nutrition li{padding:.62rem .78rem;border:1px solid var(--line);border-radius:999px;font-size:.68rem}.nutrition li.natural-sugar{display:flex;align-items:flex-start;flex-direction:column;border-color:color-mix(in srgb,var(--accent),transparent 42%);border-radius:.8rem;background:color-mix(in srgb,var(--accent),transparent 92%)}.nutrition li.natural-sugar small{max-width:220px;margin-top:.16rem;color:#55706c;font-size:.54rem;line-height:1.35}.pack-note{margin:1rem 0 0;color:#858983;font-size:.57rem;line-height:1.55}.product.pure{--accent:#6c8fa4}.product.blue{--accent:#569ab0}.product.green{--accent:#7c9f48}.product.gold{--accent:#c58d27}.product.sand{--accent:#a4773d}.preparation{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:9rem 5vw;background:var(--green);color:#fff}.preparation .eyebrow{color:#e9c98f}.preparation h2{margin:2.5rem 0 0;font-size:clamp(4rem,6vw,7rem);line-height:.88}.preparation h2 em{color:#e9c98f}.preparation ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.22);list-style:none}.preparation li{display:grid;grid-template-columns:50px 110px 1fr;align-items:baseline;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.22)}.preparation li span{color:#e9c98f;font-family:Georgia,serif}.preparation li strong{font-size:1.1rem}.preparation li p{margin:0;color:#ffffffab;line-height:1.6}.enquiry{padding:9rem 5vw;text-align:center}.enquiry>.eyebrow{color:var(--gold)}.enquiry h2{max-width:1000px;margin:2.5rem auto 1.2rem;color:var(--deep);font-size:clamp(4rem,6.5vw,7.5rem);line-height:.9}.enquiry>p:not(.eyebrow){max-width:620px;margin:0 auto;color:var(--muted);line-height:1.7}.enquiry>a{display:inline-flex;min-width:270px;justify-content:space-between;margin-top:2.5rem;padding:1.1rem 1.3rem;border-radius:999px;background:var(--deep);color:#fff;font-size:.75rem;font-weight:900}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2.8rem 5vw;background:var(--deep);color:#fff}footer>p{margin:0;color:var(--gold);font-family:Georgia,serif;font-style:italic}footer>div{justify-self:end;display:flex;flex-direction:column;align-items:end;gap:.4rem;font-size:.68rem}footer>div span{color:#ffffff7a}@media(max-width:1050px){.site-header{grid-template-columns:1fr 1fr}nav{display:none}.product-index{grid-template-columns:repeat(2,1fr)}.product-index a:nth-child(2n){border-right:0}.product{grid-template-columns:1fr;min-height:0}.product:nth-child(2n) .product-visual{order:0}.product-visual{min-height:620px}.product-copy{padding:6rem 5vw}.preparation{grid-template-columns:1fr}}@media(max-width:640px){.site-header{height:74px;grid-template-columns:1fr;padding:0 1.25rem}.header-cta{display:none}.brand-logo{width:7.6rem}.products-hero{padding:8.5rem 1.25rem 3.5rem}.products-hero h1{font-size:3.45rem;line-height:.9}.hero-intro{font-size:1rem}.product-index{grid-template-columns:1fr;margin-top:3rem}.product-index a{min-height:72px;display:flex;align-items:center;gap:1rem;padding:1rem 0;border-right:0;border-bottom:1px solid var(--line)}.product-index a:last-child{border-bottom:0}.product-index span{margin:0}.product-visual{min-height:460px;padding:2rem 1rem 4.5rem}.product-visual:after{inset:7%}.product-slide img{max-height:390px}.product-slide figcaption{right:.5rem;bottom:.5rem}.gallery-controls{bottom:-3.25rem}.product-number{top:1rem;left:1rem}.product-copy{padding:5rem 1.25rem}.product-copy h2{font-size:3.2rem}.sugar-claim-card{grid-template-columns:1fr;gap:.65rem}.sugar-claim-card strong{width:max-content}.specs>div{grid-template-columns:88px 1fr}.preparation{padding:6rem 1.25rem}.preparation h2{font-size:3.5rem}.preparation ol{margin-top:3rem}.preparation li{grid-template-columns:42px 75px 1fr;gap:.3rem}.enquiry{padding:6rem 1.25rem}.enquiry h2{font-size:3.5rem}footer{grid-template-columns:1fr}footer>div{justify-self:start;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.product-slide.is-front img{transform:scale(1.22)}.product-detail-link{display:inline-flex;align-items:center;justify-content:space-between;width:min(100%,310px);margin-top:1.6rem;padding:1rem 1.2rem;border-radius:999px;background:var(--deep);color:#fff;font-size:.7rem;font-weight:900}.product-detail-link span{margin-left:1rem}