.food-club-page{background:#fff;color:#1a433c}
.club-header{max-width:1760px;margin:auto;padding:24px clamp(20px,4vw,80px);display:flex;align-items:center;gap:32px;position:relative;z-index:30}
.club-header>a:first-child{margin-right:auto;flex-shrink:0}.club-header img{width:clamp(110px,12vw,182px);height:auto;display:block}
.club-desktop{display:flex;gap:clamp(20px,2.2vw,40px);align-items:center}.club-header a{text-decoration:none}.club-desktop a{font-size:clamp(16px,1.1vw,20px);padding:12px 0}.club-desktop a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.club-cta{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;background:#f8d849;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px;min-height:48px}.club-cta:hover{background:#fcf5cf}
.club-menu{display:none}.club-container{width:min(100% - 2 * clamp(20px,4vw,80px),1600px);margin-inline:auto}
.club-hero{text-align:center;padding:clamp(50px,7vw,120px) 20px clamp(36px,5vw,80px)}.club-hero h1{margin:0 auto 36px;width:min(85vw,1150px);line-height:1}.club-hero h1 img{display:block;width:100%;height:auto}.club-hero h2{color:#1a433c;font-size:clamp(28px,3.4vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0}
.food-club-page .plan-comparison{padding-top:24px;max-width:1600px}.plan-comparison .section-heading h2{font-size:clamp(28px,2.7vw,44px)}
/* The tilted receipt overlaps the free card without obscuring its heading. */
.plan-comparison .section-heading.free-plan-note{
  display:block;
  position:relative;
  z-index:3;
  width:min(520px,calc((100% - 24px)/2));
  margin:0 0 -28px -8px;
  transform:rotate(-7deg);
  transform-origin:left bottom;
  filter:drop-shadow(0 5px 5px #1a433c12);
}
@media(max-width:960px){
  .plan-comparison .section-heading.free-plan-note{width:min(520px,100%);margin-left:0}
}
@media(max-width:740px){
  .plan-comparison .section-heading.free-plan-note{width:calc(100% - 8px);margin-left:8px;margin-bottom:-16px}
}
/* Matt's page-specific gray paper treatment; the brand-green type is unchanged. */
.free-plan-paper{
  --tear:12px;
  padding:clamp(26px,3vw,42px);
  background:#e9e9e7;
  clip-path:polygon(
    2px 7px,3% 4px,6% 6px,7% 1px,12% 5px,16% 2px,
    19% 7px,20% var(--tear),22% 5px,27% 3px,31% 6px,34% 0,
    38% 4px,40% 3px,43% 8px,45% 4px,50% 6px,54% 1px,
    59% 4px,62% 2px,64% var(--tear),66% 6px,71% 3px,75% 7px,
    78% 2px,83% 5px,86% 0,89% 4px,94% 2px,97% 8px,100% 5px,
    calc(100% - 2px) 22%,100% 34%,calc(100% - 4px) 38%,
    calc(100% - 1px) 42%,100% 66%,calc(100% - 3px) 79%,
    100% calc(100% - 7px),96% calc(100% - 3px),93% calc(100% - 5px),
    90% 100%,86% calc(100% - 4px),83% calc(100% - var(--tear)),
    81% calc(100% - 6px),77% calc(100% - 3px),72% calc(100% - 7px),
    68% calc(100% - 2px),65% calc(100% - 5px),60% 100%,
    57% calc(100% - 4px),54% calc(100% - 2px),50% calc(100% - 8px),
    47% calc(100% - 3px),42% calc(100% - 6px),40% calc(100% - var(--tear)),
    38% calc(100% - 5px),33% calc(100% - 2px),29% calc(100% - 5px),
    24% 100%,20% calc(100% - 4px),16% calc(100% - 2px),
    13% calc(100% - 8px),10% calc(100% - 4px),6% calc(100% - 6px),
    3% calc(100% - 2px),0 calc(100% - 5px),2px 83%,0 65%,
    3px 59%,1px 53%,0 30%,3px 26%,0 22%
  );
}
@media(max-width:740px){.free-plan-paper{--tear:8px}}
.plan-comparison .free-plan-paper h2{font-weight:700;line-height:1.08;margin:0 0 12px}
.plan-comparison .free-plan-paper p{max-width:28ch;margin:0;color:#1a433c;font-size:clamp(20px,1.7vw,28px);line-height:1.4}
.club-value{text-align:center;max-width:1000px;padding-block:clamp(40px,6vw,100px)}.club-eyebrow{font-size:clamp(16px,1.3vw,21px);font-weight:500;margin:0 0 24px}.club-value h2,.club-feature h2,.club-close h2{font-size:clamp(34px,3.8vw,64px);letter-spacing:-.045em;line-height:1.08;font-weight:500;margin:0 0 28px}.club-value>p:not(.club-eyebrow),.club-feature-copy>p:not(.club-eyebrow),.club-close p{font-size:clamp(18px,1.5vw,24px);line-height:1.6;color:#486254}
.club-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,5vw,90px);align-items:center;padding-block:clamp(45px,6vw,110px)}.club-film{min-width:0;border-radius:28px;overflow:hidden;background:#f2f3ef;aspect-ratio:3/2}.club-film video{display:block;width:100%;height:100%;object-fit:contain}.club-feature-copy{max-width:610px}.club-feature-reverse{grid-template-columns:1fr 1.2fr}.club-feature-reverse .club-film{grid-column:2;grid-row:1}.club-feature-reverse .club-feature-copy{grid-column:1;grid-row:1}
.club-close{text-align:center;padding:clamp(40px,6vw,100px) 24px;background:#fcf5cf;border-radius:32px;margin-block:40px 100px}.club-close p{max-width:660px;margin:24px auto 32px}.club-close .club-cta{background:#1a433c;color:#fff}
@media(max-width:960px){.club-desktop{display:none}.club-header{gap:16px;padding-block:20px}.club-menu{display:block;margin:0;padding:0;border:0}.club-menu summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;min-height:44px;font-size:16px}.club-menu summary::-webkit-details-marker{display:none}.club-menu nav{position:absolute;top:100%;left:20px;right:20px;display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid #1a433c25;box-shadow:0 12px 30px #1a433c18;border-radius:20px}.club-menu nav a{padding:12px}.club-header .club-cta{font-size:13px;padding:12px 16px}.club-feature,.club-feature-reverse{grid-template-columns:1fr;gap:30px}.club-feature-reverse .club-film,.club-feature-reverse .club-feature-copy{grid-column:auto;grid-row:auto}.club-feature-copy{max-width:700px}.club-value{max-width:700px}.club-hero{padding-top:55px}.plan-comparison .plan-columns{grid-template-columns:1fr}.club-hero h1{margin-bottom:24px}}
@media(max-width:380px){.club-header{gap:10px}.club-header img{width:90px}.club-header .club-cta{padding-inline:12px;font-size:12px}.club-menu summary{font-size:14px}.club-close{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Balance the two plan names and keep the paid plan clearly outlined. */
.plan-comparison .plan-columns{--plan-title-size:clamp(56px,7.3vw,98px)}
.plan-comparison .plan-card>h3{display:flex;align-items:center;min-height:var(--plan-title-size);margin-bottom:18px}
.plan-comparison .free-plan-card>h3{font-size:var(--plan-title-size);font-weight:700;line-height:1;letter-spacing:-.045em}
.plan-comparison .plan-card h3 .food-club-print-heading{width:auto;height:calc(var(--plan-title-size) * .85);max-width:100%;object-fit:contain;object-position:left center;transform:translateY(-3px)}
.plan-comparison .food-club-card{border:3px solid #171717}
.plan-comparison .club-perks h4{display:flex;align-items:flex-start;gap:12px}
.plan-comparison .club-perk-icon{width:1.1em;height:1.1em;flex:0 0 1.1em;margin-top:.07em}

/* Fit the complete desktop comparison below the fixed navigation. */
@media(min-width:961px){
 .plan-comparison .plan-columns{--plan-title-size:clamp(46px,6.5vh,64px)}
 .plan-comparison .plan-card{padding:clamp(20px,3vh,32px);border-radius:24px}
 .plan-comparison .plan-card>h3{margin-bottom:12px}
 .plan-comparison .plan-price{font-size:26px;margin-bottom:12px}
 .plan-comparison .plan-intro{font-size:16px;line-height:1.4;max-width:none;margin-bottom:16px}
 .plan-comparison .plan-card .core-features{margin-block:0}
 .plan-comparison .plan-card .core-features li{font-size:16px;line-height:1.4;padding:13px 0}
 .plan-comparison .club-perks li{padding:12px 0}
 .plan-comparison .club-perks h4{font-size:20px;margin-bottom:6px}
 .plan-comparison .club-perks p{font-size:15px;line-height:1.4}
 .plan-comparison .club-early-access{font-size:17px;margin-top:12px;padding:12px 20px}
 .plan-comparison .comparison-terms{font-size:12px;line-height:1.4;margin:14px 0 0}
}
@media(min-width:961px) and (max-height:800px){
 .plan-comparison .plan-columns{--plan-title-size:44px}
 .plan-comparison .plan-card{padding:18px 24px}
 .plan-comparison .plan-card>h3{margin-bottom:8px}
 .plan-comparison .plan-price{font-size:24px;margin-bottom:8px}
 .plan-comparison .plan-intro{font-size:15px;margin-bottom:10px}
 .plan-comparison .club-perks li{padding:9px 0}
 .plan-comparison .club-perks h4{font-size:18px;margin-bottom:4px}
 .plan-comparison .club-perks p{font-size:14px;line-height:1.35}
 .plan-comparison .club-early-access{margin-top:8px;padding:10px 18px}
 .plan-comparison .comparison-terms{margin-top:10px}
}

/* A shorter desktop introduction brings the plans into the first view. */
@media(min-width:961px){
 .food-club-page .club-hero{padding:clamp(36px,4vw,64px) 20px 36px}
 .food-club-page .club-hero h1{width:min(70vw,920px);margin-bottom:24px}
 .food-club-page .club-hero h2{font-size:clamp(28px,2.7vw,46px)}
 .plan-comparison .section-heading.free-plan-note{width:min(365px,calc((100% - 24px)/2))}
 .plan-comparison .free-plan-paper{padding:26px 22px 26px 30px}
 .plan-comparison .free-plan-paper h2{font-size:32px;margin-bottom:8px}
 .plan-comparison .free-plan-paper p{font-size:21px;line-height:1.35}
}

/* Keep the renewal detail secondary to the included membership. */
.club-close h2{max-width:920px;margin-inline:auto}
.club-close .club-close-offer{margin-bottom:10px}
.club-close .club-close-terms{font-size:13px;line-height:1.5;margin:0 auto 30px}

.club-feature-order .club-film{aspect-ratio:16/9;background:#000}
@media(min-width:961px){.club-feature-order{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr)}}