/** Shopify CDN: Minification failed
Line 52:12 Unexpected "{"
Line 52:21 Expected ":"
Line 56:10 Unexpected "{"
Line 56:19 Expected ":"
Line 76:12 Unexpected "{"
Line 76:21 Expected ":"
Line 80:12 Unexpected "{"
Line 80:21 Expected ":"
Line 89:16 Unexpected "{"
Line 89:25 Expected ":"
... and 18 more hidden warnings
**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */
/* CSS from section stylesheet tags */
/* START_SECTION:about-hero (INDEX:0) */
.ab-hero { position: relative; overflow: hidden; color: #1A1714; }
.ab-hero .ab-container { position: relative; max-width: var(--ab-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.ab-hero-bg {
position: absolute; inset: 0; pointer-events: none;
background-image: url("data:image/svg+xml;utf8,");
background-size: cover; background-position: center;
}
.ab-hero-circle {
position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%);
width: min(95vw, 1100px); aspect-ratio: 1 / 1;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.65);
background: radial-gradient(circle at center, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 65%);
pointer-events: none;
z-index: 0;
}
.ab-hero { --ab-align: center; --ab-mx: auto; }
@media (max-width: 899px) { .ab-hero.ab-align-responsive { --ab-align: center; --ab-mx: auto; } }
.ab-hero.ab-align-left { --ab-align: left; --ab-mx: 0; }
.ab-hero.ab-align-center { --ab-align: center; --ab-mx: auto; }
.ab-hero.ab-align-right { --ab-align: right; --ab-mx: 0 0 0 auto; }
.ab-hero-image { display: flex; justify-content: center; margin-bottom: 28px; }
.ab-circle-img { width: clamp(120px, 28vw, 300px); height: clamp(120px, 28vw, 300px); border-radius: 50%; object-fit: cover; display: block; }
.ab-hero .ab-eyebrow { text-transform: uppercase; letter-spacing: 0.18em; font-size: 13px; font-weight: 600; margin: 0 0 14px; text-align: var(--ab-align); }
.ab-hero .ab-headline { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(32px, 5vw, 56px); line-height: 1.1; margin: 0 0 24px; text-align: var(--ab-align); letter-spacing: -0.01em; }
.ab-hero .ab-headline p { margin: 0; }
.ab-hero .ab-headline em { font-style: italic; }
.ab-hero .ab-body { font-size: 16px; line-height: 1.6; color: #2a2620; max-width: 560px; margin-left: auto; margin-right: auto; text-align: var(--ab-align); }
.ab-hero .ab-body p { margin: 0 0 12px; }
.ab-hero .ab-body p:last-child { margin: 0; }
#ab-hero-{{ section.id }} .ab-hero-alo {
position: relative;
}
#ab-hero-{{ section.id }} .ab-hero-alo::before {
content: '';
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
height: 1200px;
/* background: radial-gradient(circle, transparent 30%, rgba(255, 255, 255, 0.3) 31%, rgba(255, 255, 255, 0.3) 70%, transparent 71%); */
background: radial-gradient(
circle,
transparent 30%,
rgba(255, 255, 255, 0.3) 30%,
rgba(255, 255, 255, 0.3) 70%,
transparent 70%
);
border-radius: 50%;
z-index: 0;
pointer-events: none;
}
#ab-hero-{{ section.id }} .ab-hero-circle {
display: none;
}
#ab-hero-{{ section.id }} .ab-hero .ab-headline {
font-size: 100px;
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 769px) {
#ab-hero-{{ section.id }} .ab-body {
font-size: 18px !important;
font-style: normal;
line-height: 120% !important;
}
.template-suffix-about #ab-hero-{{ section.id }} .ab-body {
font-size: 22px !important;
}
}
@media screen and (max-width: 768px) {
#ab-hero-{{ section.id }} .ab-body {
max-width: 230px !important;
}
#ab-hero-{{ section.id }} .ab-hero-alo::before {
width: 800px;
height: 800px;
}
#ab-hero-{{ section.id }} h1.ab-headline {
max-width: 330px;
margin-left: auto !important;
margin-right: auto !important;
}
#ab-hero-{{ section.id }} .ab-hero .ab-headline {
font-size: 40px !important;
}
#ab-hero-{{ section.id }} .ab-circle-img {
width: 270px !important;
height: 270px !important;
}
#ab-hero-{{ section.id }} .ab-hero-alo {
padding-top: 50px !important;
}
#ab-hero-{{ section.id }} .ab-body * {
text-align: center !important;
}
}
div#pageheader {
background: white;
}
/* END_SECTION:about-hero */
/* START_SECTION:about-intro (INDEX:1) */
.ab-intro { color: #1A1714; }
.ab-intro .ab-container { max-width: var(--ab-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.ab-intro { --ab-align: center; }
@media (max-width: 899px) { .ab-intro.ab-align-responsive { --ab-align: center; } }
.ab-intro.ab-align-left { --ab-align: left; }
.ab-intro.ab-align-center { --ab-align: center; }
.ab-intro.ab-align-right { --ab-align: right; }
.ab-intro .ab-eyebrow { text-transform: uppercase; letter-spacing: 0.18em; font-size: 13px; font-weight: 600; margin: 0 0 14px; text-align: var(--ab-align); }
.ab-intro-headline { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(26px, 3.4vw, 42px); line-height: 1.2; margin: 0; text-align: var(--ab-align); max-width: 920px; margin-left: auto; margin-right: auto; }
.ab-intro-headline p { margin: 0; }
.ab-intro-headline em { font-style: italic; }
.ab-intro .ab-body { font-size: 16px; line-height: 1.6; color: #2a2620; max-width: 720px; margin: 16px auto 0; text-align: var(--ab-align); }
.ab-intro .ab-body p { margin: 0 0 10px; }
/* END_SECTION:about-intro */
/* START_SECTION:about-quote (INDEX:3) */
.ab-quote { color: #1A1714; }
.ab-quote .ab-container { max-width: var(--ab-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.ab-quote { --ab-align: center; }
.ab-quote.ab-align-left { --ab-align: left; }
.ab-quote.ab-align-center { --ab-align: center; }
.ab-quote.ab-align-right { --ab-align: right; }
.ab-quote-card { border-radius: 20px; padding: 48px 32px; max-width: 880px; margin: 0 auto; text-align: var(--ab-align); }
@media (min-width: 768px) { .ab-quote-card { padding: 64px 56px; } }
.ab-quote-text { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-style: italic; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.3; margin: 0 0 24px; quotes: "\201C" "\201D"; }
.ab-quote-text p { margin: 0; display: inline; }
.ab-quote-text::before { content: open-quote; }
.ab-quote-text::after { content: close-quote; }
.ab-quote-attribution { margin: 0; }
.ab-quote-name { font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; font-size: 13px; margin: 0 0 4px; }
.ab-quote-role { text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px; color: #5a5550; margin: 0; }
#ab-quote-{{ section.id }} blockquote:before {
font-size: clamp(22px, 2.6vw, 32px) !important;
vertical-align: text-top;
margin-inline-start: 0;
line-height: 1;
margin-inline-end: 2px !important;
}
@media screen and (max-width: 768px) {
.ab-quote.ab-align-center {
padding-bottom: 40px !important;
}
}
/* END_SECTION:about-quote */
/* START_SECTION:science-comparison (INDEX:86) */
.sci-compare { color: #1A1714; overflow-x: clip; position: relative; }
.sci-compare .sci-container { max-width: var(--sci-container-w, 1240px); margin: 0 auto; padding: 0 24px; position: relative; }
.sci-compare-bg {
position: absolute; inset: 0; pointer-events: none;
background-image:
url("data:image/svg+xml;utf8,");
background-size: cover; background-position: center;
}
.sci-compare-grid { display: grid; grid-template-columns: 1fr; gap: 56px; }
@media (min-width: 900px) { .sci-compare-grid { grid-template-columns: 1fr 1fr; gap: 48px; } }
.sci-compare { --sci-align: center; }
.sci-compare.sci-align-responsive { --sci-align: left; }
@media (max-width: 899px) { .sci-compare.sci-align-responsive { --sci-align: center; } }
.sci-compare.sci-align-left { --sci-align: left; }
.sci-compare.sci-align-center { --sci-align: center; }
.sci-compare.sci-align-right { --sci-align: right; }
.sci-compare-heading { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(32px, 7.2vw, 55px); text-align: var(--sci-align); margin: 0 0 28px; line-height: 1.25; max-width: 510px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 768px) { .sci-compare-heading { max-width: 290px; } }
.sci-compare-heading em { font-style: italic; }
.sci-compare-circle { position: relative; width: min(380px, 75vw); margin: 0 auto; }
.sci-circle-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; display: block; }
.sci-pills { list-style: none; margin: 0; padding: 0; position: absolute; inset: -10px; pointer-events: none; }
.sci-pill { position: absolute; background: #fff; border-radius: 999px; padding: 7px 14px 7px 10px; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; box-shadow: 0 4px 14px rgba(40, 30, 90, 0.10); color: #1A1714; }
.sci-pill--neg svg { color: #c44; }
.sci-pill--pos svg { color: #4a8a4a; }
.sci-pills--off .sci-pill:nth-child(1) { top: 14%; left: 1%; }
.sci-pills--off .sci-pill:nth-child(2) { top: 10%; right: -6%; }
.sci-pills--off .sci-pill:nth-child(3) { top: 50%; left: -14%; }
.sci-pills--off .sci-pill:nth-child(4) { bottom: 14%; right: -10%; }
.sci-pills--off .sci-pill:nth-child(5) { bottom: 4%; left: 8%; }
.sci-pills--works .sci-pill:nth-child(1) { top: 4%; left: 12%; }
.sci-pills--works .sci-pill:nth-child(2) { top: 18%; right: -10%; }
.sci-pills--works .sci-pill:nth-child(3) { top: 52%; left: -16%; }
.sci-pills--works .sci-pill:nth-child(4) { bottom: 18%; right: -14%; }
.sci-pills--works .sci-pill:nth-child(5) { bottom: 2%; left: 14%; }
@media (max-width: 600px) {
.sci-pill { font-size: 11px; padding: 5px 10px 5px 8px; }
.sci-pills--off .sci-pill:nth-child(1) { top: 4%; left: 0; }
.sci-pills--off .sci-pill:nth-child(2) { top: 8%; right: 0; }
.sci-pills--off .sci-pill:nth-child(3) { top: 48%; left: -4%; }
.sci-pills--off .sci-pill:nth-child(4) { bottom: 16%; right: -2%; }
.sci-pills--off .sci-pill:nth-child(5) { bottom: 2%; left: 12%; }
.sci-pills--works .sci-pill:nth-child(1) { top: 2%; left: 14%; }
.sci-pills--works .sci-pill:nth-child(2) { top: 14%; right: -2%; }
.sci-pills--works .sci-pill:nth-child(3) { top: 50%; left: -6%; }
.sci-pills--works .sci-pill:nth-child(4) { bottom: 18%; right: -4%; }
.sci-pills--works .sci-pill:nth-child(5) { bottom: 0; left: 16%; }
.sci-compare {
padding-bottom: 40px !important;
}
}
.sci-compare-footnote { text-align: var(--sci-align); margin: 56px auto 0; max-width: 720px; font-size: clamp(16px, 1.6vw, 20px); line-height: 1.5; color: #1A1714; }
.sci-compare-footnote em { font-style: italic; }
.sci-compare-col h3 {text-align: center;}
p.sci-eyebrow {text-align: center !important;}
.sci-compare-col h3 {
/* max-width: 440px; */
margin: 0 auto;
padding-bottom: 18px;
}
h2.sci-h2 p {
margin-bottom: 15px;
}
.sci-compare-col h3 {
font-size: 52px;
}
.sci-container > h3 {
font-size: 40px;
}
@media screen and (max-width: 768px) {
.sci-compare-col h3 {
font-size: 32px;
}
.sci-container > h3 {
font-size: 32px;
}
}
/* END_SECTION:science-comparison */
/* START_SECTION:science-hero (INDEX:87) */
.sci-hero { position: relative; overflow: hidden; color: #1A1714; }
.sci-hero .sci-container { position: relative; max-width: var(--sci-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.sci-hero-bg {
position: absolute; inset: 0; pointer-events: none;
background-image:
radial-gradient(ellipse at 20% 40%, rgba(255,255,255,0.4) 0%, transparent 60%),
url("data:image/svg+xml;utf8,");
background-size: cover; background-position: center;
}
.sci-hero .sci-eyebrow { text-transform: uppercase; letter-spacing: 0.18em; font-size: 16px; font-weight: 600; margin: 0 0 18px; }
.sci-hero .sci-headline { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(45px, 5.5vw, 100px); line-height: 1.1; margin: 0 0 40px; letter-spacing: -0.01em; }
.sci-hero .sci-headline em, .sci-hero .sci-subhead em { font-style: italic; }
.sci-hero-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: start; }
.sci-hero-video { order: 1; }
.sci-hero-copy { order: 2; }
@media (min-width: 900px) {
.sci-hero-grid { grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
.sci-hero-copy { order: 1; }
.sci-hero-video { order: 2; }
}
.sci-hero-copy { max-width: 560px; margin-left: var(--sci-ml, 0); margin-right: var(--sci-mr, auto); }
.sci-hero { --sci-align: left; --sci-ml: 0; --sci-mr: auto; }
@media (max-width: 899px) { .sci-hero.sci-align-responsive { --sci-align: center; --sci-ml: auto; --sci-mr: auto; } }
.sci-hero.sci-align-left { --sci-align: left; --sci-ml: 0; --sci-mr: auto; }
.sci-hero.sci-align-center { --sci-align: center; --sci-ml: auto; --sci-mr: auto; }
.sci-hero.sci-align-right { --sci-align: right; --sci-ml: auto; --sci-mr: 0; }
.sci-hero .sci-eyebrow,
.sci-hero .sci-headline,
.sci-hero .sci-subhead,
.sci-hero .sci-body { text-align: var(--sci-align); }
.sci-hero .sci-subhead { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.25; margin: 0 0 14px; }
.sci-hero .sci-body { font-size: 22px; color: #2a2620; }
.sci-hero .sci-body p { margin: 0 0 12px; }
.sci-hero .sci-body p:last-child { margin-bottom: 0; }
.sci-video-card { position: relative; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: #d8d2ea; box-shadow: 0 12px 40px rgba(40, 30, 90, 0.15); }
.sci-video-card iframe, .sci-video-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; }
.sci-video-poster { width: 100%; height: 100%; object-fit: cover; display: block; }
.sci-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; border: none; background: rgba(255,255,255,0.9); color: #1A1714; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 0 4px; transition: transform .2s ease, background .2s ease; }
.sci-play-btn:hover { transform: translate(-50%, -50%) scale(1.06); background: #fff; }
.sci-video-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 22px; color: #fff; font-size: 14px; line-height: 1.4; background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0)); }
h1.sci-headline { text-align: center !important; max-width: 840px; margin-left: auto !important; margin-right: auto !important;}
.sci-hero .sci-subhead { font-size: clamp(32px, 4.8vw, 55px);}
.sci-hero .sci-subhead { line-height: clamp(32px, 4.8vw, 55px);}
.sci-container h3 {
text-align: center;
}
@media screen and (max-width: 768px) {
.sci-hero .sci-body { font-size: 20px; }
}
/* END_SECTION:science-hero */
/* START_SECTION:sync-up-article-body (INDEX:96) */
.su-art-body { color: #1A1714; }
.su-art-body .su-container { max-width: var(--su-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.su-art-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 900px) { .su-art-grid { grid-template-columns: 280px 1fr; gap: 56px; align-items: start; } }
@media (min-width: 1100px) { .su-art-grid { grid-template-columns: 320px 1fr; gap: 80px; } }
.su-art-aside { min-width: 0; }
@media (min-width: 900px) { .su-art-aside-inner { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 20px; } }
@media (max-width: 899px) { .su-art-aside-inner { display: flex; flex-direction: column; gap: 16px; } }
.su-art-box { border-radius: 16px; padding: 22px 24px; }
.su-art-box-eyebrow { text-transform: uppercase; letter-spacing: 0.14em; font-size: 12px; font-weight: 700; margin: 0 0 14px; color: #1A1714; }
.su-art-takeaways .su-art-box-body { font-size: 14px; line-height: 1.6; color: #2a2620; }
.su-art-takeaways .su-art-box-body p { margin: 0 0 10px; }
.su-art-takeaways .su-art-box-body p:last-child { margin: 0; }
.su-art-takeaways .su-art-box-body ul { padding-left: 20px; margin: 0; }
.su-art-takeaways .su-art-box-body li { margin-bottom: 8px; }
.su-art-takeaways .su-art-box-body li:last-child { margin-bottom: 0; }
.su-art-cta-box { text-align: center; }
.su-art-cta-image { margin: 0 0 16px; }
.su-art-cta-image img { max-width: 100%; width: auto; height: auto; /*max-height: 180px;*/ margin: 0 auto; display: block; border-radius: 12px; }
.su-art-cta-heading { text-transform: uppercase; letter-spacing: 0.14em; font-size: 12px; font-weight: 700; margin: 0 0 10px; }
.su-art-cta-body { font-size: 18px; line-height: 1.55; color: #2a2620; margin: 0 0 16px; }
.su-cta { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; padding: 12px 22px; border-radius: 999px; font-weight: 600; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; transition: transform .15s ease, box-shadow .15s ease; }
.su-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.su-cta-arrow { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(0,0,0,0.08); }
/* Article rich-text content */
.su-art-main { min-width: 0; }
.su-art-content { font-size: 16px; line-height: 1.75; color: #2a2620; max-width: 760px; }
.su-art-content > *:first-child { margin-top: 0; }
.su-art-content > *:last-child { margin-bottom: 0; }
.su-art-content p { margin: 0 0 1.2em; }
.su-art-content h2 { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; color: #1A1714; margin: 1.6em 0 0.6em; }
.su-art-content h3 { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(20px, 2vw, 24px); line-height: 1.25; color: #1A1714; margin: 1.4em 0 0.5em; }
.su-art-content h4 { font-weight: 700; font-size: 16px; line-height: 1.3; margin: 1.4em 0 0.4em; color: #1A1714; }
.su-art-content strong { font-weight: 700; color: #1A1714; }
.su-art-content em { font-style: italic; }
.su-art-content a { color: #1A1714; text-decoration: underline; text-underline-offset: 3px; }
.su-art-content a:hover { text-decoration-thickness: 2px; }
.su-art-content ul, .su-art-content ol { margin: 0 0 1.2em; padding-left: 24px; }
.su-art-content ul li, .su-art-content ol li { margin-bottom: 0.6em; }
.su-art-content ul li:last-child, .su-art-content ol li:last-child { margin-bottom: 0; }
.su-art-content ol { list-style: decimal; }
.su-art-content ol li::marker { font-weight: 600; color: #1A1714; }
.su-art-content ol ol { list-style: lower-alpha; margin-top: 0.5em; }
.su-art-content ol ol ol { list-style: lower-roman; }
.su-art-content ul { list-style: disc; }
.su-art-content ul ul { list-style: circle; margin-top: 0.5em; }
.su-art-content blockquote { font-family: var(--heading-font-family, Georgia, serif); font-size: 1.2em; line-height: 1.4; color: #1A1714; border-left: 4px solid rgba(0,0,0,0.15); padding: 8px 0 8px 20px; margin: 1.4em 0; }
.su-art-content img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 1.6em auto; }
.su-art-content figure { margin: 1.6em 0; }
.su-art-content figcaption { font-size: 13px; color: #5a5550; text-align: center; margin-top: 8px; }
.su-art-content hr { border: none; border-top: 1px solid rgba(0,0,0,0.12); margin: 2em 0; }
.su-art-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; background: rgba(0,0,0,0.06); padding: 2px 6px; border-radius: 4px; }
.su-art-content pre { background: rgba(0,0,0,0.05); padding: 16px; border-radius: 8px; overflow-x: auto; margin: 1.4em 0; }
.su-art-content table { width: 100%; border-collapse: collapse; margin: 1.4em 0; }
.su-art-content th, .su-art-content td { padding: 10px 14px; border: 1px solid rgba(0,0,0,0.12); text-align: left; }
.su-art-content th { background: rgba(0,0,0,0.04); font-weight: 700; }
p.su-art-cta-body {text-align: left;}
h3.su-art-cta-heading {
font-family: "sofia-pro";
font-weight: 700;
font-style: Semi Bold;
font-size: 18px;
line-height: 125%;
letter-spacing: 3%;
text-transform: uppercase;
text-align: left;
}
.su-art-box.su-art-cta-box {
text-align: left;
}
@media screen and (max-width: 768px) {
.su-art-cta-body {font-size: 16px;}
}
h2.su-art-box-eyebrow {
font-family: "sofia-pro";
color: var(--Black, #000);
/* Desktop/Subhead 01 */
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 22.5px */
letter-spacing: 0.54px;
text-transform: uppercase;
}
.su-art-box-body * {
color: var(--Black, #000);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.su-art-box-body ul {
list-style-type: disc;
}
p.su-art-cta-body {
color: var(--Black, #000);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
}
span.su-cta-arrow {
background: transparent !important;
}
/* END_SECTION:sync-up-article-body */
/* START_SECTION:sync-up-article-hero (INDEX:97) */
.su-art-hero { color: #1A1714; }
.su-art-hero .su-container { max-width: var(--su-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.su-art-card { display: grid; grid-template-columns: 1fr; gap: 0; border-radius: 20px; overflow: hidden; }
@media (min-width: 900px) { .su-art-card { grid-template-columns: 1fr 1fr; align-items: stretch; } }
.su-art-card--reverse .su-art-image { order: -1; }
@media (max-width: 899px) { .su-art-card--reverse .su-art-image { order: 0; } }
.su-art-meta { padding: 28px; display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 768px) { .su-art-meta { padding: 48px; } }
.su-art-meta-top { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }
.su-tag { display: inline-block; background: #fff; border-radius: 999px; padding: 6px 14px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #1A1714; text-decoration: none; }
.su-tag:hover { background: rgba(0,0,0,0.06); }
.su-date { font-size: 13px; color: #5a5550; }
.su-art-title { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(40px, 4.4vw, 55px); line-height: 1.15; margin: 0 0 24px; }
.su-socials { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.su-socials a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.08); color: #1A1714; text-decoration: none; transition: background .15s ease; }
.su-socials a:hover { background: rgba(0,0,0,0.16); }
.su-art-image { aspect-ratio: 1 / 1; }
@media (min-width: 900px) { .su-art-image { aspect-ratio: auto; } }
.su-art-image img, .su-art-image svg { width: 100%; height: 100%; object-fit: cover; display: block; }
@media screen and (max-width: 768px) {
.su-art-image {
order: -1;
}
}
/* END_SECTION:sync-up-article-hero */
/* START_SECTION:sync-up-article-related (INDEX:98) */
.su-art-rel { color: #1A1714; }
.su-art-rel .su-container { max-width: var(--su-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.su-art-rel .su-list-heading { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(45px, 5.4vw, 55px); line-height: 1.1; margin: 0 0 28px; text-align: center; }
.su-art-rel .su-list-heading p { margin: 0; }
.su-art-rel .su-list-heading em { font-style: italic; }
.su-art-rel .su-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 600px) { .su-art-rel .su-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .su-art-rel .su-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } }
.su-art-rel .su-card { display: flex; flex-direction: column; height: 100%; border-radius: 16px; overflow: hidden; }
.su-art-rel .su-card-image { aspect-ratio: 4 / 5; display: block; overflow: hidden; }
.su-art-rel .su-card-image img, .su-art-rel .su-card-image svg { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.su-art-rel .su-card:hover .su-card-image img { transform: scale(1.03); }
.su-art-rel .su-card-body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.su-art-rel .su-card-title { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.2; margin: 0 0 14px; }
.su-art-rel .su-card-title a { color: inherit; text-decoration: none; }
.su-art-rel .su-card-title a:hover { text-decoration: underline; }
.su-art-rel .su-card-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; text-decoration: none; color: #1A1714; margin-top: auto; }
.su-art-rel .su-card-link:hover { gap: 10px; }
.su-art-rel-cta { display: flex; justify-content: center; margin-top: 40px; }
.su-art-rel .su-cta { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; padding: 14px 28px; border-radius: 999px; font-weight: 600; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; transition: transform .15s ease, box-shadow .15s ease; }
.su-art-rel .su-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.su-art-rel .su-cta-arrow { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,0,0,0.08); }
a.su-card-link {
font-family: "sofia-pro";
font-weight: 400 !important;
font-style: Regular;
font-size: 16px !important;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
}
.shopify-section--su-art-rel .su-card-title a {
color: var(--Black, #000);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 33px */
}
@media screen and (max-width: 768px) {
.shopify-section--su-art-rel .su-card-title a {
font-size: 25px;
}
}
.su-art-content.rte p {
overflow-wrap: break-word;
}
/* END_SECTION:sync-up-article-related */
/* START_SECTION:sync-up-hero (INDEX:100) */
.su-hero { color: #1A1714; }
.su-hero .su-container { max-width: var(--su-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.su-hero { --su-align: center; }
.su-hero.su-align-left { --su-align: left; }
.su-hero.su-align-center { --su-align: center; }
.su-hero.su-align-right { --su-align: right; }
.su-hero .su-eyebrow { text-transform: uppercase; letter-spacing: 0.18em; font-size: 13px; font-weight: 600; margin: 0 0 14px; text-align: var(--su-align); }
.su-hero .su-headline { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(45px, 5vw, 60px); line-height: 1.1; margin: 0 0 14px; text-align: var(--su-align); letter-spacing: -0.01em; }
.su-hero .su-headline p { margin: 0; }
.su-hero .su-headline em { font-style: italic; }
.su-hero .su-tagline { font-size: 22px; line-height: normal; color: #2a2620; max-width: 640px; margin: 0 auto; text-align: var(--su-align); }
@media screen and (max-width: 768px) {
.su-tagline {
font-size: 18px !important;
}
}
/* END_SECTION:sync-up-hero */
/* START_SECTION:sync-up-list (INDEX:101) */
.su-loader {
animation: su-fade 1s infinite alternate;
}
@keyframes su-fade {
from { opacity: 0.5; }
to { opacity: 1; }
}
.su-list { color: #1A1714; }
.su-list .su-container { max-width: var(--su-container-w, 1240px); margin: 0 auto; padding: 0 24px; }
.su-list { --su-align: center; }
.su-list.su-align-left { --su-align: left; }
.su-list.su-align-center { --su-align: center; }
.su-list.su-align-right { --su-align: right; }
.su-list-heading { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(45px, 5.4vw, 55px); line-height: 1.1; margin: 0 0 28px; text-align: var(--su-align); }
.su-list-heading p { margin: 0; }
.su-list-heading em { font-style: italic; }
.su-filter { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 0 0 36px; }
.su-filter-label { text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; font-weight: 700; color: #5a5550; }
.su-filter-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.su-pill { display: inline-block; padding: 8px 16px; border-radius: 999px; background: transparent; border: 1px solid rgba(0,0,0,0.15); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; color: #1A1714; transition: background .15s ease; }
.su-pill:hover { background: rgba(0,0,0,0.05); }
.su-pill--active { background: #1A1714; color: #fff; border-color: #1A1714; }
.su-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 600px) { .su-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .su-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } }
.su-card { display: flex; flex-direction: column; height: 100%; border-radius: 16px; overflow: hidden; }
.su-card-image { aspect-ratio: 4 / 5; display: block; overflow: hidden; }
.su-card-image img, .su-card-image svg { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.su-card:hover .su-card-image img { transform: scale(1.03); }
.su-card-body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.su-card-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.su-card-title { font-family: var(--heading-font-family, Georgia, serif); font-weight: 400; font-size: clamp(18px, 3.8vw, 30px); line-height: 1.2; margin: 0 0 14px; }
.su-card-title a { color: inherit; text-decoration: none; }
.su-card-title a:hover { text-decoration: underline; }
.su-card-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; text-decoration: none; color: #1A1714; margin-top: auto; }
.su-card-link:hover { gap: 10px; }
.su-card-link svg { margin-bottom: -2px; }
.su-paginate { display: flex; justify-content: center; margin-top: 40px; }
.su-cta { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; padding: 14px 28px; border-radius: 999px; font-weight: 600; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; transition: transform .15s ease, box-shadow .15s ease; }
.su-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.su-cta-arrow { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,0,0,0.08); }
.su-list-empty { padding: 48px 24px; text-align: center; color: #5a5550; }
a.su-card-link {
font-family: "sofia-pro";
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
h3.su-card-title {
font-size: 25px;
}
time.su-date {
font-size: 16px;
}
}
/* END_SECTION:sync-up-list */