.product-header{position:relative;background:var(--cream)}.catalogue-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;padding:70px 7%;max-width:1600px;margin:auto}.catalogue-opening h1{font:normal clamp(52px,6vw,88px)/1.02 var(--serif);letter-spacing:-.05em;max-width:580px;margin:22px 0}.catalogue-intro{font-size:15px;line-height:1.8;max-width:360px;color:var(--muted)}.catalogue-pair{position:relative;display:flex;gap:2%;align-items:center;justify-content:center;min-height:420px;background:radial-gradient(ellipse,#eadcc7,transparent 70%)}.pack{display:block;position:relative;aspect-ratio:.81;overflow:hidden;mix-blend-mode:multiply;width:230px;flex:none}.pack img{position:absolute;width:150%;max-width:none;left:-25%;top:-44%}.catalogue-pair .pack{width:47%}.catalogue-pair .first{transform:rotate(-6deg) translateY(-15px)}.catalogue-pair .second{transform:rotate(6deg) translateY(25px)}.catalogue-pair>p{position:absolute;bottom:0;text-align:center;font:italic 21px var(--serif);color:var(--red)}.catalogue-nav{position:sticky;top:0;z-index:4;display:flex;gap:35px;align-items:center;background:#f7f1e7f5;border-block:1px solid var(--line);padding:0 7%;min-height:70px}.catalogue-nav>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-right:auto}.catalogue-nav a{font:18px var(--serif);padding:23px 0}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%;padding:70px 7% 90px;max-width:1500px;margin:auto}.catalogue-product{scroll-margin-top:100px;min-width:0}.product-open{width:100%;padding:0;border:0;background:none;text-align:left}.product-stage{position:relative;display:flex;align-items:center;justify-content:center;height:390px;background:radial-gradient(ellipse at 50% 45%,#fffcf6,#eadfcf);overflow:hidden;border-radius:3px}.product-stage .pack{width:260px}.product-view{position:absolute;bottom:20px;right:22px;font-size:11px;letter-spacing:.04em}.product-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 12px;gap:15px}.product-title h2{font-size:34px;margin:0}.product-title>span{font-size:11px;color:var(--red)}.catalogue-product>h3{font-size:23px;margin:20px 0 12px}.catalogue-product>p,.detail-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:480px}.catalogue-serving{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e9ddc8}.catalogue-serving>img{width:100%;aspect-ratio:1.2;object-fit:cover}.catalogue-serving>div{padding:45px 14%}.catalogue-serving h2{font-size:clamp(36px,4vw,64px)}.product-detail{max-width:1000px;width:calc(100% - 36px);padding:45px}.product-close{position:absolute;right:16px;top:10px;font-size:30px;background:none;border:0;z-index:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-copy h2{font-size:44px}.detail-copy h3{font-size:25px}.detail-copy details{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.detail-copy summary{cursor:pointer}.product-open:hover .product-title{color:var(--red)}
@media(max-width:700px){.catalogue-opening{grid-template-columns:1fr;padding:40px 7%;gap:15px}.catalogue-opening h1{font-size:53px}.catalogue-pair{min-height:300px}.catalogue-pair .pack{width:44%;max-width:190px}.catalogue-pair>p{font-size:18px}.catalogue-nav{gap:22px;min-height:60px}.catalogue-nav>span{display:none}.catalogue-nav a{font-size:16px;padding:20px 0}.catalogue-grid{grid-template-columns:1fr;gap:50px;padding:40px 7% 55px}.product-stage{height:320px}.product-stage .pack{width:230px}.product-title h2{font-size:31px}.catalogue-serving{grid-template-columns:1fr}.catalogue-serving>div{padding:35px 8%}.detail-grid{grid-template-columns:1fr;gap:20px}.product-detail{padding:38px 22px 28px}.product-detail .product-stage{height:230px}.product-detail .pack{width:170px}.detail-copy h2{font-size:35px}.catalogue-nav a:last-child{display:block}}

.catalogue-pair>p{bottom:-25px;margin:0}@media(max-width:700px){.catalogue-pair{margin-bottom:30px}.catalogue-pair>p{bottom:-15px}}

.pack.source-pack{width:250px;height:300px;aspect-ratio:auto;mix-blend-mode:normal;overflow:visible}.pack.source-pack img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.product-title h2{font-size:27px}.product-stage{height:350px}.catalogue-nav{gap:25px}.catalogue-nav a{font-size:16px}.catalogue-nav>span{display:none}.expanded-pair{gap:0}.expanded-pair .pack{width:28%;flex-shrink:1}.expanded-pair .source-pack{height:260px;width:22%}.expanded-pair .mini{height:175px;align-self:center;margin-top:70px}.expanded-pair .snack{height:210px;margin-top:65px}.detail-copy h2{font-size:35px}@media(max-width:950px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-nav{gap:20px;overflow:auto}.catalogue-nav a{white-space:nowrap}}@media(max-width:700px){.catalogue-grid{grid-template-columns:1fr}.expanded-pair .mini{height:125px}.expanded-pair .snack{height:155px}.expanded-pair{min-height:230px}.product-detail .source-pack{height:210px;width:170px}}
/* Preserve printed label whites: the silhouette removes only the exterior backdrop. */
.pack{mix-blend-mode:normal}.pack:not(.source-pack) img{mask-image:url('assets/jar-silhouette.svg');mask-size:100% 100%;mask-repeat:no-repeat}

.jar img[src*="duo-ivory"],.pack:not(.source-pack) img[src*="duo-ivory"]{width:124%;left:-12%;top:-24%;mask-image:url("assets/duo-ivory-mask.svg")}