.guides{padding-block:var(--guides-pad-top, 20px) var(--guides-pad-bottom, 20px)}.guides__header{position:relative;margin:0 0 var(--space-md);text-align:start}.guides__heading{color:var(--color-ink);font-size:var(--text-2xl);font-weight:800;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.guides__notice{margin-block-end:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-alt);font-size:var(--text-sm);text-align:center}.guides__carousel{--per-view-mobile: 1;--per-view-tablet: 3;--per-view-desktop: 3;--per-view-wide: 3;--carousel-gap-mobile: 7px;--carousel-gap-desktop: 11px;--carousel-peek-mobile: 37px;--carousel-peek-desktop: 0px;margin-inline:calc(-1 * var(--page-gutter))}.guides__slide{position:relative}.guides__card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:.5rem .5rem 1rem;border:1px solid color-mix(in srgb,var(--color-ink) 9%,var(--color-background));border-radius:var(--radius-card);background-color:var(--color-background);color:var(--color-ink);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.guides__card>:not(.guides__media){margin-inline:.5rem}@media(hover:hover){.guides__card:hover{border-color:transparent;box-shadow:0 14px 32px -12px color-mix(in srgb,var(--color-ink) 28%,transparent),0 2px 6px color-mix(in srgb,var(--color-ink) 6%,transparent)}}.guides__title{margin-block-end:5px;color:var(--color-ink);font-size:var(--text-sm);font-weight:700;line-height:1.25;text-align:start;text-wrap:pretty}.guides__link{color:inherit;text-decoration:none}.guides__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.guides__link:focus-visible{outline:none}.guides__card:has(.guides__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.guides__media{position:relative;order:-1;margin-block-end:8px;overflow:hidden;border-radius:max(calc(var(--radius-card) - .5rem),4px);aspect-ratio:343 / 180;background-color:var(--color-button-accent-bg)}.guides__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.guides__panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);height:100%;padding:7% 8%;color:var(--color-button-accent-text)}.guides__panel-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);min-width:0}.guides__panel-badge{padding:2px 10px;border-radius:var(--radius-pill);background-color:var(--color-button-accent-text);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;line-height:1.5}.guides__panel-topic{font-size:var(--text-xl);font-weight:700;line-height:1.2;text-wrap:balance}.guides__panel-thumb{display:grid;flex-shrink:0;place-items:center;height:78%;aspect-ratio:1;padding:8%;border-radius:50%;background-color:var(--color-background);transition:transform .3s ease-in-out}.guides__panel-img{width:100%;height:100%;object-fit:contain}.guides__panel-art{flex-shrink:0;width:auto;height:78%}.guides__summary,.guides__excerpt{margin-block-end:10px;font-size:var(--text-2xs);line-height:1.4}.guides__summary{font-weight:700}.guides__excerpt{color:var(--color-muted)}.guides__more{display:inline-flex;align-items:center;gap:2px;margin-block-start:auto;color:var(--color-brand-text);font-size:var(--text-2xs);font-weight:700}@media(hover:hover){.guides__card:hover .guides__img{transform:scale(1.1)}.guides__card:hover .guides__panel-thumb{transform:scale(1.06)}.guides__card:hover .guides__more{text-decoration:underline;text-underline-offset:.2em}}.guides__view-all{display:flex;align-items:center;width:fit-content;min-height:2.25rem;margin:var(--space-md) auto 0;padding-inline:1rem;border:1px solid color-mix(in srgb,var(--color-ink) 14%,var(--color-background));border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-sm);font-weight:700;text-decoration:none}@media(hover:hover){.guides__view-all:hover{border-color:var(--color-button-bg);background-color:var(--color-button-bg);color:var(--color-button-text)}}.guides__arrow{display:none}.guides__pause{display:var(--g-scroll-sm, none)}@media(prefers-reduced-motion:reduce){.guides__carousel .guides__pause{display:none}}html.a11y-no-motion .guides__carousel .guides__pause,html.no-js .guides__carousel .guides__pause,html.no-js .guides__carousel .guides__arrow{display:none}@media(min-width:768px){.guides__header{margin-block-end:1.25rem}.guides__heading{font-size:var(--text-3xl)}.guides__carousel{margin-inline:0}.guides__card{padding:.5rem .5rem 1.125rem}.guides__title{font-size:var(--text-2xl)}.guides__panel-topic{font-size:calc(var(--text-body) * 1.375)}.guides__summary,.guides__excerpt,.guides__more{font-size:var(--text-lg)}.guides__view-all{margin:1.25rem 0 0;font-size:var(--text-md)}.guides__arrow{display:var(--g-scroll-md, none);border:1px solid var(--color-border);background-color:var(--color-background)}.guides__arrow.carousel__btn--prev{inset-inline-start:-12px}.guides__arrow.carousel__btn--next{inset-inline-end:-12px}.guides__pause{display:var(--g-scroll-md, none)}}@media(min-width:768px)and (max-width:991px){.guides__heading{font-size:var(--text-2xl)}.guides__card{padding:.5rem .5rem .875rem}.guides__title{font-size:var(--text-body)}.guides__panel-topic{font-size:var(--text-lg)}.guides__summary,.guides__excerpt,.guides__more,.guides__view-all{font-size:var(--text-sm)}}@media(min-width:992px){.guides__arrow,.guides__pause{display:var(--g-scroll-lg, none)}}@media(min-width:1200px){.guides__media{max-height:15rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-guides.css.map */