/* BubblePOP film-led homepage. The catalog and account keep their own layouts. */
.pop-home{background:white}
.pop-home .site-nav a:hover{box-shadow:inset 0 -1px var(--blue)}
.pop-home .header-play{background:var(--blue);color:white;border-color:var(--blue)}
.pop-home .header-play:hover{background:var(--deep)}
.pop-home .eyebrow{font-size:.875rem;letter-spacing:.08em}
.pop-hero{background:var(--blue);color:white;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem 4%;padding:3rem var(--shell) 1.4rem;overflow:hidden;position:relative}
.pop-intro{align-self:center;position:relative;z-index:2;min-width:0}
.pop-intro h1{font-size:clamp(3.2rem,6.3vw,7.6rem);line-height:1;letter-spacing:-.065em;margin:1.5rem 0;font-weight:800}
.pop-intro h1>span{color:var(--sky)}
.pop-intro>p:not(.eyebrow){font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;color:var(--sky)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}
.hero-card-link{font-size:.9375rem;border-bottom:1px solid #ffffff75;padding:.6rem 0}
.hero-films{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;align-items:center;position:relative;padding:1rem 0 2.2rem;min-width:0}
.film-tile{position:relative;border-radius:8rem;overflow:hidden;background:#08153e;transform:rotate(-4deg);isolation:isolate;aspect-ratio:9/16;box-shadow:0 2rem 4rem #07103c30}
.film-side{transform:rotate(6deg);margin-top:7rem}
.pop-video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1740}
.film-tile::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#06123ca8);pointer-events:none}
.film-tile figcaption{position:absolute;bottom:2.1rem;left:1rem;right:1rem;text-align:center;font-size:.875rem;font-weight:700;line-height:1.4;z-index:1}
.video-toggle{position:absolute;bottom:-.2rem;right:0;color:white;border:1px solid #ffffff70;border-radius:2rem;min-height:2.75rem;padding:.5rem 1rem;font-size:.875rem;background:var(--blue)}
.video-toggle:hover{background:white;color:var(--blue)}
.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid #ffffff38;padding-top:1rem;font-size:.875rem}
.hero-footer p{letter-spacing:.08em;font-size:.8125rem}.hero-footer a span{margin-left:1rem}
.member-section{padding-top:5rem;padding-bottom:5rem}
.member-heading{text-align:center;margin-bottom:2.5rem}
.member-heading h2,.flavour-copy h2{font-size:clamp(2.5rem,4.3vw,4.8rem);line-height:1.03;letter-spacing:-.06em;margin-top:1rem;font-weight:700}
.member-heading h2 span,.flavour-copy h2 span{color:var(--blue)}
.member-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.member-stage{background:var(--sky);padding:4rem 2.4rem 2rem;border-radius:2rem;overflow:hidden;min-width:0}
.member-card{color:white;padding:1.6rem;background:var(--blue);border:1px solid #ffffff70;border-radius:1.3rem;box-shadow:0 1.6rem 2rem -1rem #08166560;transform:none;position:relative;overflow:hidden;max-width:31rem;margin:0 auto}
.member-card-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.member-card-top img{width:8rem;height:auto;max-width:40%;margin:1rem 0}
.member-card-top>span{font-size:.75rem;letter-spacing:.06em;text-align:right;max-width:8rem}
.member-card-title{font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.05;letter-spacing:-.04em;margin:2.2rem 0 1.6rem;font-weight:650}
.member-stamps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem}
.member-stamps span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:1rem;background:#ffffff15;color:white;font-weight:650}
.member-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid #ffffff60}
.member-card-bottom>span{font-size:.75rem;max-width:7rem;line-height:1.5;letter-spacing:.04em}
.member-card-bottom>strong{font-size:clamp(1.1rem,2vw,1.75rem);letter-spacing:-.03em;white-space:nowrap;color:var(--sky)}
.card-caption{text-align:center;font-size:.875rem;color:var(--muted);margin-top:2.5rem}
.member-copy{min-width:0}.member-perk{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:1.3rem 0;border-top:1px solid var(--line)}
.perk-number{font-size:.875rem;color:var(--blue);padding-top:.2rem;font-weight:700}
.member-perk h3{font-size:1.45rem;letter-spacing:-.035em;line-height:1.2;font-weight:650;margin-bottom:.5rem}
.member-perk p{font-size:1rem;color:var(--muted);line-height:1.6;max-width:30rem}
.member-copy>.button{margin-top:.7rem}.member-note{font-size:.875rem;color:var(--muted);margin-top:1rem;max-width:29rem}
.member-coming-soon{display:inline-block;vertical-align:middle;margin:0 0 .15rem .4rem;padding:.3rem .65rem;border:1px solid currentColor;border-radius:2rem;color:var(--blue);font-size:.7rem;line-height:1.2;font-weight:600;letter-spacing:0;white-space:nowrap}
.member-terms-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:.25rem;color:var(--blue);font-size:.875rem;text-underline-offset:4px}
.member-terms-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.flavour-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;background:var(--sky);align-items:center;padding-top:4rem;padding-bottom:4rem}
.flavour-copy>p:not(.eyebrow){font-size:1.05rem;color:var(--muted);line-height:1.7;margin:1.5rem 0;max-width:31rem}
.text-link{display:inline-flex;align-items:center;gap:2rem;min-height:2.75rem;color:var(--blue);border-bottom:1px solid var(--blue);font-weight:650}
.small-film-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;max-width:25rem}
.small-film{aspect-ratio:4/5;position:relative;border-radius:1rem;overflow:hidden;background:#11182c}
.small-film::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#091332b8);pointer-events:none}
.small-film figcaption{position:absolute;bottom:.9rem;left:.9rem;right:.9rem;font-size:.875rem;line-height:1.4;color:white;z-index:1}
.pop-home .drink-lab{max-width:34rem;border-radius:10rem 10rem 1.5rem 1.5rem;border:0;box-shadow:none;--lab-surface:#ffffff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.pop-home .lab-top{justify-content:center;border:0;padding:2.4rem 1rem 1rem;font-size:.875rem}
.pop-home .lab-stage{height:clamp(22rem,34vw,32rem)}
.pop-home .lab-label{font-size:.75rem;left:1.5rem}.pop-home .lab-product{padding:1.2rem 0;margin:0 2rem 1rem}.pop-home .lab-product p{font-size:.875rem}.pop-home .lab-product h2{font-size:clamp(1.6rem,2.3vw,2.6rem);min-height:2.4em}
.play-strip{background:var(--blue);color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-top:3.5rem;padding-bottom:3.5rem}
.play-strip h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1;letter-spacing:-.055em;margin-top:1rem}
.play-copy>p:first-child{font-size:1.2rem;line-height:1.6;color:var(--sky);margin-bottom:1.5rem}.play-copy .play-note{font-size:.8125rem;line-height:1.6;color:var(--sky);margin-top:1.3rem;max-width:31rem}
.pop-home .locations{padding-top:4rem;padding-bottom:4rem;background:var(--paper)}
.pop-home .location-list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
.pop-home .location-list>a{grid-template-columns:1fr auto;gap:.2rem .6rem;padding:1.2rem 0}
.pop-home .location-city{grid-column:1;font-size:.8125rem}.pop-home .location-list>a>span:nth-child(2){grid-column:1;grid-row:2}.pop-home .map-link{grid-column:2;grid-row:1/3;font-size:.875rem}.pop-home .map-link>span{margin-left:.4rem}
.pop-home .site-footer{background:var(--blue)}
@media(prefers-reduced-motion:no-preference){
 .member-stage.entered .member-card{animation:member-arrive 1s cubic-bezier(.2,.7,.2,1) both}
 .member-stage.entered .member-stamps span{animation:stamp-fill .5s ease both}
 .member-stage.entered .member-stamps span:nth-child(1){animation-delay:.7s}.member-stage.entered .member-stamps span:nth-child(2){animation-delay:.95s}.member-stage.entered .member-stamps span:nth-child(3){animation-delay:1.2s}.member-stage.entered .member-stamps span:nth-child(4){animation-delay:1.45s}.member-stage.entered .member-stamps span:nth-child(5){animation-delay:1.7s}.member-stage.entered .member-stamps span:nth-child(6){animation-delay:1.95s}
}
@keyframes member-arrive{from{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}
@keyframes stamp-fill{0%{background:#ffffff15;color:white;transform:scale(.8)}70%{transform:scale(1.1)}100%{background:var(--sky);color:var(--blue);transform:scale(1);border-color:var(--sky)}}
@media(min-width:1600px){.pop-hero{grid-template-columns:1.15fr 1fr}.hero-films{max-width:42rem;justify-self:end;width:100%}}
@media(max-width:1050px){.pop-intro h1{font-size:clamp(3rem,6.4vw,5rem)}.hero-films{gap:.65rem}.film-tile{border-radius:5rem}.film-tile figcaption{font-size:.75rem;bottom:1.5rem}.member-stage{padding:3rem 1.6rem 1.6rem}.member-card{padding:1.2rem}.member-card-top>span{font-size:.6875rem}.member-card-title{margin-top:1.6rem}.member-layout,.flavour-section{gap:4%}.member-card-bottom>span{font-size:.6875rem}.member-card-bottom>strong{font-size:1.15rem}.pop-home .location-list{gap:0 1.5rem}}
@media(max-width:780px){
 .pop-home .eyebrow{font-size:.8125rem}
 .pop-hero{grid-template-columns:1fr;padding:2rem 1.25rem 1.1rem;gap:1.5rem}
 .pop-intro h1{font-size:clamp(3.25rem,11.8vw,6rem);margin:1rem 0;line-height:1.03}.pop-intro>p:not(.eyebrow){font-size:1rem}.pop-intro>p:not(.eyebrow) br{display:none}
 .hero-actions{margin-top:1.3rem;gap:1rem}.hero-actions .button{font-size:.9375rem;gap:1.2rem;padding:.8rem 1.1rem}.hero-card-link{font-size:.875rem}
 .hero-films{max-width:32rem;width:100%;margin:0 auto;grid-template-columns:1fr 1fr;gap:1rem;padding:.5rem .5rem 2.5rem;align-items:start}
 .film-tile{border-radius:5rem;max-height:21rem}.film-side{margin-top:1.4rem}.film-tile figcaption{font-size:.75rem;bottom:1.7rem;left:.6rem;right:.6rem}.video-toggle{font-size:.8125rem;bottom:-.2rem;min-height:2.75rem}
 .hero-footer{font-size:.8125rem;gap:.6rem}.hero-footer p{font-size:.75rem;letter-spacing:.06em}
 .member-section{padding:3.3rem 1.25rem}.member-heading{text-align:left;margin-bottom:1.8rem}.member-heading h2,.flavour-copy h2{font-size:clamp(2.5rem,9.5vw,4rem)}
 .member-layout{grid-template-columns:1fr;gap:1.8rem}.member-stage{padding:2.8rem 1.6rem 1.4rem;border-radius:1.3rem}.member-card{padding:1.3rem}.member-card-top img{width:7rem}.member-card-top>span{font-size:.75rem}.member-card-title{font-size:2.2rem;margin:1.6rem 0}.member-card-bottom>span{font-size:.75rem}.member-card-bottom>strong{font-size:1.3rem}.card-caption{margin-top:2rem}.member-perk{padding:1.1rem 0;gap:.7rem}.member-perk h3{font-size:1.35rem}.member-perk p{font-size:1rem}.member-copy>.button{width:100%}
 .flavour-section{grid-template-columns:1fr;padding:3rem 1.25rem;gap:2rem}.flavour-copy>p:not(.eyebrow){font-size:1rem;margin:1.2rem 0}.small-film-row{max-width:none;margin-top:1.5rem}.small-film{aspect-ratio:4/4.5;max-height:17rem}
 .pop-home .drink-lab{max-width:32rem;width:100%;border-radius:7rem 7rem 1.2rem 1.2rem}.pop-home .lab-top{padding-top:1.8rem;font-size:.8125rem}.pop-home .lab-stage{height:clamp(19rem,77vw,26rem)}.pop-home .lab-product{margin:0 1.3rem .5rem;padding:1rem 0}.pop-home .lab-product h2{font-size:1.8rem;min-height:1.2em}.pop-home .lab-product p{font-size:.8125rem}
 .play-strip{grid-template-columns:1fr;padding:2.8rem 1.25rem;gap:1.5rem}.play-strip h2{font-size:clamp(3rem,11vw,5rem)}.play-copy>p:first-child{font-size:1.1rem}.play-copy .play-note{font-size:.8125rem}
 .pop-home .locations{padding:3rem 1.25rem}.pop-home .location-list{grid-template-columns:1fr}.pop-home .location-list strong{font-size:1.2rem}
}
@media(max-width:370px){.member-stage{padding:2rem 1rem 1.2rem}.member-card{padding:1rem}.member-card-title{font-size:1.9rem}.member-card-bottom>strong{font-size:1.1rem}.member-card-top>span{font-size:.6875rem}.member-stamps{gap:.35rem}.film-tile{border-radius:4rem}.hero-actions{gap:.8rem}.hero-card-link{font-size:.8125rem}}

/* Original mascots and calm, flat brand surfaces from the 2025 brandbook. */
.hero-mascots{width:11.5rem;height:auto;margin-top:1.6rem;pointer-events:none}
.pop-intro h1{letter-spacing:-.055em}
.member-stamps span{position:relative}
.member-stamps span img{width:52%;height:58%;object-fit:contain}
.member-stamps span:has(img){background:white;border-color:white}
.member-stage.entered .member-stamps span:has(img){animation:none}
.flavour-signature{display:flex;align-items:center;gap:.75rem}
.flavour-signature img{width:2rem;height:2.8rem;object-fit:contain}
@media(max-width:780px){
 .hero-mascots{position:absolute;right:0;top:0;width:4.5rem;margin:0}
 .pop-intro>.eyebrow{padding-right:5.25rem;min-height:1.5rem;display:flex;align-items:center}
 .member-card-top img{margin:.9rem 0}
}