.guides{padding-top:var(--sp-4);padding-bottom:var(--section-y)}.guides__head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);margin-top:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:var(--bw) solid var(--c-ink)}.guides__title{font-size:min(var(--fs-hero),10.5vw);font-stretch:var(--f-display-stretch);font-weight:var(--f-display-weight);line-height:var(--lh-tight);letter-spacing:-.035em;-webkit-hyphens:manual;hyphens:manual}.guides__intro>*+*{margin-top:var(--sp-3)}.guides__head>:not(:first-child){max-width:44rem}.guides__tabs{margin:var(--sp-5) calc(-1 * var(--gutter)) var(--sp-7);overflow-x:auto;scrollbar-width:none}.guides__tabs::-webkit-scrollbar{display:none}.guides__tabs ul{display:flex;gap:var(--sp-2);list-style:none;margin:0;padding:0 var(--gutter);width:max-content}.guides__tabs a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem 1rem;border:var(--bw) solid var(--c-control);background:var(--c-surface);font-size:var(--fs-small);font-weight:600;text-decoration:none;white-space:nowrap}.guides__tabs a:hover{border-color:var(--c-ink)}.guides__tabs a[aria-current=page]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-bg);box-shadow:inset 0 -3px 0 var(--c-accent)}.guides__grid{display:grid;gap:var(--sp-7) var(--gap);list-style:none;margin:0;padding:0}@media(min-width:640px){.guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.guides__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-card{position:relative;display:grid;gap:var(--sp-4);align-content:start;height:100%}.guide-card__media{aspect-ratio:4 / 3;background:var(--c-panel);display:grid;place-items:center;overflow:hidden}.guide-card__media img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply;transition:transform var(--dur-3) var(--ease-out)}.guide-card:hover .guide-card__media img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.guide-card:hover .guide-card__media img{transform:none}}.guide-card__icon{width:3rem;height:3rem;color:var(--c-muted)}.guide-card__body{display:grid;gap:var(--sp-2)}.guide-card__title{font-size:var(--fs-h3);font-weight:720;font-stretch:115%;line-height:1.15;letter-spacing:-.015em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.guide-card__link{text-decoration:none}.guide-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.guide-card__link:hover,.guide-card__link:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}.guide-card__excerpt{color:var(--c-ink-soft);font-size:var(--fs-small);line-height:1.55}.guide-card__meta,.guide__meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--c-muted)}.guide-card__meta,.guide__meta{column-gap:var(--sp-5)}.guide .page-width:first-child{padding-top:var(--sp-4)}.guide__head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);margin-top:var(--sp-6)}.guide__intro{display:grid;gap:var(--sp-4);align-content:center}.guide__title{font-size:min(var(--fs-h1),9vw);font-stretch:var(--f-display-stretch);font-weight:var(--f-display-weight);line-height:var(--lh-head);letter-spacing:var(--tracking-display);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.guide__meta a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.25em}.guide__media{background:var(--c-panel);aspect-ratio:4 / 3;display:grid;place-items:center}.guide__media img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}@media(max-width:1023px){.guide__media{margin-inline:calc(-1 * var(--gutter))}}@media(min-width:1024px){.guide__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-8)}}.guide__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);margin-top:var(--section-y-tight);padding-bottom:var(--section-y-tight)}.guide__toc{border-top:var(--bw) solid var(--c-ink);padding-top:var(--sp-3)}.guide__toc-title{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--c-muted)}.guide__toc ol{list-style:none;margin:var(--sp-3) 0 0;padding:0;counter-reset:toc;display:grid}.guide__toc li{counter-increment:toc}.guide__toc a{display:grid;grid-template-columns:2rem 1fr;gap:var(--sp-2);padding:.55rem 0;border-bottom:var(--bw) solid var(--c-line);font-size:var(--fs-small);font-weight:560;text-decoration:none}.guide__toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted);padding-top:.15em}.guide__toc a:hover{text-decoration:underline;text-underline-offset:.2em}.guide__body{max-width:44rem}.guide__body h2{scroll-margin-top:calc(var(--header-total, 7rem) + var(--sp-4))}@media(min-width:1024px){.guide__layout{grid-template-columns:16rem minmax(0,44rem);gap:var(--sp-8);align-items:start}.guide__toc{position:sticky;top:calc(var(--header-total, 7rem) + var(--sp-4))}}.guide-products,.guide-related{padding-block:var(--section-y-tight);border-top:var(--bw) solid var(--c-line)}.guide-help{padding-block:var(--sp-6)}.guide-help__inner{display:grid;gap:var(--sp-5);padding:var(--sp-6);background:var(--c-panel)}.guide-help__title{font-size:var(--fs-h3);font-weight:720;font-stretch:115%;line-height:1.2;margin-bottom:var(--sp-2)}.guide-help__inner p{color:var(--c-ink-soft);max-width:52ch}.guide-help__links{display:flex;flex-wrap:wrap;gap:var(--sp-3);list-style:none;margin:0;padding:0}.guide-help__links .icon{width:1.2rem;height:1.2rem}@media(min-width:1024px){.guide-help__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.guide-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);list-style:none;margin:0;padding:0}.guide-links a{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:2.75rem;font-size:var(--fs-small);font-weight:600;text-decoration:underline;text-underline-offset:.25em}.guide-links .icon{width:1.25rem;height:1.25rem;flex:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-guides.css.map */