.anti-experience{display:block;color:var(--cc-ink);font-family:var(--font-mono);scroll-margin-block-start:calc(var(--header-height) + var(--space-6))}.anti-experience *{box-sizing:border-box}.anti-experience__section{padding-block:var(--section-pad-standard-block-start) var(--section-pad-standard-block-end);background:var(--cc-white);overflow:hidden}.anti-experience__header{max-width:var(--page-max);margin:0 auto var(--space-6);padding-inline:var(--page-gutter)}.anti-experience__header h2{font-family:var(--font-display);font-size:var(--text-display-3);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:400;max-width:var(--text-max);margin:0;color:var(--cc-ink);text-wrap:balance}.anti-experience__header p{max-width:var(--text-max);font-size:var(--text-body-sm);font-weight:400;line-height:var(--leading-loose);letter-spacing:var(--tracking-wide);color:var(--cc-graphite);margin:var(--space-4) 0 0}.anti-experience__track{display:flex;align-items:stretch;gap:var(--space-5);padding-inline:max(var(--page-gutter),calc((100% - var(--page-max))/2 + var(--page-gutter)));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--page-gutter),calc((100% - var(--page-max))/2 + var(--page-gutter)));scrollbar-width:none}.anti-experience__track::-webkit-scrollbar{display:none}.anti-experience__card{flex:0 0 min(calc(var(--space-10)*3 + var(--space-7)),85%);min-width:0;margin:0;scroll-snap-align:start}.anti-experience__media{aspect-ratio:4/5;border-radius:var(--radius-xl);overflow:hidden;background:var(--cc-bone)}.anti-experience__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.anti-experience figcaption{padding:var(--space-5) var(--space-1) 0}.anti-experience figcaption p{font-size:var(--text-body-sm);font-weight:400;line-height:var(--leading-body);letter-spacing:normal;color:var(--cc-graphite);margin:0;text-wrap:pretty}.anti-experience figcaption strong{font-weight:500;color:var(--cc-ink)}.anti-experience__footer{max-width:var(--page-max);margin:var(--space-5) auto 0;padding-inline:var(--page-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.anti-experience__position{font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--cc-steel)}.anti-experience__controls{display:flex;gap:var(--space-3)}.anti-experience__arrow{display:grid;place-items:center;width:var(--space-7);height:var(--space-7);padding:var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--cc-bone);color:var(--cc-ink);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.anti-experience__arrow svg{display:block;width:var(--space-4);height:var(--space-4);position:static}.anti-experience__arrow[data-direction="-1"] svg{transform:rotate(90deg)}.anti-experience__arrow[data-direction="1"] svg{transform:rotate(-90deg)}.anti-experience__arrow:disabled{opacity:.35;cursor:default}.anti-experience__arrow:hover:not(:disabled){background:var(--cc-smoke)}@media(min-width:768px){.anti-experience figcaption p{font-size:var(--text-body)}}@media(max-width:767px){.anti-experience__track{gap:var(--space-4)}.anti-experience__card{flex-basis:min(calc(var(--space-10)*2 + var(--space-8)),calc(100vw - var(--space-7)))}.anti-experience figcaption{padding-top:var(--space-4)}.anti-experience figcaption p{max-width:calc(var(--space-10)*2 + var(--space-5))}}@media(prefers-reduced-motion:reduce){.anti-experience__arrow{transition:none}}.anti-experience__image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--space-1);height:100%;width:100%;background:var(--cc-white)}.anti-experience__image-grid img{min-width:0;min-height:0}.anti-experience__image-grid>picture.cc-avif{display:block;min-width:0;min-height:0}.anti-experience--with-recipes .anti-experience__section{padding-block-end:0}a.anti-experience__media{display:block}.anti-experience__image-grid>a{display:block;min-width:0;min-height:0}.anti-experience__image-grid>a:focus-visible{outline-offset:calc(-1 * var(--space-1))}
/*# sourceMappingURL=/cdn/shop/t/154/assets/pdp-experience-gallery.css.map */