/* Individual transparent product photography. */
.hero-product,html[data-theme=contour] .hero-product,html[data-theme=nocturne] .hero-product{background:transparent;border-radius:0;overflow:visible}
.hero-product>img,html[data-theme=contour] .hero-product>img,html[data-theme=nocturne] .hero-product>img{width:100%;height:620px;max-height:660px;object-fit:contain;aspect-ratio:auto}
.hero-product figcaption{bottom:-5px}
.packaging-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:90px}
.packaging-story figure{background:#e9e7db;display:flex;justify-content:center;align-items:center;min-height:580px}
.packaging-story img{height:540px;width:100%;object-fit:contain}
.packaging-story h2{font-size:clamp(38px,4vw,60px);margin-bottom:28px}
.packaging-story p:not(.small-title){font-size:13px;color:var(--muted);line-height:2;margin-bottom:25px}
.packaging-story .quiet-link{margin-top:15px}
.selection-images .main-product-image{display:block;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in}
.selection-images .main-product-image img{width:100%;height:600px;object-fit:contain;aspect-ratio:auto}
.pack-colours{display:flex;gap:22px;justify-content:center;margin-bottom:15px}
.pack-colours button{display:flex;align-items:center;gap:9px;background:transparent;color:var(--muted);border:0;border-bottom:1px solid transparent;padding:10px 3px;font:inherit;font-size:12px;cursor:pointer}
.pack-colours button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--stone)}
.pack-swatch{width:14px;height:14px;border-radius:50%;border:1px solid #aa9270;display:inline-block}.pack-swatch.olive{background:#424d3e}.pack-swatch.ivory{background:#f3ead8}
.pack-tools{display:flex;justify-content:center;gap:25px;margin-block:10px 16px}
.pack-tools button,.pack-tools a{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);font:inherit;font-size:11px;padding:8px 0;cursor:pointer}
.pack-dialog{padding:0;border:1px solid var(--line);width:min(1160px,96vw);max-width:96vw;max-height:94vh;background:var(--paper);color:var(--ink)}
.pack-dialog::backdrop{background:#182116c9;backdrop-filter:blur(6px)}
.pack-reader-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;background:var(--paper);border-bottom:1px solid var(--line)}
.pack-reader-toolbar h2{font:500 13px/1.7 var(--sans);letter-spacing:0;margin:0}
.pack-reader-toolbar>div{display:flex;align-items:center;gap:20px}
.pack-reader-toolbar button,.pack-reader-toolbar a{font:500 11px/1.6 var(--sans);color:var(--ink);background:transparent;border:0;padding:9px 0;cursor:pointer}
.pack-reader-toolbar [data-close-dialog]{font-size:27px;padding:0 5px}
.pack-reader-viewport{height:72vh;overflow:auto;background:var(--surface);padding:15px;direction:ltr;text-align:center}
.pack-reader-viewport img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}
.pack-reader-viewport.native-size img{width:1024px;max-width:none;height:1536px;object-fit:contain}
.pack-label-transcript{padding:20px 28px;border-top:1px solid var(--line)}
.pack-label-transcript summary{cursor:pointer;font-size:13px}
.pack-label-transcript p{font-size:14px;line-height:1.8;margin-block:12px}
html[dir=rtl] .packaging-story h2{font-family:var(--arabic);font-size:43px;line-height:1.8}
html[dir=rtl] .pack-reader-toolbar h2,html[dir=rtl] .pack-reader-toolbar button,html[dir=rtl] .pack-reader-toolbar a{font-family:var(--arabic-body)}
@media(max-width:950px){.packaging-story{gap:40px;padding-block:60px}.packaging-story figure{min-height:480px}.packaging-story img{height:440px}.selection-images .main-product-image img{height:520px}.hero-product>img,html[data-theme=contour] .hero-product>img,html[data-theme=nocturne] .hero-product>img{height:550px}}
@media(max-width:650px){.hero-product,html[data-theme=contour] .hero-product,html[data-theme=nocturne] .hero-product{width:100%;margin-inline:0;min-height:0}.hero-product>img,html[data-theme=contour] .hero-product>img,html[data-theme=nocturne] .hero-product>img{height:490px;max-height:none;aspect-ratio:auto}.hero-product figcaption{bottom:-16px;font-size:8px}.packaging-story{grid-template-columns:1fr;gap:32px;padding-block:65px}.packaging-story figure{min-height:0;padding:22px 0}.packaging-story img{height:490px}.packaging-story h2{font-size:39px}html[dir=rtl] .packaging-story h2{font-size:33px}.selection-images{position:relative;top:auto}.selection-images .main-product-image img{height:510px}.pack-tools{gap:20px}.pack-tools button,.pack-tools a{font-size:11px}.image-footnote{font-size:10px;line-height:1.8}.pack-reader-toolbar{padding:12px;align-items:flex-start;gap:8px}.pack-reader-toolbar h2{font-size:11px;max-width:110px}.pack-reader-toolbar>div{gap:13px}.pack-reader-toolbar button,.pack-reader-toolbar a{font-size:10px}.pack-reader-viewport{height:70vh;padding:8px}.pack-label-transcript{padding:18px}}
