/* Blog: Saazy's split navy hero and overlapping cards, isolated to the index. */
.blog-page{--blg-ink:#19132f;--blg-copy:#786982;--blg-line:#e8e0ef}
.blog-page .desktop-nav a[aria-current=page],.blog-page .mobile-nav a[aria-current=page]{color:var(--purple-dark);font-weight:650}
.blg-hero{position:relative;isolation:isolate;margin:0 20px;padding:87px 0 160px;color:#fff;background:linear-gradient(150deg,#0c0a29 8%,#18123f 74%,#25204e);border-radius:36px;overflow:hidden}
.blg-hero>.container{width:min(1200px,calc(100% - 64px))}
.blg-hero-orbits{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.blg-hero-orbits i{position:absolute;right:-135px;top:65px;width:690px;height:690px;border:1px solid #c2aaef12;border-radius:50%}
.blg-hero-orbits i:last-child{right:-225px;top:-25px;width:870px;height:870px}
.blg-hero-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:110px;align-items:center}
.blg-hero .eyebrow{color:#c4b4e7;font-size:10px;line-height:1.8;letter-spacing:.15em;font-weight:550;margin-bottom:24px}
.blg-hero h1{font-size:clamp(46px,4.65vw,65px);line-height:1.1;letter-spacing:-.052em;font-weight:550;color:#fff;max-width:700px;text-wrap:balance}
.blg-hero h1>span{display:block;color:#d4c4ef;background:linear-gradient(105deg,#e8e0fa,#b8a0e3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.blg-hero-intro{max-width:450px;padding-top:27px}
.blg-hero-intro>p{font-size:17px;line-height:1.9;color:#c4b8d3;margin:0 0 24px;text-wrap:pretty}
.blg-browse-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;line-height:1.6;font-weight:500;color:#e1d5f4}
.blg-browse-link>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #c6ade548;border-radius:50%;font-size:19px;transition:background .2s}
.blg-browse-link:hover>span{background:#ccb5eb22}
.blg-library{position:relative;margin-top:-91px;z-index:1;padding-bottom:81px;scroll-margin-top:110px}
.blg-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:29px;align-items:stretch}
.blg-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e9e2ef;border-radius:22px;padding:10px;box-shadow:0 7px 25px #24113c04;transition:border-color .2s,box-shadow .2s}
.blg-card:hover{border-color:#d2c1e4;box-shadow:0 10px 30px #35204809}
.blg-cover{display:block;aspect-ratio:16/10;background:#171128;border:1px solid #e5dded;border-radius:14px;overflow:hidden}
.blg-cover>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.blg-cover-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#d7c2ef;background:radial-gradient(ellipse at 25% 10%,#64508555,transparent 65%),#1a1231}
.blg-cover-fallback>span:first-child{font-size:9px;font-weight:550;letter-spacing:.18em;color:#b79ace}
.blg-cover-fallback>svg{width:53px;height:53px;stroke-width:1}
.blg-cover-fallback>span:last-child{font-size:25px;font-weight:500;letter-spacing:-.04em}
.blg-card-copy{display:flex;flex:1;flex-direction:column;padding:24px 18px 18px}
.blg-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:21px}
.blg-category{display:inline-flex;align-items:center;border:1px solid #e5d8f2;border-radius:30px;background:#f6f0fc;padding:5px 13px;font-size:10px;line-height:1.6;font-weight:550;color:#8a68a9}
.blg-card-topline>time{font-size:11px;line-height:1.7;color:#93829e}
.blg-card h2{font-size:29px;font-weight:550;line-height:1.28;letter-spacing:-.035em;color:var(--blg-ink);margin:0 0 17px;text-wrap:pretty}
.blg-card h2 a{transition:color .2s}
.blg-card h2 a:hover{color:#8661a0}
.blg-excerpt{font-size:14px;line-height:1.9;color:var(--blg-copy);margin:0 0 24px;text-wrap:pretty}
.blg-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:21px;margin-top:auto;border-top:1px solid #eee7f4}
.blg-author{font-size:11px;line-height:1.8;color:#9b86aa}
.blg-author strong{font-weight:550;color:#785f88}
.blg-read-link{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:43px;padding:10px 17px;border:1px solid #dfd0ee;background:#f4edfc;border-radius:30px;font-size:12px;line-height:1.6;font-weight:550;color:#85619f;transition:background .2s,border-color .2s,color .2s}
.blg-read-link>span{font-size:20px;line-height:1}
.blg-read-link:hover{background:#ebdef8;border-color:#c5a9dd;color:#664381}
.blg-empty{grid-column:1/-1;margin:0;padding:55px 25px;background:#fbf9fe;border:1px solid var(--blg-line);border-radius:20px;text-align:center;font-size:16px;color:var(--blg-copy)}
.blog-page .inner-hero+.blg-library{margin-top:40px}
.blg-newsletter{padding-bottom:83px}
.blog-page .blg-newsletter .manual-section.guide-offer{width:min(1200px,calc(100% - 96px));margin:0 auto;border-radius:27px;gap:72px;padding:63px 65px;grid-template-columns:.8fr 1.2fr;background:#f4f0fa;border:1px solid #ebe2f3}
.blog-page .blg-newsletter .manual-art{padding-inline:0}
.blog-page .blg-newsletter .manual-copy h2{font-size:36px;line-height:1.17;font-weight:550;color:#20182f;margin-bottom:20px;text-wrap:balance}
.blog-page .blg-newsletter .manual-copy h2>span{color:#785b8d}
.blog-page .blg-newsletter .manual-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#7c6989}
.blog-page .blg-newsletter .guide-field label{font-size:11px;color:#80638f}
.blog-page .blg-newsletter .guide-field input{font-size:14px;padding:12px 13px;min-height:46px}
.blog-page .blg-newsletter .guide-consent{font-size:11px;line-height:1.8;color:#806d8c}
.blog-page .blg-newsletter .guide-submit{min-height:49px;font-size:12px;gap:21px;padding:13px 21px}
.blog-page .blg-newsletter .guide-form-footnote,.blog-page .blg-newsletter .guide-availability{font-size:10px;line-height:1.8}
@media(min-width:1350px){.blg-post-grid[data-post-count="2"] .blg-cover{aspect-ratio:16/9.5}}
@media(max-width:1100px){.blg-hero-heading{grid-template-columns:1.2fr 1fr;gap:60px}.blg-hero-intro>p{font-size:15px}.blg-card-copy{padding:21px 15px 16px}.blg-card h2{font-size:26px}.blg-excerpt{font-size:13px}.blog-page .blg-newsletter .manual-section.guide-offer{padding:48px 40px;gap:42px;grid-template-columns:.8fr 1.2fr}.blog-page .blg-newsletter .manual-copy h2{font-size:31px}}
@media(max-width:900px){.blg-hero{padding-top:65px;padding-bottom:137px}.blg-hero-heading{grid-template-columns:1fr;gap:28px}.blg-hero h1{font-size:54px;max-width:650px}.blg-hero h1>span{max-width:600px}.blg-hero-intro{padding:0;max-width:620px}.blg-hero-intro>p{font-size:15px;margin-bottom:17px}.blg-hero .eyebrow{margin-bottom:20px}.blg-library{margin-top:-78px;padding-bottom:62px}.blg-post-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.blg-card h2{font-size:24px}.blg-card-topline{margin-bottom:17px;gap:10px}.blg-card-topline>time{font-size:10px}.blg-card-copy{padding:19px 12px 14px}.blg-excerpt{font-size:12px}.blg-read-link{font-size:11px;gap:15px;padding-inline:14px}.blg-author{font-size:10px}.blg-card-bottom{gap:12px}.blg-newsletter{padding-bottom:65px}.blog-page .blg-newsletter .manual-section.guide-offer{width:calc(100% - 64px);grid-template-columns:.7fr 1.3fr;padding:42px 30px;gap:33px}.blog-page .blg-newsletter .manual-copy h2{font-size:29px}.blog-page .blg-newsletter .manual-copy>p:not(.eyebrow){font-size:12px}.blog-page .blg-newsletter .guide-field input{font-size:16px}}
@media(max-width:680px){.blg-hero{margin-inline:10px;padding:47px 0 112px;border-radius:24px}.blg-hero>.container{width:calc(100% - 36px)}.blg-hero-heading{gap:23px}.blg-hero .eyebrow{font-size:8px;line-height:1.8;letter-spacing:.12em;margin-bottom:19px}.blg-hero h1{font-size:clamp(36px,8.4vw,50px);line-height:1.12;letter-spacing:-.05em;max-width:560px;text-wrap:balance}.blg-hero-intro>p{font-size:14px;line-height:1.85;margin-bottom:14px}.blg-browse-link{font-size:11px;gap:10px}.blg-browse-link>span{width:32px;height:32px;font-size:17px}.blg-hero-orbits i{right:-360px;top:150px}.blg-hero-orbits i:last-child{right:-450px;top:60px}.blg-library{width:calc(100% - 40px);margin-top:-65px;padding-bottom:45px;scroll-margin-top:95px}.blg-post-grid{grid-template-columns:1fr;gap:23px}.blg-card{border-radius:18px;padding:8px}.blg-cover{aspect-ratio:16/10;border-radius:11px}.blg-card-copy{padding:20px 14px 15px}.blg-card-topline{margin-bottom:17px}.blg-category{font-size:10px;padding:5px 12px}.blg-card-topline>time{font-size:11px}.blg-card h2{font-size:26px;line-height:1.27;margin-bottom:16px}.blg-excerpt{font-size:14px;line-height:1.85;margin-bottom:21px}.blg-card-bottom{padding-top:17px}.blg-author{font-size:11px}.blg-read-link{min-height:44px;font-size:12px;padding:10px 16px;gap:20px}.blg-cover-fallback{gap:18px}.blg-cover-fallback>svg{width:42px;height:42px}.blg-cover-fallback>span:last-child{font-size:22px}.blg-newsletter{padding-bottom:48px}.blog-page .blg-newsletter .manual-section.guide-offer{width:calc(100% - 40px);grid-template-columns:1fr;padding:35px 22px 29px;gap:19px;border-radius:22px}.blog-page .blg-newsletter .manual-art{padding:5px 0 28px}.blog-page .blg-newsletter .manual-copy>.eyebrow{font-size:8px;line-height:1.9;letter-spacing:.1em;gap:8px}.blog-page .blg-newsletter .manual-copy h2{font-size:32px;line-height:1.16;text-wrap:balance}.blog-page .blg-newsletter .manual-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.blog-page .blg-newsletter .guide-field label{font-size:12px}.blog-page .blg-newsletter .guide-field input{min-height:47px;font-size:16px}.blog-page .blg-newsletter .guide-consent{font-size:12px;line-height:1.8}.blog-page .blg-newsletter .guide-submit{width:100%;min-height:50px;font-size:12px;padding-inline:15px;gap:15px}.blog-page .blg-newsletter .guide-form-footnote,.blog-page .blg-newsletter .guide-availability{font-size:11px;line-height:1.8}.blog-page .inner-hero+.blg-library{margin-top:28px}}
@media(max-width:360px){.blg-hero h1{font-size:34px}.blg-hero-intro>p{font-size:13px}.blg-card-copy{padding-inline:11px}.blg-card h2{font-size:24px}.blg-excerpt{font-size:13px}.blog-page .blg-newsletter .manual-section.guide-offer{padding-inline:18px}.blog-page .blg-newsletter .manual-copy h2{font-size:29px}.blog-page .blg-newsletter .guide-submit{font-size:11px;gap:11px}}