.sy-article-hero,.sy-article-hero *{box-sizing:border-box}.sy-article-hero{display:block;padding:48px 0 64px;color:var(--sy-heading, #07182c);font-family:var(--font-body-family, "DM Sans", sans-serif);letter-spacing:0;background:var(--sy-page-bg, #fcfcff)}.sy-article-hero__shell{width:min(var(--sy-container, 1240px),calc(100% - 64px));margin:0 auto}.sy-article-hero__breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;color:var(--sy-body, #536174);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.sy-article-hero__breadcrumbs a{color:inherit;text-decoration:none}.sy-article-hero__breadcrumbs a:hover{color:var(--sy-primary, #5b43f5);text-decoration:underline}.sy-article-hero__breadcrumbs a:focus-visible{outline:3px solid var(--sy-primary, #5b43f5);outline-offset:3px}.sy-article-hero__breadcrumbs [aria-current]{color:var(--sy-heading, #07182c)}.sy-article-hero__panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:600px;overflow:hidden;border:1px solid var(--sy-border, #e7e5f2);border-radius:var(--sy-radius-panel, 22px);background:var(--sy-surface, #fff);box-shadow:var(--sy-shadow-subtle, 0 8px 24px rgba(19, 25, 54, .05))}.sy-article-hero__copy{min-width:0;align-self:center;padding:44px}.sy-article-hero__eyebrow{display:inline-flex;width:fit-content;margin:0 0 20px;padding:6px 12px;border:1px solid var(--sy-eyebrow-border, #ded8ff);border-radius:var(--sy-radius-pill, 999px);background:var(--sy-eyebrow-bg, #f7f4ff);color:var(--sy-primary, #5b43f5);font-size:13px;font-weight:700;line-height:1.4}.sy-article-hero h1{margin:0;max-width:100%;color:var(--sy-heading, #07182c);font-family:var(--font-heading-family, Poppins, sans-serif);font-size:48px;font-weight:800;line-height:1.12;letter-spacing:0;overflow-wrap:break-word}.sy-article-hero__excerpt{margin:20px 0 0;color:var(--sy-body, #536174);font-size:18px;font-weight:500;line-height:1.6}.sy-article-hero__byline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 16px;margin-top:28px}.sy-article-hero__author{display:flex;align-items:center;gap:12px;min-width:0}.sy-article-hero__author .sy-article-team-avatar{width:56px;height:56px;flex:0 0 56px}.sy-article-hero__author>div{display:grid;gap:4px;min-width:0}.sy-article-hero__author strong{color:var(--sy-heading, #07182c);font-size:16px;font-weight:750;line-height:1.4}.sy-article-hero__author>div>span{color:var(--sy-body, #536174);font-size:14px;font-weight:500;line-height:1.4}.sy-article-hero__save{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:150px;min-height:44px;padding:10px 12px;border:1px solid var(--sy-border, #e7e5f2);border-radius:var(--sy-radius-button, 13px);color:var(--sy-heading, #07182c);background:var(--sy-surface, #fff);font:inherit;font-size:14px;font-weight:650;line-height:1.3;cursor:pointer}.sy-article-hero svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sy-article-hero__save:hover{border-color:var(--sy-border-hover, #cfc9ec);color:var(--sy-primary, #5b43f5)}.sy-article-hero__save[aria-pressed=true]{color:var(--sy-primary, #5b43f5);border-color:var(--sy-eyebrow-border, #ded8ff);background:var(--sy-eyebrow-bg, #f7f4ff)}.sy-article-hero__save[aria-pressed=true] svg{fill:currentColor}.sy-article-hero__save:focus-visible{outline:3px solid var(--sy-primary, #5b43f5);outline-offset:3px}.sy-article-hero__metadata{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--sy-border, #e7e5f2)}.sy-article-hero__meta-item{display:inline-flex;align-items:center;gap:8px;color:var(--sy-body, #536174);font-size:14px;font-weight:550;line-height:1.4;white-space:nowrap}.sy-article-hero__category{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:var(--sy-radius-pill, 999px);color:var(--sy-primary, #5b43f5);background:var(--sy-primary-soft, #eeeafe);font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.sy-article-hero__visual{position:relative;min-width:0;min-height:100%;overflow:hidden;background:var(--sy-surface-lavender, #f3f0ff)}.sy-article-hero__visual img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}@media(min-width:990px)and (max-width:1199px){.sy-article-hero__copy{padding:32px}.sy-article-hero h1{font-size:42px}.sy-article-hero__excerpt{font-size:17px}}@media(max-width:989px){.sy-article-hero{padding:24px 0 32px}.sy-article-hero__shell{width:calc(100% - 32px)}.sy-article-hero__panel{grid-template-columns:minmax(0,1fr);min-height:0}.sy-article-hero__copy{padding:24px 20px 16px}.sy-article-hero h1{font-size:32px;line-height:1.2}.sy-article-hero__excerpt{margin-top:16px;font-size:17px}.sy-article-hero__byline{flex-wrap:nowrap;gap:12px;margin-top:20px}.sy-article-hero__author{gap:10px}.sy-article-hero__author .sy-article-team-avatar{width:44px;height:44px;flex-basis:44px;border:1px solid var(--sy-border, #e7e5f2)}.sy-article-hero__author>div>span{overflow-wrap:anywhere}.sy-article-hero__save{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0}.sy-article-hero__save>span{display:none}.sy-article-hero__metadata{gap:10px 16px;margin-top:16px;padding-top:14px}.sy-article-hero__category{max-width:100%;white-space:normal}.sy-article-hero__visual{min-height:0;aspect-ratio:auto}.sy-article-hero__visual img{position:static;height:auto;object-position:center}.sy-article-hero__visual:after{content:none}}
/*# sourceMappingURL=/cdn/shop/t/346/assets/suityou-article-hero.css.map */