.otf-guides{--otf-guide-ink: var(--otf-ink);--otf-guide-muted: var(--otf-muted);--otf-guide-border: var(--otf-border);color:var(--otf-guide-ink)}.otf-style-guides{padding-block:clamp(40px,6vw,70px);background:var(--otf-page)}.otf-guides__header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.otf-guides__eyebrow,.otf-guide-card__topic{margin:0 0 10px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.otf-guides__heading{margin:0;color:#000;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.025em}.otf-guides__intro{max-width:580px;margin:14px 0 0;color:var(--otf-guide-muted);font-size:16px;line-height:1.6}.otf-guides__all-link{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;padding-block:10px;color:#000;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.otf-style-guides__layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:24px}.otf-style-guides__picks{display:grid;gap:24px}.otf-style-guides__layout:has(>.otf-guide-card:only-child){grid-template-columns:minmax(0,1fr)}.otf-style-guides__pick{display:flex;min-width:0}.otf-guide-card{min-width:0;width:100%;border:1px solid var(--otf-guide-border);border-radius:var(--border-radius-xl, 12px);background:var(--otf-surface);overflow:hidden}.otf-guide-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.otf-guide-card__link:focus-visible,.otf-guides__all-link:focus-visible,.otf-guides__topics a:focus-visible{outline:2px solid #000;outline-offset:-5px}.otf-guide-card__media{flex-shrink:0;width:100%;background:var(--otf-page)}.otf-guide-card__image{display:block;width:100%;height:auto}.otf-guide-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,30px)}.otf-guide-card__topic{color:var(--otf-guide-muted);font-size:11px}.otf-guide-card__title{margin:0;color:#000;font-size:22px;line-height:1.25;letter-spacing:-.018em;overflow-wrap:anywhere}.otf-guide-card--featured .otf-guide-card__title{font-size:clamp(24px,2.7vw,30px)}.otf-guide-card__excerpt{margin:14px 0 20px;color:var(--otf-guide-muted);font-size:14px;line-height:1.7}.otf-guide-card__cta{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:5px;color:#000;font-size:13px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px}@media(hover:hover){.otf-guide-card__link:hover .otf-guide-card__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.otf-guides__topics a:hover{border-color:#28282a}}.otf-guide-library{padding-block:clamp(35px,5vw,60px)}.otf-guide-library__header{margin-bottom:22px}.otf-guides__topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.otf-guides__topics a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--otf-guide-border);border-radius:var(--border-radius-xl, 12px);color:#28282a;background:var(--otf-surface);font-size:13px;line-height:1.4;text-decoration:none}.otf-guides__topics a[aria-current=page]{border-color:#28282a;color:#fff;background:#28282a}.otf-guide-library__feature{margin-bottom:40px}.otf-guide-library__feature .otf-guide-card__link{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}.otf-guide-library__feature .otf-guide-card__body{align-self:stretch;justify-content:center}.otf-guide-library__feature .otf-guide-card__cta{margin-top:0}.otf-guide-library__subheading{margin:0 0 20px;color:#000;font-size:20px;line-height:1.3}.otf-guide-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.otf-guide-library__grid .otf-guide-card__title{font-size:20px}.otf-guide-library__grid .otf-guide-card__body{padding:23px}.otf-guide-library__empty{padding-block:30px;font-size:16px}@media screen and (max-width:989px){.otf-guide-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otf-guide-library__feature .otf-guide-card__link{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media screen and (max-width:749px){.otf-style-guides>.page-width,.otf-guide-library.page-width{padding-inline:20px}.otf-guides__header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.otf-guides__intro{font-size:15px}.otf-style-guides__layout,.otf-guide-library__grid,.otf-guide-library__feature .otf-guide-card__link{grid-template-columns:minmax(0,1fr)}.otf-style-guides__layout,.otf-style-guides__picks{gap:16px}.otf-guide-card__body,.otf-guide-library__grid .otf-guide-card__body{padding:22px}.otf-guide-card__excerpt{margin-bottom:16px}.otf-guides__topics{gap:8px}.otf-guides__topics a{padding-inline:15px}.otf-guide-library__feature{margin-bottom:30px}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/otf-style-guides.css.map */