.mixes-hero .page-heading h1{max-width:11ch}.mixes-photo{display:block;overflow:hidden}.mixes-photo img{object-fit:cover;width:100%;height:100%;display:block}.mix-board{padding-block:0 clamp(40px,6vw,72px)}.primary-action.surprise,.primary-action.surprise:is(:hover,:focus-visible){border-color:var(--metal-mid);background:linear-gradient(115deg, var(--metal-highlight), var(--metal-mid) 42%, var(--metal-base));color:var(--ink)}.primary-action.surprise{min-height:64px;font:500 1.375rem / 1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;gap:18px;padding:8px 8px 8px 32px;box-shadow:inset 0 1px #ffffffbf,0 0 0 1px #d4af6266,0 14px 40px #d4af6238}.surprise svg{box-sizing:content-box;background:var(--ink);width:20px;height:20px;color:var(--gold-light);transition:rotate .42s var(--ease), transform var(--motion-medium) var(--ease-luxury);border-radius:50%;padding:12px}.mix-list{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.mix{isolation:isolate;border-bottom:1px solid var(--hairline);scroll-margin-block:calc(var(--header-current) + 24px);outline:none;grid-template-columns:clamp(3rem,7vw,6.5rem) minmax(0,1fr) auto;align-items:center;column-gap:clamp(14px,3vw,40px);padding:clamp(22px,3.2vw,38px) clamp(6px,1.6vw,22px);display:grid;position:relative}.mix:before{content:"";z-index:-1;background:radial-gradient(60% 140% at 100% 50%, color-mix(in srgb, var(--c1) 22%, transparent), transparent 70%), radial-gradient(50% 120% at 86% 50%, color-mix(in srgb, var(--c2) 18%, transparent), transparent 70%);opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.mix[data-spotlight]:before{opacity:1}.mix:focus-visible:before{opacity:1}:is(.mix:focus-visible,.mix[data-spotlight]){box-shadow:inset 0 0 0 1px var(--gold)}.mix-nr{font:400 clamp(1.5rem, 2.6vw, 2.4rem) / 1 var(--brand);color:var(--gold)}.mix-name{font:500 clamp(2rem, 5.4vw, 4.8rem) / .95 var(--display);letter-spacing:-.005em;text-transform:uppercase;color:var(--white);flex-wrap:wrap;align-items:baseline;gap:0 .32em;margin:0;display:flex}.mix-plus{font:400 .62em / 1 var(--brand);color:var(--gold);transform:translateY(-.08em)}.mix-plus:before{content:"+"}.mix-flavor{text-decoration-line:underline;-webkit-text-decoration-color:var(--tone);text-decoration-color:var(--tone);text-underline-offset:.14em;text-decoration-skip-ink:none;text-decoration-thickness:.08em;transition:color .4s,text-shadow .4s}.mix .mix-orb{grid-column:3}.mix[data-spotlight] .mix-orb{box-shadow:inset 0 0 0 1px var(--gold), 0 0 44px color-mix(in srgb, var(--c1) 40%, transparent), 0 18px 40px #00000080;transform:scale(1.12)}.mixes-note{margin-top:0;padding-bottom:clamp(56px,7vw,96px)}.mix-side-stack{gap:clamp(12px,2vw,28px);display:grid}.mix-side-photo{aspect-ratio:3/4;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--hairline), 0 24px 60px #00000080;display:block;overflow:hidden}.mix-side-photo img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-luxury);display:block}@media (min-width:1100px){.mix-board{grid-template-columns:minmax(140px,1fr) minmax(0,900px) minmax(140px,1fr);column-gap:clamp(28px,3vw,48px);display:grid}.mix-list{grid-area:1/2}.mix-side[data-side=left]{grid-area:1/1}.mix-side[data-side=right]{grid-area:1/3}.mix-side-stack{top:calc(var(--header-current) + 32px);max-width:220px;position:sticky}.mix-side[data-side=left] .mix-side-stack{margin-left:auto}.mix-side[data-side=right] .mix-side-stack{top:calc(var(--header-current) + 32px + clamp(40px, 9vh, 110px));margin-top:clamp(40px,9vh,110px)}.mix-name{font-size:clamp(2.2rem,3.8vw,4.2rem)}}@media (max-width:1099px){.mix-board{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.mix-list{grid-column:1/-1}.mix-side{margin-top:clamp(28px,6vw,48px)}.mix-side[data-side=right]{padding-top:clamp(28px,8vw,64px)}}@media (hover:hover) and (pointer:fine){.mix:hover:before{opacity:1}.mix:hover .mix-orb{transform:scale(1.08)}.mix:hover .mix-flavor{text-shadow:0 0 28px color-mix(in srgb, var(--tone) 45%, transparent)}.surprise:hover svg{rotate:180deg}.mix-side-photo:hover img{scale:1.05}}@media (max-width:600px){.mix{grid-template-columns:2.2rem minmax(0,1fr) auto}.mix-name{font-size:clamp(1.7rem,8vw,2.5rem)}.mix .mix-orb{width:64px}}@media (forced-colors:active){.mix[data-spotlight]{outline:2px solid highlight}}