/* MYGROUP journal: shared landing-page and article styles. */
.blog-main{padding:218px 5vw 100px;color:#f5f1e9;background:#111311;min-height:70vh}
.blog-wrapper{width:100%;max-width:1200px;margin:0 auto;min-width:0}
.blog-intro{max-width:920px;margin:0 0 42px}
.blog-eyebrow{display:block;margin:0 0 24px;color:#d1a574;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:2.2px;text-transform:uppercase}
.blog-title{margin:0;font-size:clamp(54px,6vw,88px);font-weight:600;line-height:.98;letter-spacing:-.065em;text-wrap:balance}
.blog-title em{color:#d1a574;font-style:normal}
.blog-intro-copy{max-width:590px;margin:28px 0 0;color:#b7b9ae;font-size:17px;line-height:1.8}
.blog-featured{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);width:100%;overflow:hidden;border:1px solid #ffffff26;background:#171a15;color:inherit;text-decoration:none}
.blog-featured-image{min-width:0;min-height:425px;overflow:hidden;background:#1c201a}
.blog-featured-image img{display:block;width:100%;height:100%;min-height:425px;object-fit:cover}
.blog-featured-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:44px 40px}
.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 17px;color:#a7a89e;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.25px}
.blog-category{color:#d1a574;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
.blog-card-title{margin:24px 0 18px;font-size:clamp(29px,2.8vw,41px);font-weight:500;line-height:1.12;letter-spacing:-1.25px;text-wrap:balance;overflow-wrap:break-word}
.blog-card-excerpt{max-width:460px;margin:0;color:#b7b9ae;font-size:15px;line-height:1.8}
.blog-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;margin-top:25px;color:#d1a574;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.3px;text-decoration:none}
.blog-link svg{width:20px;height:20px;flex:none}
.blog-featured:hover,.blog-card:hover{border-color:#d1a5748c}
.blog-featured:focus-visible,.blog-card:focus-visible,.blog-back:focus-visible,.blog-link:focus-visible{outline:2px solid #d1a574;outline-offset:6px}
.blog-featured:hover .blog-link,.blog-link:hover,.blog-back:hover{color:#eed2b3}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px}
.blog-card{display:block;min-width:0;padding:26px;border:1px solid #ffffff26;color:inherit;text-decoration:none;background:#171a15}
.blog-card img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;margin-bottom:25px}
.blog-card .blog-card-title{margin-top:18px;font-size:29px}
.blog-card .blog-card-excerpt{font-size:14px}
.blog-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 32px;color:#b7b9ae;font-size:12px;line-height:1.6;text-decoration:none}
.blog-back svg{width:18px;height:18px;flex:none}
.blog-article{min-width:0}
.blog-article-header{max-width:980px;margin:0 auto 44px}
.blog-article-title{margin:25px 0 24px;font-size:clamp(42px,5.4vw,76px);font-weight:500;line-height:1.05;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word}
.blog-deck{max-width:810px;margin:0;color:#c1c3b8;font-size:20px;line-height:1.75;letter-spacing:-.2px}
.blog-cover{display:block;width:100%;max-height:460px;aspect-ratio:2.35;object-fit:cover;margin:0 auto 65px;border:1px solid #ffffff18}
.blog-article-body{width:100%;max-width:760px;margin:0 auto;color:#dbddd2;font-size:17px;line-height:1.85;overflow-wrap:break-word}
.blog-article-body>p{margin:0 0 26px}
.blog-article-section{margin:0 0 43px;scroll-margin-top:190px}
.blog-article-section h2{margin:0 0 18px;color:#f5f1e9;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;text-wrap:balance}
.blog-article-section p{margin:0 0 20px}
.blog-article-section ul{margin:20px 0 26px;padding:0 0 0 22px}
.blog-article-section li{padding-left:5px;margin:10px 0}
.blog-article-section li::marker{color:#d1a574}
.blog-article-body a:not(.blog-link){color:#d1a574;text-decoration:underline;text-underline-offset:4px}
.blog-cta{margin:50px 0 0;padding:32px;border:1px solid #d1a57455;background:#1c201a}
.blog-cta h2{margin:0 0 16px;color:#f5f1e9;font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.7px}
.blog-cta p{margin:0;color:#b7b9ae;font-size:16px;line-height:1.8}
.blog-cta .blog-link{margin-top:18px}
.blog-label{color:#a7a89e;font-size:11px;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase}
@media(max-width:950px){.blog-main{padding-top:210px}.blog-featured-body{padding:32px 28px}.blog-featured-image,.blog-featured-image img{min-height:385px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-title{font-size:32px}.blog-deck{font-size:18px}}
@media(max-width:600px){.blog-main{padding:180px 6vw 68px}.blog-intro{margin-bottom:35px}.blog-eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:1.6px}.blog-title{font-size:clamp(47px,13vw,70px);line-height:1.02;letter-spacing:-.055em}.blog-intro-copy{margin-top:22px;font-size:15px;line-height:1.75}.blog-featured{grid-template-columns:minmax(0,1fr)}.blog-featured-image,.blog-featured-image img{min-height:0;height:auto;aspect-ratio:1.4}.blog-featured-body{padding:29px 24px 25px}.blog-meta{gap:9px 13px;font-size:10px}.blog-category{font-size:9px}.blog-card-title{margin:21px 0 16px;font-size:30px;line-height:1.12;letter-spacing:-.95px}.blog-card-excerpt{font-size:14px;line-height:1.8}.blog-link{margin-top:22px}.blog-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:26px}.blog-card{padding:24px}.blog-card .blog-card-title{font-size:28px}.blog-back{margin-bottom:26px;font-size:11px}.blog-article-header{margin-bottom:30px}.blog-article-title{margin:23px 0 22px;font-size:clamp(35px,9.7vw,52px);line-height:1.08;letter-spacing:-.04em}.blog-deck{font-size:17px;line-height:1.75}.blog-cover{aspect-ratio:1.4;max-height:none;margin-bottom:38px}.blog-article-body{font-size:16px;line-height:1.85}.blog-article-section{margin-bottom:34px;scroll-margin-top:160px}.blog-article-section h2{margin-bottom:16px;font-size:25px;line-height:1.24;letter-spacing:-.55px}.blog-article-section ul{padding-left:20px}.blog-cta{margin-top:38px;padding:25px 22px}.blog-cta h2{font-size:26px}.blog-cta p{font-size:15px}}

.desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"]{color:#d1a574}

@media(max-width:600px){.blog-main{padding-right:62px}}