/* Approved homepage product collections, 2026-09-29. */
.collections-refined{padding:88px 0 96px;scroll-margin-top:70px;}
.collection-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end;margin-bottom:40px;}
.collection-intro h2{
  font-size:clamp(26px,2.5vw,36px);line-height:1.35;
  text-transform:none;letter-spacing:0;text-wrap:balance;
}
.collection-intro p{font-size:16px;line-height:1.75;color:var(--faint);max-width:52ch;}
.product-gallery{
  display:grid;grid-template-columns:1010fr 798fr 586fr;
  gap:24px;align-items:stretch;
}
.collection-card{
  min-width:0;display:flex;flex-direction:column;text-decoration:none;
  background:var(--white);color:var(--charcoal);scroll-margin-top:96px;
}
.collection-boston{grid-column:1;grid-row:1 / 3;}
.collection-candle{grid-column:2;grid-row:1 / 3;}
.collection-pump{grid-column:3;grid-row:1;}
.collection-diffuser{grid-column:3;grid-row:2;}
.collection-image{width:100%;flex:none;background:var(--plaster);}
.collection-image img{display:block;width:100%;height:auto;object-fit:contain;}
.collection-caption{
  flex:1;display:flex;flex-direction:column;gap:12px;
  padding:20px 0 16px;border-bottom:1px solid var(--hairline);
  transition:border-color .2s ease;
}
.collection-description h3{
  font-size:clamp(19px,1.65vw,24px);line-height:1.35;
  text-transform:none;letter-spacing:0;margin-bottom:8px;
}
.collection-description p{font-size:14px;line-height:1.55;color:var(--faint);letter-spacing:0;}
.collection-action{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;min-height:44px;color:var(--gold-text);
  font-size:14px;font-weight:500;
}
.collection-action svg{flex:none;transition:transform .2s ease;}
.collection-card:hover .collection-caption{border-color:var(--gold-text);}
.collection-card:hover .collection-action span{text-decoration:underline;text-underline-offset:5px;}
.collection-card:hover .collection-action svg{transform:translateX(4px);}
.collection-card:focus-visible{outline:2px solid var(--gold-text);outline-offset:6px;}
.collection-pump .collection-caption,.collection-diffuser .collection-caption{
  display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:start;
  gap:8px;padding:14px 0 12px;
}
.collection-pump h3,.collection-diffuser h3{font-size:18px;margin-bottom:4px;}
.collection-pump .collection-description p,.collection-diffuser .collection-description p{font-size:13px;}
.collection-pump .collection-action,.collection-diffuser .collection-action{min-height:24px;margin:0;}
.collection-pump .collection-action span,.collection-diffuser .collection-action span{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
.collection-closures{
  grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;
  gap:40px;background:var(--plaster);padding:28px 32px;margin-top:8px;
}
.collection-closures .collection-caption{border:none;padding:0;gap:8px;}
.collection-closures .collection-action{justify-content:flex-start;min-height:36px;}
.accessories-visual{display:flex;align-items:center;gap:32px;padding-right:24px;}
/* Each viewport samples the same unretouched source photo. Only whitespace
   corners containing neighboring lids are clipped; the products are not redrawn. */
.lid-slot{display:flex;align-items:center;justify-content:center;width:72px;height:56px;flex:none;}
.lid-photo{--lid-size:56px;position:relative;display:block;width:var(--lid-size);height:var(--lid-size);overflow:hidden;mix-blend-mode:multiply;}
.lid-photo img{position:absolute;display:block;width:calc(var(--lid-size) * 8 / 3);height:calc(var(--lid-size) * 8 / 3);max-width:none;left:calc(var(--lid-size) * var(--photo-x) / -300);top:calc(var(--lid-size) * var(--photo-y) / -300);}
.lid-wood{--photo-x:99;--photo-y:353;clip-path:polygon(0 0,73% 0,100% 22%,100% 100%,0 100%);}
.lid-black{--photo-x:262;--photo-y:110;clip-path:polygon(0 0,100% 0,100% 80%,75% 100%,30% 100%,0 70%);}
.lid-copper{--photo-x:420;--photo-y:355;clip-path:polygon(0 20%,34% 0,100% 0,100% 100%,0 100%);}
@media(max-width:1060px){
  .collection-intro{grid-template-columns:1fr;gap:20px;}
  .collection-intro h2{max-width:720px;text-wrap:initial;}
  .collection-intro p{max-width:68ch;}
  .product-gallery{grid-template-columns:1fr 1fr;row-gap:32px;}
  .collection-boston,.collection-candle,.collection-pump,.collection-diffuser{grid-column:auto;grid-row:auto;}
  .collection-boston .collection-image,.collection-candle .collection-image{aspect-ratio:1 / 1.06767;display:flex;align-items:center;}
  .collection-image img{max-height:100%;}
  .collection-closures{gap:24px;}
  .accessories-visual{gap:16px;padding:0;}
  .lid-slot{width:56px;height:48px;}
  .lid-photo{--lid-size:48px;}
}
@media(max-width:640px){
  .collections-refined{padding:56px 0 64px;}
  .collection-intro{gap:16px;margin-bottom:32px;}
  .collection-intro h2{font-size:27px;line-height:1.4;}
  .collection-intro h2 br{display:none;}
  .collection-intro p{font-size:15.5px;}
  .product-gallery{grid-template-columns:1fr;gap:32px;}
  .collection-boston .collection-image,.collection-candle .collection-image{aspect-ratio:auto;}
  .collection-caption{padding:16px 0 12px;gap:8px;}
  .collection-description h3{font-size:21px;}
  .collection-pump h3,.collection-diffuser h3{font-size:21px;}
  .collection-pump .collection-description p,.collection-diffuser .collection-description p{font-size:14px;}
  .collection-closures{grid-template-columns:1fr;padding:24px;gap:20px;margin:0;}
  .accessories-visual{grid-row:1;justify-content:flex-start;gap:24px;}
  .lid-slot{width:56px;height:48px;}
  .lid-photo{--lid-size:48px;}
}
@media(prefers-reduced-motion:reduce){
  .collection-caption,.collection-action svg{transition:none;}
  .collection-card:hover .collection-action svg{transform:none;}
}