/* Editorial blog, using the same PHP shell and original product photographs. */
.blog-banner{background:#102b43;color:#fff;overflow:hidden;border-bottom:1px solid #ffffff1a}
.blog-banner-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;min-height:370px;padding-block:58px}
.blog-banner-copy{position:relative;z-index:1}
.blog-banner .blog-banner-copy>.eyebrow{font-size:12px!important;letter-spacing:1.3px;color:#9dc4e3;margin-bottom:19px}
.blog-banner h2{font-size:clamp(30px,3.2vw,45px);line-height:1.12;letter-spacing:-1.3px;color:#fff;margin:0;font-weight:500}
.blog-banner-copy>p:not(.eyebrow){max-width:475px;font-size:15px;line-height:1.7;color:#b9ccdc;margin-top:20px}
.blog-banner-copy>.button{margin-top:25px;background:#fff;color:#173c5d;font-size:14px;min-height:48px;gap:26px}
.blog-banner-copy>.button:hover{background:#dceaf5;color:#102b43}
.blog-banner-copy>.button:focus-visible{outline:3px solid #9dc4e3;outline-offset:5px}
.blog-banner-visual{height:280px;position:relative;isolation:isolate}
.blog-banner-grid{position:absolute;inset:-45px -80px;background-image:linear-gradient(#93bbd512 1px,transparent 1px),linear-gradient(90deg,#93bbd512 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}
.blog-banner-part{position:absolute;background:#e7eef3;border:1px solid #ffffff3b;box-shadow:0 18px 45px #0003;overflow:hidden;border-radius:4px}
.blog-banner-part img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.blog-banner-part>span{position:absolute;left:17px;bottom:13px;font-size:10px;letter-spacing:1.2px;font-weight:600;color:#42617a}
.blog-banner-part-main{width:68%;height:215px;top:0;left:0;transform:rotate(-5deg);padding:12px 10px 23px}
.blog-banner-part-secondary{width:45%;height:170px;right:0;bottom:12px;transform:rotate(7deg);padding:12px 10px 23px}
.blog-banner-caption{position:absolute;bottom:-20px;left:0;font-size:9px;letter-spacing:2px;color:#8badc6}
@media(max-width:900px){.blog-banner-inner{gap:35px}.blog-banner h2{font-size:34px}.blog-banner-part-main{width:75%}.blog-banner-part-secondary{width:52%}}
@media(max-width:700px){.blog-banner-inner{grid-template-columns:1fr;gap:35px;padding-block:42px 50px}.blog-banner h2{font-size:32px;letter-spacing:-.8px}.blog-banner .blog-banner-copy>.eyebrow{font-size:10px!important}.blog-banner-copy>p:not(.eyebrow){font-size:14px;margin-top:17px}.blog-banner-copy>.button{font-size:13px}.blog-banner-visual{height:210px;width:100%;max-width:390px;justify-self:center}.blog-banner-part-main{height:170px;width:70%}.blog-banner-part-secondary{height:140px;width:46%;bottom:0}.blog-banner-caption{font-size:8px;letter-spacing:1.4px;bottom:-25px}}
.blog-listing{padding-block:65px 85px}
.blog-featured{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce5ed;background:#f5f8fa;min-height:440px}
.blog-featured-copy{padding:45px 42px;align-self:center}
.blog-featured-copy>.eyebrow{font-size:9px!important;margin-bottom:20px}
.blog-card-meta{display:flex;align-items:center;gap:15px;font-size:9px;line-height:1.6;color:#768d9e;margin:20px 0 13px}
.blog-card-meta>span:first-child{color:#3b6584}
.blog-featured-copy>.blog-card-meta{margin-top:0}
.blog-featured h2{font-size:37px;line-height:1.18;letter-spacing:-1.6px;max-width:500px}
.blog-featured-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#697f90;max-width:420px;margin-top:22px}
.blog-featured-copy>.button{margin-top:26px;font-size:12px;min-height:48px}
.blog-featured-image{position:relative;display:grid;place-items:center;padding:35px 25px;background:#e9eff4;min-width:0;overflow:hidden}
.blog-featured-image>img{width:100%;height:360px;object-fit:cover;object-position:center 56%;mix-blend-mode:multiply;transition:transform .3s}
.blog-featured-image:hover>img{transform:scale(1.025)}
.blog-featured-image>span{position:absolute;bottom:20px;left:26px;right:26px;text-align:right;font-size:8px;letter-spacing:.5px;color:#6e8597}
.blog-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:60px 0 28px;padding-bottom:23px;border-bottom:1px solid #d9e3ea}
.blog-section-heading>h2{font-size:32px;letter-spacing:-1px}.blog-section-heading>span{font-size:10px;color:#7a8f9f}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}
.blog-grid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.blog-card{min-width:0}
.blog-card-image{position:relative;display:grid;place-items:center;aspect-ratio:1.6;background:#f0f4f7;border:1px solid #dde6ed;overflow:hidden}
.blog-card-image>img{width:82%;height:85%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.blog-card-image:hover>img{transform:scale(1.04)}
.blog-card-image>span{position:absolute;right:16px;bottom:15px;width:31px;height:31px;border-radius:50%;border:1px solid #b5c8d7;color:#356384;font-size:18px;display:grid;place-items:center}
.blog-card h3{font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.35;margin:0;max-width:470px}
.blog-card h3 a:hover,.blog-featured h2 a:hover{color:var(--blue)}
.blog-card>p{font-size:12px;color:#6d8394;line-height:1.9;margin-top:15px;max-width:450px}
.blog-card>.text-link{font-size:11px;margin-top:22px;color:#2e5d7e}
.blog-home{padding-block:75px 85px;border-top:1px solid #dbe4eb}
.blog-home .related-heading{margin-bottom:33px;align-items:flex-end}
.blog-home .related-heading .eyebrow{font-size:9px!important;margin-bottom:15px}
.blog-home .related-heading h2{font-size:41px;letter-spacing:-1.5px}
.blog-home .related-heading>.text-link{font-size:12px;padding-bottom:5px}
.blog-article-heading{padding-bottom:40px}
.blog-article-heading .page-breadcrumb{margin-bottom:28px;font-size:9px;max-width:1050px}
.blog-article-heading .eyebrow{font-size:9px!important;margin-bottom:20px;letter-spacing:1.5px}
.blog-article-heading>h1{font-size:clamp(37px,4.6vw,62px);line-height:1.1;letter-spacing:-2.4px;max-width:1050px}
.article-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#78909f;margin-top:25px;line-height:1.8}
.article-byline>span:first-child{color:#365d79}
.blog-article-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:70px;align-items:start;padding-bottom:70px}
.article-sidebar{position:sticky;top:122px;border-top:1px solid #d4e0e8;padding-top:20px}
.article-sidebar summary{list-style:none;font-size:11px;font-weight:600;color:#294d68;cursor:pointer}
.article-sidebar summary::-webkit-details-marker{display:none}
.article-sidebar nav{display:flex;flex-direction:column;align-items:stretch;margin:17px 0 0;gap:0}
.article-sidebar nav>a{font-size:10px;font-weight:400;color:#718999;line-height:1.8;padding:10px 0;border-bottom:1px solid #e1e8ed;white-space:normal}
.article-sidebar nav>a:hover{color:#174f7d}
.article-sidebar-cta{margin-top:28px;background:#edf3f7;padding:23px 20px}
.article-sidebar-cta>p{font-size:13px;line-height:1.7;color:#2d506b}
.article-sidebar-cta>.text-link{font-size:10px;margin-top:15px;color:#2e5d7e}
.article-product-photo{position:relative;margin:0 0 35px;background:#f0f4f7;border:1px solid #e0e8ee;display:grid;place-items:center;padding:22px 25px 30px}
.article-product-photo img{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}
.article-product-photo figcaption{font-size:8px;line-height:1.7;color:#8196a5;margin-top:12px}
.article-introduction{font-size:20px;line-height:1.75;letter-spacing:-.25px;color:#28475f;margin-bottom:32px}
.blog-article .rich-content{font-size:15px;line-height:1.95;color:#536e82}
.blog-article .rich-content section{scroll-margin-top:125px;margin-top:36px}
.blog-article .rich-content h2{font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.9px;margin:0 0 20px;color:#18364d}
.blog-article .rich-content p{margin-bottom:20px}
.blog-article .rich-content a{color:#174f7d;text-decoration:underline;text-decoration-color:#b8ccda;text-underline-offset:3px}
.blog-article .rich-content a:hover{text-decoration-color:#174f7d}
.blog-article .rich-content ul{padding:20px 25px 20px 40px;background:#f1f5f8;border-left:2px solid #9bb6ca;margin:25px 0}
.blog-article .rich-content li{padding-left:3px;margin-bottom:11px}.blog-article .rich-content li:last-child{margin-bottom:0}
.article-references{margin-top:35px;padding-top:25px;border-top:1px solid #dce6ed}
.article-references h2{font-size:15px;letter-spacing:0;font-weight:600;margin-bottom:15px}
.article-references>a{display:block;color:#668397;font-size:11px;line-height:1.9;overflow-wrap:anywhere}
.article-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #d7e2ea;padding-top:25px;margin-top:38px}
.article-end>a{font-size:11px;color:#365e7c}
.blog-more{padding-block:60px 75px;border-top:1px solid #d6e1e9}
.blog-more>h2{font-size:35px;letter-spacing:-1.3px;margin-bottom:32px}
@media(max-width:1150px){.blog-featured-copy{padding:35px}.blog-featured h2{font-size:32px}.blog-article-layout{gap:45px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:900px){.blog-featured{min-height:400px}.blog-featured-copy{padding:30px 25px}.blog-featured h2{font-size:29px}.blog-featured-image{padding:20px}.blog-featured-image>img{height:300px}.blog-grid{gap:27px 20px}.blog-card h3{font-size:20px}.blog-article-layout{grid-template-columns:175px minmax(0,1fr);gap:30px}.article-product-photo img{height:280px}.article-introduction{font-size:18px}.blog-article .rich-content{font-size:14px}.blog-article .rich-content h2{font-size:26px}}
@media(max-width:700px){.blog-listing{padding-block:32px 50px}.blog-featured{display:flex;flex-direction:column-reverse;min-height:0}.blog-featured-image{padding:20px 20px 30px}.blog-featured-image>img{height:230px;object-fit:cover}.blog-featured-image>span{bottom:14px;font-size:7px}.blog-featured-copy{padding:28px 23px 32px}.blog-featured-copy>.eyebrow{font-size:8px!important;margin-bottom:17px}.blog-featured h2{font-size:31px;letter-spacing:-1px;line-height:1.2}.blog-featured-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.blog-featured-copy>.button{font-size:11px;margin-top:23px;min-height:47px}.blog-card-meta{font-size:8px;gap:13px;margin-block:17px 11px}.blog-section-heading{margin-top:37px;margin-bottom:25px;padding-bottom:17px}.blog-section-heading>h2{font-size:27px}.blog-section-heading>span{font-size:9px}.blog-grid,.blog-grid-list{grid-template-columns:1fr;gap:35px}.blog-card-image{aspect-ratio:1.65}.blog-card-image>img{width:80%;height:84%}.blog-card h3{font-size:23px;line-height:1.35;letter-spacing:-.5px}.blog-card>p{font-size:12px;margin-top:14px}.blog-card>.text-link{font-size:10px;margin-top:18px}.blog-home{padding-block:45px 50px}.blog-home .related-heading{gap:15px;margin-bottom:28px;align-items:flex-start}.blog-home .related-heading h2{font-size:31px;letter-spacing:-1px}.blog-home .related-heading .eyebrow{font-size:8px!important;margin-bottom:14px}.blog-home .related-heading>.text-link{font-size:10px;padding-top:7px;max-width:85px}.blog-article-heading{padding-bottom:27px}.blog-article-heading .page-breadcrumb{font-size:8px;margin-bottom:22px;padding-block:19px;gap:8px}.blog-article-heading .page-breadcrumb a{font-size:8px}.blog-article-heading .eyebrow{font-size:8px!important;margin-bottom:15px}.blog-article-heading>h1{font-size:37px;line-height:1.13;letter-spacing:-1.6px}.article-byline{font-size:9px;gap:9px;margin-top:20px}.blog-article-layout{grid-template-columns:1fr;gap:27px;padding-bottom:40px}.article-sidebar{position:static;padding-top:16px;border-bottom:1px solid #dce6ed;padding-bottom:16px}.article-sidebar summary{font-size:10px;display:flex;justify-content:space-between}.article-sidebar summary:after{content:'⌄';font-size:14px}.article-sidebar nav>a{font-size:10px;padding:10px 0}.article-sidebar-cta{display:none}.article-product-photo{padding:15px 20px 20px;margin-bottom:25px}.article-product-photo img{height:240px}.article-product-photo figcaption{font-size:7px;margin-top:8px}.article-introduction{font-size:18px;line-height:1.8;letter-spacing:-.1px;margin-bottom:27px}.blog-article .rich-content{font-size:13px;line-height:1.95}.blog-article .rich-content section{margin-top:30px;scroll-margin-top:100px}.blog-article .rich-content h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin-bottom:17px}.blog-article .rich-content p{margin-bottom:18px}.blog-article .rich-content ul{padding:18px 20px 18px 32px;margin-block:22px}.article-end{gap:18px;padding-top:22px;margin-top:30px}.article-end>a{font-size:10px}.article-references h2{font-size:14px}.article-references>a{font-size:10px}.blog-more{padding-block:40px 45px}.blog-more>h2{font-size:30px;letter-spacing:-1px;margin-bottom:27px}}
@media(max-width:360px){.blog-featured-copy{padding-inline:20px}.blog-featured h2{font-size:28px}.blog-featured-image>img{height:200px}.blog-article-heading>h1{font-size:32px;letter-spacing:-1px}.blog-article .rich-content h2{font-size:23px}.article-introduction{font-size:17px}.article-product-photo img{height:200px}}