.pop-site{--body-font:"Figtree",sans-serif;--display-font:"Bowlby One SC",sans-serif;font-size:var(--type-body);padding-top:112px}
.pop-logo{display:flex;align-items:center;justify-content:center;flex:0 0 112px;width:112px;height:112px}
.brand-logo{display:block;object-fit:contain;border-radius:50%;flex-shrink:0}
.header-logo{width:90px;height:90px}
.pop-hero{position:relative;height:calc(100svh - 176px);min-height:610px;max-height:1050px;isolation:isolate;overflow:hidden}
.pop-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141414d9,transparent 78%);z-index:-1}
.pop-hero .hero-image{z-index:-2;object-position:50% 42%}
.pop-hero-copy{position:absolute;bottom:48px;left:var(--gutter);right:var(--gutter);color:#fff}
.pop-hero h1{font:112px/1.14 var(--display-font);max-width:100%;color:var(--hero-heading);text-shadow:4px 5px 0 var(--hero-shadow)}
.pop-hero-copy>.eyebrow{font-size:16px;margin-bottom:12px}
.pop-hero-copy>p:not(.eyebrow){font-size:22px;margin:12px 0 28px}
.pop-hero .button{background:var(--hero-button-bg);color:var(--hero-button-ink)}
.hero-kicker{position:absolute;top:35px;left:var(--gutter);max-width:calc(100% - 240px);color:#fff;font-size:20px;font-weight:700;line-height:1.4;text-shadow:0 2px 6px #000}
.pop-stamp{position:absolute;right:5%;top:35px;width:152px;height:152px;border-radius:50%;background:var(--stamp-bg);color:var(--stamp-ink);font:17px/1.3 var(--display-font);display:grid;place-content:center;text-align:center;transform:rotate(12deg)}
.pop-marquee{height:72px;display:flex;align-items:center;overflow:hidden;background:var(--marquee-bg);color:var(--marquee-ink)}
.pop-marquee>div{display:flex;width:max-content;white-space:nowrap;font:32px/1 var(--display-font)}
.pop-marquee span{flex:none;padding-right:12px}
.pop-services{overflow:hidden}
.pop-section-intro{max-width:1050px;margin:0 auto;text-align:center}
.pop-section-intro h2{color:var(--heading)}
.pop-section-intro>p:last-child{margin:28px auto 0;font-size:var(--type-body)}
.pop-snack-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;align-items:start;margin:88px 0 48px}
.pop-snack-collage figure{min-width:0}
.pop-snack-collage img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:5px}
.snack-one{margin-top:48px;transform:rotate(-3deg)}
.snack-two{transform:rotate(2deg)}
.snack-three{margin-top:105px;transform:rotate(-2deg)}
.pop-snack-collage figcaption{margin:26px 0 0}
.pop-snack-collage h3{color:var(--accent);font-size:var(--type-subtitle);margin-bottom:14px;line-height:1.15}
.pop-snack-collage p{font-size:var(--type-body);line-height:1.55}
.pop-snack-collage .text-link{margin-top:14px}
.pop-details{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:var(--details-bg)}
.pop-details h2{color:var(--details-heading)}
.pop-quote{background:var(--quote-bg);display:grid;grid-template-columns:1fr 1.15fr;gap:8%}
.pop-quote h2{color:var(--quote-heading)}
.pop-quote .quote-photo{width:260px;height:auto;object-fit:contain;border-radius:5px;margin-top:46px;transform:rotate(-5deg)}
.pop-footer{background:var(--footer-bg);color:var(--footer-ink);--line:var(--footer-line);--focus:var(--footer-accent);padding-bottom:88px}
.pop-footer .footer-brand>a{color:var(--footer-accent);width:max-content;display:block}
.footer-logo{width:184px;height:184px}
@media(min-width:1700px){.pop-hero h1{font-size:144px}.pop-hero-copy{bottom:58px}}
@media(max-width:1100px){.pop-hero h1{font-size:92px}.pop-snack-collage{gap:32px}.pop-quote{gap:40px}}
@media(max-width:800px){.pop-quote{grid-template-columns:1fr;gap:46px}.pop-quote .quote-photo{display:none}.pop-site{padding-top:94px}.pop-logo{width:94px;height:94px;flex-basis:94px}.header-logo{width:88px;height:88px}.pop-hero{height:calc(100svh - 160px);min-height:570px}.pop-hero h1{font-size:74px}.pop-snack-collage{gap:24px}}
@media(max-width:700px){
 .pop-hero{min-height:565px;max-height:800px}.pop-hero h1{font-size:44px;text-shadow:2px 3px 0 var(--hero-shadow)}
 .pop-hero-copy{bottom:34px}.pop-hero-copy>.eyebrow{font-size:14px;max-width:300px}.pop-hero-copy>p:not(.eyebrow){font-size:18px;max-width:320px;margin:16px 0 24px}
 .pop-hero .hero-actions{gap:14px;align-items:flex-start}.pop-hero .button{font-size:15px;padding:14px 16px;gap:8px}
 .pop-hero .secondary-link{font-size:15px}.pop-stamp{width:124px;height:124px;font-size:14px;top:22px;right:22px}
 .hero-kicker{top:32px;max-width:calc(100% - 196px);font-size:16px}
 .pop-marquee{height:60px}.pop-marquee>div{font-size:25px}
 .pop-snack-collage{grid-template-columns:1fr;gap:60px;margin:65px 0 24px}
 .pop-snack-collage figure{width:84%;margin:0;justify-self:start}
 .pop-snack-collage figure:nth-child(2){justify-self:end}
 .pop-snack-collage img{aspect-ratio:3/4}
 .pop-snack-collage figcaption{margin-top:22px}
 .pop-details{grid-template-columns:1fr;gap:42px}
 .pop-quote{grid-template-columns:1fr;gap:46px}.pop-quote .quote-photo{display:none}
 .footer-logo{width:160px;height:160px}
}
@media(max-width:360px){.pop-hero h1{font-size:37px}.pop-hero .hero-actions{flex-direction:column}.pop-hero-copy>.eyebrow{font-size:13px}}