/* Each range keeps its own bottle, image and name visible together. */
#collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 22px}
.range-card{display:block;min-width:0;color:inherit;text-decoration:none;background:transparent;outline-offset:6px}
.range-card-image{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;background:#e9e7e0}
.range-card-image img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;transition:opacity .2s ease}
.range-card-info{padding:16px 0 0}
.range-card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted,#716e69);font-size:10px;line-height:1.4;letter-spacing:.04em}
.range-card h3{font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:-.035em;margin:10px 0 0;overflow-wrap:break-word}
.range-card-action{display:flex;align-items:center;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color .2s ease}
.range-card:hover .range-card-action,.range-card:focus-visible .range-card-action,.range-card[aria-current=true] .range-card-action{text-decoration-color:currentColor}
.range-card:hover .range-card-image img{opacity:.94}
#active-range{margin:0 0 32px;padding:30px 0 28px;border-top:1px solid #19191733;border-bottom:1px solid #19191722;scroll-margin-top:24px}
#active-range[hidden]{display:none}
.active-range-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:36px}
.active-range-copy{max-width:720px;min-width:0}
.active-range-copy h3{font-size:clamp(35px,4.8vw,66px);line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px;overflow-wrap:break-word}
.active-range-description{font-size:15px;line-height:1.6;max-width:640px}
.range-clear{min-height:44px;flex:0 0 auto;padding:10px 0 10px 16px;background:transparent;font-size:12px;line-height:1.4;text-decoration:underline;text-underline-offset:5px;border-radius:0;white-space:nowrap}
.range-campaigns{margin-top:28px}
.range-campaigns>.eyebrow{margin-bottom:13px}
.range-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px}
.range-model{display:block;min-width:0;text-decoration:none;color:inherit;outline-offset:4px}
.range-model img{display:block;aspect-ratio:3/2;width:100%;height:auto;object-fit:contain;background:#e9e7e0}
.range-model span{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:10px;line-height:1.4;letter-spacing:.015em}
.range-model:hover span,.range-model:focus-visible span{text-decoration:underline;text-underline-offset:4px}
.tabs button:disabled{cursor:default;opacity:.38}
@media(max-width:1000px){#collection-grid{gap:38px 16px}.range-card h3{font-size:22px}.range-card-meta{font-size:9px}}
@media(max-width:700px){
  #collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}
  .range-card-image{aspect-ratio:3/4}
  .range-card-info{padding-top:12px}
  .range-card-meta{font-size:9px;gap:5px;letter-spacing:0}
  .range-card h3{font-size:23px;margin-top:9px}
  .range-card-action{font-size:10px;min-height:44px}
  #active-range{margin-bottom:22px;padding:22px 0}
  .active-range-intro{display:flex;flex-direction:column;gap:10px}
  .active-range-copy h3{font-size:40px;margin:10px 0 14px}
  .active-range-description{font-size:14px}
  .range-clear{padding:10px 0;min-height:44px;align-self:flex-start}
  .range-campaigns{margin-top:22px}
  .range-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .range-model span{font-size:10px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.range-card-image img,.range-card-action{transition:none}}