/* The established campaign, with a small nod to the new peach packaging. */
:root{--green:#164b32;--accent:#bc4825}
.pop-hero-copy>.eyebrow,.pop-launch-note{color:#80513a}
.pop-hero-copy>p:not(.eyebrow){color:#614a3b}
.hony-ribbon i{border-color:#ffc18c}
.benefit-icon .honeycomb-outline{fill:#ffe0bd}
.hony-club{background:#ffdfc9;border-top-color:#f3c8ab}
.hony-club h2 em{color:#b44828}
.hony-club .eyebrow,.club-note{color:#80513a}
.taste-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.taste-card{--taste-bg:#fff0bf;background:#fffdf9}
.taste-apple{--taste-bg:#e7efc9;--taste:#4b681e;border-color:#dce3c8}
.taste-berry{--taste-bg:#f9dce5;--taste:#a32850}
.taste-cherry{--taste-bg:#f4d9d3;--taste:#9b2925;border-color:#ead6cf}
.taste-visual{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;aspect-ratio:.86}
.taste-visual::before{content:'';position:absolute;width:79%;aspect-ratio:1;left:10.5%;top:16%;background:#fffdf4;opacity:.62;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);z-index:-1}
.packaging-can{width:100%;aspect-ratio:326/854;background-image:url('/assets/hihony-four-cans-sharp-v2.webp');background-size:471.1656% 119.9063%;background-position:6.86% 48.235%;background-repeat:no-repeat;filter:drop-shadow(6px 12px 7px #503c1e25)}
.packaging-can[data-flavour=apple]{background-position-x:35.702%}
.packaging-can[data-flavour=raspberry]{background-position-x:64.463%}
.packaging-can[data-flavour=cherry]{background-position-x:93.388%}
.taste-visual .packaging-can{height:80%;width:auto;max-width:57%;margin-top:5%;transform:rotate(-5deg);transition:transform .4s ease}
.taste-apple .packaging-can,.taste-cherry .packaging-can{transform:rotate(5deg)}
.taste-card:hover .packaging-can{transform:rotate(0) translateY(-4px)}
.taste-label,.taste-volume{z-index:1}
.taste-copy{padding:22px 20px;display:flex;flex-direction:column;flex:1}
.taste-title h3{font-size:clamp(1.55rem,2.1vw,2.2rem);line-height:1.08}
.taste-title>span{font-size:.47rem}
.taste-copy>p{font-size:.82rem;min-height:6.6em}
.taste-copy>.button{margin-top:auto;font-size:.73rem;padding-inline:15px;gap:10px}
.taste-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#fce4ec;max-height:370px}
.taste-feature-photo{aspect-ratio:auto;min-height:320px}
.taste-feature-photo>img{height:100%;object-position:center 33%}
.taste-feature-copy{padding:38px 12%;justify-content:center}
.taste-feature-copy h3{font-size:clamp(2.6rem,4vw,3.7rem)}
.taste-feature-copy>.button{width:auto;margin-top:0}
.story-product-backdrop{aspect-ratio:1122/1402;display:flex;align-items:center;justify-content:center;background:#fff0cf;position:relative;isolation:isolate;overflow:hidden}
.story-product-backdrop::before{content:'';position:absolute;width:82%;aspect-ratio:1;background:#fffdf5;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);z-index:-1}
.story-product-backdrop .packaging-can{width:35%;transform:rotate(-6deg)}
@media(min-width:761px) and (max-width:1100px){.taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.taste-visual{aspect-ratio:1.1}.taste-title h3{font-size:2rem}.taste-copy>p{min-height:3.3em}.taste-feature{max-height:320px}}
@media(max-width:760px){.taste-grid{grid-template-columns:repeat(5,82vw);gap:15px}.taste-feature{grid-column:auto;display:flex;max-height:none}.taste-visual,.taste-feature-photo{aspect-ratio:1.07;min-height:0}.taste-feature-copy{padding:22px}.taste-title{flex-direction:column;align-items:flex-start;gap:8px}.taste-title h3{font-size:2rem}.taste-title>span{font-size:.47rem;max-width:none;text-align:left}.taste-copy{padding:22px}.taste-copy>p{font-size:.84rem;min-height:4.95em}.taste-feature-copy>.button{width:100%;margin-top:auto}.taste-feature-copy h3{font-size:2.7rem}.story-product-backdrop .packaging-can{width:36%}}
@media(prefers-reduced-motion:reduce){.packaging-can{transition:none!important}}