/* A small illustrated interlude, using the existing Campus Burger palette. */
.sold-out-dialog{width:410px;border:0;border-radius:26px;text-align:center;overflow-x:hidden}
.sold-out-dialog .dialog-close{width:40px;height:40px;right:12px;top:12px;background:transparent}
.sold-out-dialog .dialog-close:hover{background:var(--soft)}
.sold-out-dialog :focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.sold-out-scene{position:relative;padding:27px 16px 0;background:var(--cream)}
.sold-out-scene-label{position:absolute;left:24px;top:21px;font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--brown)}
svg.sold-out-art{display:block;width:100%;height:auto;max-height:265px;fill:none;stroke:none}
.sold-out-sticker{position:absolute;right:32px;bottom:25px;transform:rotate(11deg);font:800 26px/.95 var(--display);background:var(--orange);color:var(--ink);padding:10px 13px 8px;border-radius:50%;border:2px solid var(--ink)}
.sold-out-copy{padding:12px 30px 28px;background:var(--cream)}
.sold-out-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 10px;color:var(--brown)}
.sold-out-copy h2{margin:0;font:900 clamp(46px,13vw,64px)/.88 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.sold-out-copy h2 em{font:italic 400 .69em/1.1 var(--serif);text-transform:none;letter-spacing:-.04em;color:var(--brown)}
.sold-out-copy #sold-out-description{margin:16px 0 22px;font-size:14px;line-height:1.6;color:var(--ink)}
.sold-out-copy .button{min-height:48px}
.sold-out-runner{transform-origin:183px 229px}
.sold-out-breathe{transform-origin:183px 200px}
.sold-out-face{transform-origin:182px 140px}
.sold-out-leg{transform-origin:183px 198px}
.sold-out-sweat{transform-box:fill-box;transform-origin:center}
.sold-out-puff{transform-origin:217px 146px;opacity:0}
.sold-out-speed{opacity:0}
.sold-out-dialog[open] .sold-out-runner{animation:cb-sold-arrive .7s cubic-bezier(.2,.8,.25,1) both}
.sold-out-dialog[open] .sold-out-breathe{animation:cb-sold-breathe 1.45s .7s ease-in-out infinite}
.sold-out-dialog[open] .sold-out-face{animation:cb-sold-face 1.45s .7s ease-in-out infinite}
.sold-out-dialog[open] .sold-out-leg-left{animation:cb-sold-step .17s linear 4 alternate}
.sold-out-dialog[open] .sold-out-leg-right{animation:cb-sold-step .17s linear 4 alternate-reverse}
.sold-out-dialog[open] .sold-out-shadow{animation:cb-sold-arrive .7s ease-out both}
.sold-out-dialog[open] .sold-out-sweat{animation:cb-sold-sweat 1.8s .7s ease-in infinite both}
.sold-out-dialog[open] .sold-out-sweat-two{animation-delay:1.3s}
.sold-out-dialog[open] .sold-out-sweat-three{animation-delay:1.8s}
.sold-out-dialog[open] .sold-out-puff{animation:cb-sold-puff 1.45s 1.3s ease-out infinite}
.sold-out-dialog[open] .sold-out-speed{animation:cb-sold-speed .3s linear 2}
@keyframes cb-sold-arrive{0%{transform:translateX(-65px) rotate(-8deg);opacity:0}65%{transform:translateX(6px) rotate(3deg);opacity:1}100%{transform:translateX(0) rotate(0);opacity:1}}
@keyframes cb-sold-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}45%{transform:translateY(-4px) scaleY(1.02) rotate(1deg)}}
@keyframes cb-sold-face{0%,100%{transform:translateY(1px)}45%{transform:translateY(-1px)}}
@keyframes cb-sold-step{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes cb-sold-sweat{0%{opacity:0;transform:translateY(-4px) scale(.7)}20%,55%{opacity:1}100%{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes cb-sold-puff{0%,15%{opacity:0;transform:translateX(0) scale(.8)}35%{opacity:.5}90%,100%{opacity:0;transform:translateX(15px) scale(1.2)}}
@keyframes cb-sold-speed{0%{opacity:0;transform:translateX(12px)}40%{opacity:.7}100%{opacity:0;transform:translateX(-10px)}}
.motion-paused .sold-out-dialog *,.user-motion-paused .sold-out-dialog *{animation-play-state:paused!important}
@media(max-height:700px){.sold-out-scene{padding-top:25px}svg.sold-out-art{max-height:200px}.sold-out-copy{padding:6px 24px 23px}.sold-out-copy h2{font-size:49px}.sold-out-copy #sold-out-description{margin:12px 0 18px}}
@media(max-height:520px){svg.sold-out-art{max-height:140px}.sold-out-sticker{font-size:20px;right:45px;bottom:15px}.sold-out-copy h2{font-size:40px}.sold-out-copy #sold-out-description{margin:10px 0;font-size:13px}}
@media(prefers-reduced-motion:reduce){.sold-out-dialog[open],.sold-out-dialog[open] *{animation:none!important}.sold-out-puff,.sold-out-speed{display:none}}