/* Popup shows the complete clickable campaign image. */
.shop { padding: 110px 0 20px; }
.shop-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:44px; }
.shop-heading h2 { font-size:clamp(38px,5vw,58px); }
.shop-note { color:var(--muted); font-size:12px; line-height:1.6; text-align:right; margin:0 0 5px; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.product-card { background:#e7e2d9; }
.product-photo { display:block; aspect-ratio:4/5; overflow:hidden; background:#d8d0c4; }
.product-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.product-card:hover .product-photo img { transform:scale(1.04); }
.product-info { padding:20px 20px 21px; }
.product-type { color:var(--gold); font-size:9px; letter-spacing:2px; font-weight:700; margin:0 0 10px; }
.product-info h3 { font:500 23px/1.1 'Playfair Display',Georgia,serif; margin:0 0 19px; }
.product-bottom { display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid #cfc8bc; }
.product-bottom strong { font-size:16px; }.product-bottom span { color:var(--muted); font-size:9px; letter-spacing:1px; }
.product-order { display:block; color:var(--ink); font-size:10px; font-weight:700; text-decoration:none; padding-top:15px; }
.popup-card { width: min(700px, 100%) !important; padding: 0 !important; }
.popup-card { width: min(700px, 100%) !important; padding: 0 !important; }
.popup-image { height: auto !important; }
.popup-image img { height: auto !important; object-fit: contain !important; }
.popup-image:after { display: none; }
@media (max-width: 700px) {
	.shop { padding: 72px 0 10px; }
	.shop-heading { display: block; margin-bottom: 30px; }
	.shop-note { text-align: left; margin-top: 18px; }
	.product-grid { grid-template-columns: 1fr; gap: 18px; }
}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#171816;--paper:#f1eee8;--gold:#bc8a3a;--muted:#77766f;--line:#d4d0c8;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.page-shell{max-width:1280px;margin:auto;padding:0 7vw;overflow:hidden}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:4px;display:flex;align-items:center;gap:10px}.brand span{border:1px solid var(--gold);color:var(--gold);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;letter-spacing:0}.live{color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:700}.live i{width:7px;height:7px;background:#6b9a60;display:inline-block;border-radius:50%;margin-right:8px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 45%;align-items:center;gap:8%;padding:70px 0 80px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700;margin:0 0 24px}h1,h2{font-weight:500;letter-spacing:-2px;line-height:1.02;margin:0}h1{font-size:clamp(48px,6vw,78px)}h2{font-size:clamp(38px,5vw,58px)}em{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--gold)}.intro{max-width:365px;color:var(--muted);font-size:15px;line-height:1.7;margin:28px 0}.cta{text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;min-width:236px;padding:17px 20px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2c251a1c}.cta span{font-size:18px}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--gold)}.micro{color:var(--muted);font-size:11px;margin-top:22px}.hero-art{position:relative;display:block;background:#111;aspect-ratio:1/1.22;overflow:hidden;box-shadow:16px 16px 0 #ded9cf}.hero-art img,.popup-image img{width:100%;height:100%;object-fit:cover;display:block}.image-link{text-decoration:none}.image-link:after{content:'CLICK TO WHATSAPP  ↗';position:absolute;bottom:0;right:0;background:var(--gold);padding:13px 17px;color:#fff;font-size:9px;font-weight:700;letter-spacing:1.5px}.art-fallback{position:absolute;inset:0;display:none;color:#e0ad52;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 20%,#5b4119,#0b0b0a 50%)}.art-fallback strong{font:600 45px Georgia,serif;letter-spacing:8px}.art-fallback span{margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:3px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0}.proof div{display:flex;gap:20px;align-items:center;padding-left:8%;border-right:1px solid var(--line)}.proof div:last-child{border:0}.proof strong{font:italic 600 32px 'Playfair Display',serif;color:var(--gold)}.proof span{font-size:12px;line-height:1.5;color:var(--muted)}.closing{text-align:center;padding:115px 0}.closing .eyebrow{margin-bottom:19px}.closing .cta{margin-top:30px}footer{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;color:#9a958c;font-size:9px;letter-spacing:1.5px}.popup-backdrop{position:fixed;inset:0;z-index:10;background:#16151299;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s}.popup-backdrop.is-open{opacity:1;pointer-events:auto}.popup-card{position:relative;background:var(--paper);width:min(380px,100%);padding:14px 14px 30px;box-shadow:0 22px 70px #0006;transform:translateY(20px);transition:transform .3s}.is-open .popup-card{transform:translateY(0)}.popup-image{height:205px;position:relative;display:block;overflow:hidden;background:#111}.popup-card .eyebrow{margin:26px 16px 11px;font-size:9px}.popup-card h2,.popup-card>p:not(.eyebrow){margin-left:16px;margin-right:16px}.popup-card h2{font-size:35px}.popup-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6;margin-top:12px;margin-bottom:22px}.popup-card .cta{margin:0 16px;width:calc(100% - 32px)}.close{position:absolute;right:22px;top:22px;z-index:2;border:0;background:#171816dd;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1}@media(max-width:700px){.page-shell{padding:0 22px}.topbar{height:72px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding:54px 0 65px}.hero-art{width:82%;align-self:center}.proof{gap:18px}.proof div{padding-left:0;gap:10px}.proof strong{font-size:24px}.proof span{font-size:10px}.closing{padding:80px 0}footer{font-size:8px}}@media(max-width:420px){.live{font-size:8px;letter-spacing:1px}.proof{grid-template-columns:1fr;padding:22px 0}.proof div{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.proof div:last-child{border:0}.hero-art{width:100%}.closing h2{font-size:38px}}