/* Clear product photography and a tactile membership object. */
.intro-image img{height:auto;aspect-ratio:1;object-fit:cover}
.product-photo{aspect-ratio:1;height:auto}
.product-photo>img{height:100%;aspect-ratio:1;object-fit:cover}
.product-info{grid-template-rows:auto 1fr auto}
@media(min-width:1201px){.product-grid[aria-labelledby="category-4"]{grid-template-columns:repeat(5,minmax(0,1fr))}.product-grid[aria-labelledby="category-4"] .product-info h3{font-size:clamp(24px,1.8vw,30px);min-height:2.4em}}
.detail-photo:has(>img){display:flex;align-items:center;justify-content:center}
.detail-photo>img{height:auto;min-height:0;aspect-ratio:1;object-fit:contain;object-position:center}
.month-slider{display:grid;grid-template-columns:1.05fr .95fr;gap:35px 8%;min-height:0;padding:45px 0 35px;align-items:center}
.month-art{grid-column:1;grid-row:1;position:relative;height:570px;display:flex;align-items:center;justify-content:center;background:#493f32;overflow:hidden}
.month-photo{position:relative;inset:auto;height:85%;width:80%;max-width:380px;margin:0;transform:none}
.month-photo .packaging-image{height:100%;background:transparent}
.month-copy{grid-column:2;grid-row:1;padding:0;min-height:0;max-width:440px}
.month-copy h3{font-size:clamp(56px,5.2vw,85px)}
.month-copy .button{min-width:250px}
.month-side{grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;align-items:center;gap:35px;padding:20px 0;border-block:1px solid #74695866}
.month-side>.eyebrow{font-size:8px;margin:0;white-space:nowrap;color:#c1b59f}
#month-side-notes{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1}
#month-side-notes>span{font-size:22px;border:0;padding:0;margin:0;font-family:var(--serif);font-style:italic}
.month-controls{padding-top:0;border:0}
.district-map{aspect-ratio:5/4;min-height:0;background:#eee8dc;border:1px solid var(--line);isolation:isolate}
.district-map>.district-image{position:absolute;inset:0;height:100%;object-fit:cover}
.district-map .map-label{background:var(--ivory);padding:9px 12px;left:16px;bottom:16px;font-size:7px;max-width:calc(100% - 32px)}
.district-map .map-pin{width:48px;height:48px;box-shadow:0 8px 16px #39291f33;z-index:2;border:1px solid #8d7862}
.district-map .map-pin span{left:50%;top:calc(100% + 6px);transform:translateX(-50%);background:var(--ivory);padding:2px 5px;color:var(--espresso)}
.district-map .map-pin.active{background:var(--espresso);transform:translate(-50%,-50%) translateY(-4px)}
.loyalty-grid{grid-template-columns:1fr 1fr;gap:8%}
.club-object{min-width:0;width:100%;max-width:550px;justify-self:end}
.club-stage{perspective:1400px;padding:20px 15px 35px}
.club-card{display:block;position:relative;width:100%;aspect-ratio:8/5;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:visible;border-radius:18px}
.club-card:active{cursor:grabbing}
.club-card img{pointer-events:none;-webkit-user-drag:none}
.club-rotor{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.22,.75,.22,1)}
.club-card.is-dragging .club-rotor{transition:none}
.club-face{display:flex;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden;flex-direction:column;padding:27px 30px;box-shadow:0 22px 35px #211b1733;border:1px solid #8a7255;color:var(--ivory);text-align:left;isolation:isolate;background:#39291f}
.club-surface{position:absolute;inset:0;object-fit:cover;z-index:-2;pointer-events:none}
.club-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#211b173b,transparent 80%);z-index:-1}
.club-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.club-top .brand-logo{width:158px;height:auto}
.club-top>span{font-size:7px;letter-spacing:.14em;white-space:nowrap;color:#d8c6a8}
.club-title{font-family:var(--serif);font-size:clamp(34px,3.8vw,62px);line-height:1;letter-spacing:-.03em;margin:auto 0}
.club-title em{color:#dfc79e}
.club-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.club-bottom>span{font-size:7px;letter-spacing:.09em;line-height:1.9;color:#e4d5bb}
.club-bottom>.club-edition{font-family:var(--serif);font-size:20px;letter-spacing:.05em;white-space:nowrap}
.club-back{transform:rotateY(180deg);background:linear-gradient(135deg,#727864,#414939);border-color:#929681}
.club-back-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#e9e2d1}
.club-back-top .brand-symbol{height:38px;width:29px}
.club-back-title{font-family:var(--serif);font-size:clamp(32px,3vw,50px);line-height:1;margin:8px 0 12px}
.club-back-line{height:1px;display:block;background:#ebe1cb55;flex-shrink:0}
.club-back-copy{font-size:10px;line-height:1.7;margin-top:12px}
.club-back-footer{font-size:6px;letter-spacing:.12em;margin-top:auto;padding-top:10px;color:#d3d4c4}
.club-controls{display:flex;justify-content:center;gap:22px;border-block:1px solid var(--line);padding-block:5px}
.club-controls button{min-height:44px;font-size:10px}
.club-controls button:hover{color:var(--terracotta)}
#club-help{font-size:10px;text-align:center;line-height:1.8;color:var(--muted);margin:14px 0 0}
#club-state{font-size:8px;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:10px 0 0;color:var(--olive)}
@media(max-width:1024px){.month-art{height:490px}.month-slider{gap:28px 6%}.month-copy h3{font-size:59px}.loyalty-grid{gap:5%}.club-stage{padding-inline:0}.club-face{padding:22px}.club-top .brand-logo{width:135px}.club-title{font-size:43px}.club-controls{gap:16px}.club-controls button{font-size:9px}.club-back-copy{font-size:9px}.club-back-top .brand-symbol{height:28px}.club-back-title{font-size:35px;margin:8px 0}.club-back-footer{font-size:5px}}
@media(max-width:700px){
 .hero-photo img{object-position:100% 50%}
 .product-grid[aria-labelledby="category-4"] .product-info{grid-template-rows:auto auto 1fr auto}.product-grid[aria-labelledby="category-4"] .product-info h3{grid-column:1/-1;min-height:2.4em}.product-grid[aria-labelledby="category-4"] .product-info>span{grid-column:1/-1;padding:0;margin:0}
 .intro-image{padding-top:20px;max-width:440px}.product-photo{aspect-ratio:1}.product-photo>img{height:100%}.detail-photo:has(>img){height:auto}.detail-photo>img{height:auto;min-height:0;width:100%}
 .month-slider{display:grid;grid-template-columns:1fr;gap:30px;min-height:0;padding-top:24px}.month-art{grid-column:1;grid-row:1;height:430px;margin:0}.month-photo{height:88%;width:80%;max-width:285px}.month-copy{grid-column:1;grid-row:2;padding-bottom:0;min-height:0;max-width:none}.month-copy h3{font-size:58px}.month-side{grid-row:3;display:block;padding:18px 0}.month-side>.eyebrow{font-size:7px;margin-bottom:14px}#month-side-notes{gap:12px}#month-side-notes>span{font-size:18px}.month-controls{padding-top:0}.month-copy .button{width:100%}
 .district-map{min-height:0;aspect-ratio:5/4}.district-map .map-pin{width:44px;height:44px}.district-map .map-label{font-size:6px;left:10px;bottom:10px;padding:7px 9px;max-width:calc(100% - 20px)}
 .loyalty-grid{grid-template-columns:1fr;gap:35px}.club-object{max-width:470px;justify-self:center}.club-stage{padding:15px 3px 30px}.club-face{padding:20px}.club-top .brand-logo{width:132px}.club-top>span{font-size:6px}.club-title{font-size:43px}.club-bottom>span{font-size:5.5px}.club-bottom>.club-edition{font-size:18px}.club-controls{gap:21px}.club-controls button{font-size:9px}.club-back-title{font-size:37px}.club-back-copy{font-size:9px}.club-back-footer{font-size:5px}.club-back-top{font-size:7px}.club-back-top .brand-symbol{height:25px;width:19px}#club-help{font-size:9px}
}
@media(max-width:380px){.club-face{padding:17px}.club-title{font-size:38px}.club-top .brand-logo{width:118px}.club-back-title{font-size:32px}.club-back-copy{font-size:8px}.club-back-footer{font-size:4.7px}.club-controls{gap:17px}}
@media(prefers-reduced-motion:reduce){.club-rotor{transition:none}}