
.journal-head{padding:185px 0 0;background:#f6f6f9}.journal-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:10%;padding:25px 0 45px}.journal-intro h1,.article-head h1{font:600 clamp(36px,4.6vw,66px)/1.15 'Poppins';letter-spacing:-2px}.journal-intro h1 span{color:#a56300}.journal-intro p{color:#726c84;line-height:1.8;font-size:17px;max-width:410px}.journal-topics{display:flex;gap:10px;overflow-x:auto;padding:0 0 25px}.journal-topics a{white-space:nowrap;padding:9px 18px;border:1px solid #dedbe8;border-radius:3px;font-size:13px}.journal-topics a[aria-current],.journal-topics a:hover{background:#29235c;color:#fff}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:45px 80px}.journal-grid .post{background:#fff;border:1px solid #e5e2ec;border-radius:8px;overflow:hidden;color:#29235c;opacity:1;transform:none}.journal-grid .post__img{aspect-ratio:1.5;position:relative;overflow:hidden}.journal-grid .post__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.journal-grid .post:hover img{transform:scale(1.035)}.journal-grid .post__body{padding:26px}.journal-grid .post__t{font:600 20px/1.4 'Poppins';letter-spacing:-.5px;margin:16px 0}.journal-grid .post__x{color:#756f84;font-size:15px;line-height:1.7}.journal-grid .post__meta{font-size:11px;color:#766d85}.journal-grid .post__more{margin-top:24px;padding-top:18px;border-top:1px solid #eeeaf2;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#29235c}.post__more svg{width:20px;height:20px}.journal-grid .post__cat{background:#fff;color:#29235c;position:absolute;left:18px;bottom:16px;padding:5px 10px;font-size:10px}.journal-grid .post:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.journal-grid .post:first-child .post__body{padding:40px;align-self:center}.journal-grid .post:first-child .post__t{font-size:30px}.journal-article{padding-top:174px}.article-head>.brand-link{font-size:13px}.article-meta{margin-top:35px;font-size:12px;color:#7c728c}.article-meta a{color:#9e5d00}.article-head h1{max-width:1000px;font-size:clamp(32px,4vw,56px);margin:20px 0 35px}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:8px}.article-layout{display:grid;grid-template-columns:280px minmax(0,760px);justify-content:space-between;gap:60px;padding-block:60px 90px}.article-aside{align-self:start;position:sticky;top:155px;border-top:3px solid #f39200;padding-top:25px}.article-aside h2{font:600 22px/1.4 'Poppins';margin:20px 0}.article-aside p{color:#786f84;font-size:15px;line-height:1.8}.article-aside .btn{font-size:12px;margin-top:24px;padding:14px}.article-aside>.brand-link{font-size:12px;margin-top:20px}.brand-article-body{font-size:18px;line-height:1.9;color:#625a72;overflow-wrap:anywhere}.brand-article-body h2,.brand-article-body h3,.article-comments h2{font:600 27px/1.4 'Poppins';color:#29235c;letter-spacing:-.6px;margin:35px 0 18px}.brand-article-body p{margin-bottom:22px}.brand-article-body ul,.brand-article-body ol{padding-left:25px;margin-bottom:25px;list-style:revert}.brand-article-body img{max-width:100%;height:auto;border-radius:6px}.brand-article-body a{color:#995900;text-decoration:underline}.brand-article-body blockquote{padding:25px;border-left:3px solid #f39200;background:#f7f6f9;margin:30px 0}.brand-article-body table{display:block;max-width:100%;overflow-x:auto}.article-comments{border-top:1px solid #e1ddea;margin-top:45px}.article-comments>p{color:#756d81;margin-bottom:25px}
@media(max-width:760px){.journal-head{padding-top:145px}.journal-intro{grid-template-columns:1fr;gap:22px;padding:22px 0 28px}.journal-intro h1{font-size:36px;letter-spacing:-1.2px}.journal-intro p{font-size:15px}.journal-grid{grid-template-columns:1fr;padding-block:25px 50px;gap:22px}.journal-grid .post:first-child{display:block}.journal-grid .post:first-child .post__body{padding:25px}.journal-grid .post:first-child .post__t{font-size:22px}.journal-article{padding-top:145px}.article-head h1{letter-spacing:-1px}.article-cover{aspect-ratio:1.3}.article-layout{display:flex;flex-direction:column;gap:35px;padding-block:30px 55px}.article-aside{position:static;order:2}.brand-article-body{font-size:16px}.brand-article-body h2{font-size:24px}.article-meta{margin-top:25px}}

.journal-grid .post__cat{top:auto;right:auto;bottom:16px;border-radius:3px}
