.blog-index-shell{background:var(--bg);min-height:100vh;color:var(--text);overflow:clip}.blog-index-header{width:var(--page);margin:0 auto;padding:190px 0 86px}.blog-index-header h1{max-width:820px;font-family:var(--serif);letter-spacing:-.2px;font-size:clamp(76px,8.2vw,116px);font-weight:400;line-height:.88}.blog-index-header p{max-width:590px;color:var(--muted-strong);margin:42px 0 0;font-size:18px;line-height:1.65}.blog-index-header p a{color:var(--text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .18s}.blog-index-header p a:hover,.blog-index-header p a:focus-visible{color:var(--accent)}.blog-index-articles{width:var(--page);margin:0 auto;padding-bottom:150px}.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.blog-index-grid>a{aspect-ratio:4/3;background:linear-gradient(135deg, #ffffff09, transparent 42%), var(--surface);border-radius:26px;min-height:0;padding:clamp(28px,3.5vw,42px);transition:background-color .2s;display:grid;position:relative;overflow:hidden}.blog-index-copy{z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:100%;display:flex;position:relative}.blog-index-media{z-index:0;width:100%;height:100%;position:absolute;inset:0}.blog-index-image{object-fit:cover;object-position:50% 44%;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.blog-index-grid>a.has-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000005 20%,#00000038 48%,#000000db 78%,#000000fa 100%);position:absolute;inset:0}.blog-index-grid>a:hover .blog-index-image,.blog-index-grid>a:focus-visible .blog-index-image{transform:scale(1.025)}.blog-index-grid>a:hover,.blog-index-grid>a:focus-visible{background-color:var(--surface-2);outline:none}.blog-index-grid h3{max-width:580px;font-family:var(--serif);letter-spacing:-.2px;text-wrap:balance;margin:0;font-size:clamp(34px,3.9vw,58px);font-weight:400;line-height:.94}.blog-index-read{width:max-content;color:var(--text);border-radius:999px;margin-top:26px;padding:11px 16px;font-size:15px;font-weight:650;transition:transform .18s,background-color .18s,color .18s;position:relative;overflow:hidden}.blog-index-grid>a:hover .blog-index-read,.blog-index-grid>a:focus-visible .blog-index-read{color:var(--text)}@media (max-width:900px){.blog-index-grid{grid-template-columns:1fr}.blog-index-grid>a{aspect-ratio:4/3}}@media (max-width:620px){.blog-index-header,.blog-index-articles{width:var(--page)}.blog-index-header{padding:142px 0 72px}.blog-index-header h1{font-size:68px}.blog-index-header p{margin-top:30px;font-size:16px}.blog-index-grid>a{aspect-ratio:1;border-radius:24px;padding:27px 24px}.blog-index-grid>a.has-image:before{background:linear-gradient(#0000001f 12%,#0000008f 48%,#000000f0 76%,#000 100%)}.blog-index-grid>a:not(.has-image){aspect-ratio:auto;min-height:300px}.blog-index-grid h3{font-size:42px}.blog-index-read{margin-top:22px}}
.article-shell{background:var(--bg);min-height:100vh;color:var(--text);overflow:clip}.guide-article{width:var(--page);margin:0 auto;padding:166px 0 132px}.article-breadcrumbs{max-width:900px;color:var(--muted);align-items:baseline;gap:10px;font-size:15px;line-height:1.5;display:flex}.article-breadcrumbs a{color:var(--text);flex:none;font-weight:600}.article-breadcrumbs a:hover,.article-breadcrumbs a:focus-visible{color:var(--accent)}.article-breadcrumbs span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.article-header{max-width:1000px;margin-top:48px}.article-header h1{letter-spacing:-.2px;text-wrap:balance;margin:0;font-size:clamp(66px,8vw,118px);line-height:.88}.quick-answer{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:20px;max-width:790px;margin-top:46px;padding:26px 28px 28px}.quick-answer h2{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.quick-answer p{color:var(--muted-strong);margin-top:12px;font-size:17px;line-height:1.72}.article-header>p{max-width:790px;color:var(--muted-strong);margin:34px 0 0;font-size:18px;line-height:1.67}.quick-answer+p{margin-top:28px}.article-layout{margin-top:96px}.article-hero-image{background:var(--surface);border-radius:30px;width:70%;margin:72px 0 0;overflow:hidden}.article-hero-image img{aspect-ratio:16/9;object-fit:cover;object-position:50% 43%;width:100%;display:block}.article-hero-image picture{display:block}.article-copy{max-width:790px}.article-copy section+section{margin-top:78px}.article-copy h2{letter-spacing:-.2px;margin:0;font-size:clamp(44px,5.4vw,72px);line-height:.95}.article-copy section>p{color:var(--muted-strong);margin:24px 0 0;font-size:17px;line-height:1.82}.article-copy section>ul{margin:30px 0 0;padding:0;list-style:none}.article-copy section>ul li{border-bottom:1px solid var(--line);color:var(--muted-strong);padding:15px 0;font-size:15px;line-height:1.6}.article-copy section>ul li:first-child{border-top:1px solid var(--line)}.article-cta{width:var(--page);background:radial-gradient(circle at 82% 18%, var(--accent-soft), transparent 38%), var(--surface);isolation:isolate;border-radius:30px;justify-content:space-between;align-items:center;gap:36px;margin:0 auto 54px;padding:clamp(42px,6vw,74px);display:flex;position:relative;overflow:hidden}.article-cta:before{content:"";z-index:0;background-image:radial-gradient(circle, #ffffff7a 0 1px, transparent 1.6px), radial-gradient(circle, color-mix(in srgb, var(--accent) 64%, transparent) 0 1.2px, transparent 1.8px);opacity:.25;pointer-events:none;background-position:0 0,34px 22px;background-size:60px 64px,82px 78px;animation:19s linear infinite article-particle-drift;position:absolute;inset:-18%}.article-cta>*{z-index:1;position:relative}@keyframes article-particle-drift{to{transform:translate(44px,-48px)}}.article-cta h2{max-width:760px;font-family:var(--serif);letter-spacing:-.2px;font-size:clamp(48px,6.4vw,86px);font-weight:400;line-height:.92}.article-cta-link{min-height:52px;color:var(--text);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:500;transition:transform .18s,filter .18s;display:inline-flex}.article-cta-link:hover,.article-cta-link:focus-visible{outline:0}@media (max-width:720px){.guide-article{padding:124px 0 94px}.article-breadcrumbs{font-size:13px}.article-header{margin-top:34px}.article-header h1{font-size:clamp(56px,16vw,80px)}.article-header>p{font-size:16px}.quick-answer{border-radius:18px;margin-top:34px;padding:22px}.quick-answer p{font-size:16px}.article-hero-image{width:100%}.article-layout{margin-top:72px}.article-copy h2{font-size:48px}.article-copy section>p{font-size:16px}.article-cta{border-radius:24px;flex-direction:column;align-items:flex-start;margin-bottom:28px;padding:34px 26px}.article-cta h2{font-size:54px}}
