.cs-apple{--mc-yellow: #eecb2f;--mc-blue: #0c7bbf;--mc-aqua: #17bbef;--mc-cream: #fcf5d5;--mc-navy: #05314c}:where([data-mode=dark]) .cs-apple{--mc-ink: #5fc7f2}.cs-apple .mc-appicon{background:var(--mc-yellow);color:var(--mc-blue);box-shadow:0 18px 40px -16px #eecb2fb3,inset 0 0 0 1px #0000000d}.cs-apple .mc-appicon svg{width:52%;height:auto}.mc-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.mc-hero-media img{position:absolute;inset:-6% 0;height:112%}.mc-slide{aspect-ratio:1400 / 1080!important}.mc-note{margin-top:12px;text-align:center;font-size:.8125rem;color:var(--label-3)}.mc-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--cs-gap-m);align-items:center;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--mc-cream);color:var(--mc-navy)}.mc-stage__art{display:grid;place-items:center}.mc-markstage{width:min(300px,70%);height:auto;overflow:visible}.mc-stage__notes{display:grid;gap:4px}.mc-stage__notes li{display:grid;gap:4px;padding:14px 18px;border-radius:18px;color:#05314c66;transition:color .4s,background-color .4s}.mc-stage__notes li b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5);line-height:1.3}.mc-stage__notes li span{font-size:.9375rem;line-height:1.45}.mc-stage__notes li.is-active{color:var(--mc-navy);background:#eecb2f59}.mc-lockup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cs-gap-m);align-items:center;margin-top:var(--cs-bento);padding:var(--cs-pad-lg);border-radius:var(--radius-tile);background:var(--mc-blue);color:var(--mc-yellow)}.mc-lockup__logo svg{width:100%;max-width:440px;height:auto;display:block}.mc-lockup p{color:#ffffffe0;font-size:var(--fs-lead);line-height:1.4}.mc-swatches{grid-template-columns:1.3fr 1.3fr 1fr 1fr 1fr}.cs-apple .mc-swatches .swatch:nth-child(4){box-shadow:inset 0 0 0 1px #05314c1f}.cs-apple .mc-pattern-panel{background:var(--mc-blue)}.cs-apple main .mc-pattern-panel .eyebrow{color:var(--mc-yellow)}.mc-pattern-panel__d{margin:var(--cs-gap-s) auto 0;max-width:46ch;color:#ffffffd9}.mc-tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(10px,2vw,28px);max-width:980px;margin:0 auto}.mc-tile{width:100%;height:auto;overflow:visible;fill:#ffffffe6}.mc-tile__liq{fill:var(--mc-yellow);transform-box:fill-box;transform-origin:50% 100%}.mc-tile:nth-child(3n) .mc-tile__liq{fill:#f5a31c}.mc-tile:nth-child(4n+1) .mc-tile__liq{fill:var(--mc-aqua)}.mc-cart{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--cs-gap-m);align-items:center;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:linear-gradient(180deg,#bfe9fb,#e9f7fd 62%,#f3ead1 62%,#efe2bf);color:var(--mc-navy);overflow:hidden}.cs-apple main .mc-cart .eyebrow{color:var(--mc-blue)}.mc-cart .h2{color:var(--mc-navy)}.mc-cart__steps{display:grid;gap:4px;margin-top:var(--cs-gap-s)}.mc-cart__steps li{display:grid;gap:2px;padding:12px 16px;border-radius:16px;color:#05314c73;transition:color .4s,background-color .4s}.mc-cart__steps li b{font-weight:600;font-size:1.0625rem}.mc-cart__steps li span{font-size:.9375rem;line-height:1.45}.mc-cart__steps li.is-active{color:var(--mc-navy);background:#fff9}.mc-cart__svg{width:100%;height:auto;overflow:visible}.mc-wheel{transform-box:fill-box;transform-origin:center}.mc-cart__awning{transform-box:fill-box;transform-origin:50% 0}.mc-pack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--cs-bento)}.mc-cupmock{grid-column:span 5;grid-row:span 2;display:grid;place-items:center;align-content:center;gap:var(--cs-gap-s);padding:var(--cs-pad-lg) var(--cs-pad);border-radius:var(--radius-tile);background:radial-gradient(110% 90% at 50% 20%,#fff7cf,#f2d55a)}.mc-cupmock__cup{width:min(260px,80%);transform-origin:50% 95%;will-change:transform}.mc-cupmock__svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 26px 24px rgba(120,90,0,.25))}.mc-cupmock__straw{transform-box:fill-box;transform-origin:0% 100%}.mc-cupmock__k{font-size:.8125rem;font-weight:500;color:#7a6200}.mc-pack__item{grid-column:span 7;aspect-ratio:1400 / 1080}.mc-pack .mc-pack__item:nth-child(2){grid-column:span 3;aspect-ratio:auto}.mc-pack .mc-pack__item--wide{grid-column:span 4;aspect-ratio:auto}.mc-pack .mc-pack__item:last-child{grid-column:span 7}.mc-rail-item{flex:none;width:min(760px,82vw);aspect-ratio:1400 / 1080}.mc-print{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-bento)}.mc-print__item{aspect-ratio:1400 / 1080}.mc-print__item--tall{grid-row:span 2;aspect-ratio:auto}.mc-credit{margin-top:var(--cs-gap-s);font-size:.9375rem;color:var(--label-2)}:where([data-mode=dark]) .mc-note{color:var(--label-2)}@media(max-width:860px){.mc-stage,.mc-cart,.mc-lockup{grid-template-columns:1fr}.mc-swatches{grid-template-columns:1fr 1fr}.mc-swatches .swatch:first-child{grid-column:span 2}.mc-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.mc-tiles .mc-tile:nth-child(n+19){display:none}.mc-pack>*,.mc-pack .mc-pack__item:nth-child(2),.mc-pack .mc-pack__item--wide,.mc-pack .mc-pack__item:last-child{grid-column:span 12;grid-row:auto;aspect-ratio:1400 / 1080}.mc-cupmock{aspect-ratio:auto!important}.mc-print{grid-template-columns:1fr 1fr}.mc-print__item--tall{grid-column:span 2;grid-row:auto;aspect-ratio:1400 / 1080}}