/* Each cup keeps its own silhouette inside the floating stage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.scoop-hero__grid{padding-bottom:76px}
.scoop-stage__cup{aspect-ratio:1102/1427}
.scoop-stage__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px) rotate(-3deg) scale(.96);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1),visibility .55s;pointer-events:none}
.scoop-stage__slide.is-active{opacity:1;visibility:visible;transform:none}
.scoop-stage__slide img{display:block}
.scoop-stage__slide:not([data-cup="strawberry"]) img{clip-path:none;width:95%;height:auto;margin:7% auto 0}
.scoop-stage__slide[data-cup="chocolate"] img{width:77%;margin-top:17%}
.scoop-stage__slide[data-cup="chocolate"] img{clip-path:polygon(10.836% 53.702%,11.019% 51.903%,11.662% 49.758%,11.387% 47.889%,11.019% 45.813%,11.570% 44.221%,12.305% 43.253%,13.958% 43.183%,14.233% 39.862%,13.866% 38.131%,12.948% 36.817%,12.856% 35.640%,14.233% 34.602%,16.621% 34.048%,18.457% 33.218%,20.386% 33.426%,23.049% 32.457%,25.987% 32.941%,28.466% 32.388%,29.017% 30.865%,30.579% 29.550%,30.303% 28.443%,28.466% 28.235%,29.293% 26.920%,28.466% 26.090%,28.466% 24.844%,29.477% 23.460%,28.283% 23.045%,26.997% 22.976%,27.640% 22.076%,27.456% 21.246%,25.528% 20.830%,25.528% 20.000%,26.997% 19.100%,28.283% 17.509%,29.293% 17.093%,29.017% 15.848%,28.926% 14.740%,29.568% 13.495%,30.579% 12.249%,31.129% 11.349%,31.405% 9.896%,31.497% 7.958%,32.507% 7.751%,32.691% 6.851%,34.252% 6.644%,35.721% 5.813%,37.190% 5.467%,38.751% 5.813%,40.220% 4.844%,41.873% 4.498%,43.343% 4.498%,44.261% 3.945%,46.189% 4.083%,48.209% 4.567%,50.138% 4.567%,51.882% 4.983%,53.535% 5.329%,55.280% 5.744%,56.933% 5.260%,57.392% 6.298%,58.127% 6.920%,58.127% 8.235%,58.953% 9.273%,59.504% 10.173%,60.790% 10.242%,62.167% 11.488%,63.453% 12.249%,63.912% 13.564%,65.565% 14.464%,65.840% 15.709%,67.034% 17.163%,68.228% 17.924%,69.054% 18.893%,69.146% 19.931%,71.074% 20.346%,72.084% 21.107%,72.727% 22.076%,74.013% 22.353%,73.370% 23.114%,72.176% 23.806%,72.544% 25.536%,73.370% 26.090%,73.554% 27.059%,74.747% 27.612%,75.115% 28.581%,74.839% 29.550%,75.941% 30.242%,76.217% 31.280%,76.951% 32.249%,78.329% 32.318%,79.798% 33.149%,80.624% 34.325%,81.084% 35.709%,82.185% 36.609%,82.369% 38.201%,83.563% 38.754%,85.308% 39.170%,86.777% 40.069%,87.695% 41.038%,89.164% 41.384%,89.624% 42.561%,89.256% 45.190%,89.073% 48.651%,89.348% 51.903%,91.093% 52.664%,92.195% 53.702%,92.562% 54.464%,92.011% 55.017%,90.358% 55.294%,87.879% 55.433%,87.328% 60.969%,86.777% 67.059%,86.226% 74.048%,85.583% 80.830%,84.940% 88.028%,84.298% 93.218%,83.930% 93.979%,82.553% 94.740%,79.890% 95.433%,75.390% 96.055%,69.330% 96.471%,62.718% 96.817%,55.831% 96.955%,48.669% 96.886%,41.414% 96.678%,34.803% 96.401%,29.017% 95.848%,24.242% 95.087%,21.304% 94.187%,20.018% 93.426%,19.376% 91.211%,18.641% 85.467%,17.815% 79.170%,16.896% 72.664%,15.886% 66.090%,14.876% 59.792%,14.050% 55.363%,12.672% 55.156%,11.570% 54.740%)}
.scoop-stage__circle{transition:background-color .8s ease}
.scoop-stage[data-hero-flavor="oreo"] .scoop-stage__circle{background:#F8BCD0}
.scoop-stage[data-hero-flavor="chocolate"] .scoop-stage__circle{background:#FADD8C}
.scoop-stage__note{left:50%;bottom:-1%;width:max-content;max-width:calc(100% - 30px);text-align:center;transform:translateX(-50%) rotate(-5deg);font-size:30px;white-space:nowrap}
.scoop-stage__controls{position:absolute;left:50%;top:calc(100% + 20px);transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:3}
.scoop-stage__controls[hidden]{display:none}
.scoop-stage__choices{display:flex;align-items:center;gap:2px;padding:0 7px;border:1px solid rgba(21,54,90,.18);border-radius:30px;background:var(--paper)}
.scoop-stage__choice{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}
.scoop-stage__choice::before{content:'';width:17px;height:17px;border-radius:50%;background:var(--flavor-color);border:1.5px solid var(--ink);transition:box-shadow .2s,transform .2s}
.scoop-stage__choice[aria-pressed="true"]::before{box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px var(--ink);transform:scale(.88)}
.scoop-stage__choice:hover::before{transform:scale(1.12)}
.scoop-stage__choice:focus-visible,.scoop-stage__pause:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.scoop-stage__choice:disabled{opacity:.25;cursor:default}
.scoop-stage__pause{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(21,54,90,.18);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer}
.scoop-stage__pause span{width:10px;height:12px;border-inline:3px solid currentColor}
.scoop-stage__pause[aria-label="Resume flavor rotation"] span{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}
.scoop-stage[data-paused="true"] .scoop-stage__cup{animation-play-state:paused}
@media(max-width:1100px){.scoop-hero__grid{padding-bottom:68px}.scoop-stage__note{font-size:26px}}
@media(max-width:700px){.scoop-hero__grid{padding-bottom:38px}.scoop-stage{margin-bottom:64px}.scoop-stage__note{font-size:24px;bottom:-2%}.scoop-stage__choice,.scoop-stage__pause{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.scoop-stage__slide,.scoop-stage__circle,.scoop-stage__choice::before{transition:none}.scoop-stage__pause{display:none}}

/* Manually traced dessert outline, inset from the photo edge. */
.scoop-stage__slide[data-cup="oreo"] img {
  clip-path: polygon(
    46.956% 13.508%,
    47.694% 13.439%,
    47.694% 14.817%,
    48.339% 15.162%,
    48.339% 15.989%,
    49.170% 16.334%,
    50.738% 16.471%,
    52.214% 16.196%,
    54.428% 16.609%,
    55.258% 17.023%,
    56.458% 17.092%,
    58.948% 18.332%,
    59.963% 17.781%,
    61.531% 18.746%,
    61.808% 19.297%,
    62.731% 18.470%,
    63.284% 18.539%,
    63.469% 17.919%,
    63.930% 17.781%,
    64.022% 18.608%,
    65.221% 20.124%,
    65.221% 21.020%,
    65.959% 21.709%,
    66.328% 20.744%,
    66.974% 20.124%,
    67.528% 20.193%,
    69.280% 21.227%,
    70.941% 21.227%,
    71.494% 21.640%,
    71.402% 22.398%,
    75.277% 23.708%,
    78.413% 24.259%,
    81.642% 26.602%,
    83.303% 28.601%,
    83.764% 29.290%,
    83.303% 31.289%,
    83.579% 31.564%,
    88.192% 29.979%,
    89.391% 29.910%,
    90.498% 30.048%,
    92.897% 31.082%,
    93.266% 31.771%,
    93.081% 32.943%,
    91.513% 33.770%,
    91.052% 34.804%,
    93.173% 35.700%,
    97.140% 38.387%,
    97.509% 39.076%,
    97.140% 39.697%,
    95.203% 40.799%,
    95.018% 41.558%,
    96.033% 46.451%,
    94.742% 51.413%,
    92.989% 53.549%,
    87.085% 57.822%,
    84.779% 60.165%,
    75.000% 74.363%,
    71.956% 77.395%,
    68.635% 79.876%,
    64.945% 81.806%,
    61.070% 83.322%,
    56.365% 84.493%,
    51.568% 85.252%,
    46.863% 85.458%,
    41.790% 85.183%,
    36.808% 84.425%,
    31.919% 83.322%,
    27.399% 81.806%,
    23.524% 79.876%,
    20.480% 77.739%,
    18.081% 75.603%,
    16.144% 73.122%,
    13.838% 67.126%,
    11.993% 45.693%,
    10.148% 42.385%,
    9.410% 40.179%,
    8.856% 36.044%,
    9.594% 32.667%,
    9.041% 29.359%,
    9.963% 27.085%,
    10.609% 26.671%,
    12.454% 26.533%,
    15.221% 25.569%,
    17.989% 23.708%,
    19.373% 23.639%,
    19.280% 22.950%,
    16.513% 18.539%,
    21.310% 17.919%,
    22.048% 17.229%,
    22.325% 17.781%,
    23.616% 18.057%,
    24.262% 18.677%,
    25.277% 21.089%,
    25.646% 18.263%,
    26.107% 18.125%,
    28.229% 19.090%,
    28.690% 19.711%,
    28.690% 21.365%,
    31.365% 16.609%,
    32.011% 17.023%,
    32.749% 16.954%,
    33.118% 16.334%,
    33.487% 16.402%,
    33.948% 17.092%,
    34.963% 17.161%,
    35.793% 17.988%,
    38.100% 19.021%,
    39.022% 18.263%,
    39.760% 18.470%,
    40.221% 18.057%,
    41.605% 18.470%,
    43.173% 18.401%,
    43.173% 16.609%,
    43.727% 16.471%,
    44.188% 15.438%,
    45.756% 15.162%,
    46.494% 14.680%,
    46.310% 14.197%,
    46.956% 13.508%
  );
}
