.blog-hero{background:#f0eee8;border-bottom:1px solid #d8dcd9;overflow:hidden}
.blog-hero-inner{min-height:380px;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative}
.blog-hero-inner>div:first-child{position:relative;z-index:1;padding:60px 0}
.blog-hero-title{font:800 clamp(53px,5.6vw,82px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:23px 0 22px;max-width:780px}
.blog-hero-title span{display:block;color:#4b568d}
.blog-hero-inner>div:first-child>p:last-child{font-size:17px;line-height:1.7;color:#56646b;max-width:530px;margin:0}
.blog-hero-mark{font:800 clamp(180px,22vw,320px)/.8 Manrope,Arial,sans-serif;letter-spacing:-.13em;color:#d8e1df;align-self:flex-end;margin:0 22px -12px 0;user-select:none}
.blog-hero-mark span{color:#4b568d}
.blog-section{background:#fff;min-height:560px;padding:90px 0 120px}
.blog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:75px;align-items:start}
.blog-aside{position:sticky;top:140px;border-top:2px solid #4b568d;padding-top:20px}
.blog-aside>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#354170}
.blog-aside p{font:800 22px/1.38 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:20px 0 29px}
.blog-aside a{display:inline-flex;gap:9px;border-bottom:1px solid #101b27;padding-bottom:7px;font-size:12px;font-weight:800}
.blog-aside a:hover{color:#354170;border-color:#354170}
.blog-content{min-width:0;border-top:2px solid #101b27;padding-top:30px;min-height:330px}
.blog-content .holo-blog{font-family:"DM Sans",Arial,sans-serif;max-width:none;margin:0;color:#101b27}
.blog-content .holo-blog-list{gap:16px}
.blog-content .holo-blog-card{border-radius:0;border-color:#d8dcd9;padding:24px;gap:24px;background:#fff}
.blog-content .holo-blog-card:hover{box-shadow:0 14px 28px rgba(16,27,39,.08);border-color:#aeb9b8}
.blog-content .holo-blog-card-thumb{border-radius:0;width:180px;height:122px}
.blog-content .holo-blog-card-title{font:800 23px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#101b27}
.blog-content .holo-blog-card-excerpt{font-size:14px;line-height:1.65;color:#65717a}
.blog-content .holo-blog-card-date,.blog-content .holo-blog-article-date{font-size:12px;font-weight:700;letter-spacing:.03em;color:#859196}
.blog-content .holo-blog-article-title{font:800 clamp(35px,4vw,54px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#101b27}
.blog-content .holo-blog-article-hero{max-height:420px;border-radius:0}
.blog-content .holo-blog-article-content{font-size:16px;line-height:1.8;color:#35434b}
.blog-content .holo-blog-article-content h2,.blog-content .holo-blog-article-content h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em;color:#101b27}
.blog-content .holo-blog-article-content>h1:first-child{display:none}
.blog-content .holo-blog-article-content a{color:#354170;text-decoration:underline}
.blog-content .holo-blog-back{border-radius:12px;font-weight:700;margin-bottom:25px}
.blog-content .holo-blog-empty{border:1px solid #d8dcd9;border-radius:0;padding:70px 30px;text-align:left;background:#f7f5f0;color:#56646b}
.blog-content .holo-blog-empty p{font:700 18px/1.5 Manrope,Arial,sans-serif;margin:0}
.blog-content noscript{display:block;padding:25px;background:#f7f5f0;color:#56646b}
.blog-server-message{padding:32px;background:#f7f5f0;color:#56646b}.blog-server-message a,.blog-server-article>a{color:#354170;text-decoration:underline}
.blog-server-article h1{font:800 clamp(32px,4vw,52px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:24px 0 14px}.blog-server-article time{display:block;color:#65717a;font-size:13px;margin-bottom:24px}.blog-server-article p{font-size:16px;line-height:1.75;color:#35434b}
@media(max-width:900px){.blog-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.blog-hero-mark{font-size:190px}}
@media(max-width:680px){.blog-hero-inner{min-height:0}.blog-hero-inner>div:first-child{padding:80px 0 70px}.blog-hero h1{font-size:clamp(48px,11vw,66px)}.blog-hero-inner>div:first-child>p:last-child{font-size:15px}.blog-hero-mark{display:none}.blog-section{padding:70px 0 90px}.blog-layout{display:block}.blog-aside{position:static;margin-bottom:45px}.blog-aside p{max-width:320px}.blog-content{padding-top:20px}.blog-content .holo-blog-card{padding:18px}.blog-content .holo-blog-card-title{font-size:20px}.blog-content .holo-blog-card-thumb{width:100%;height:180px}.blog-content .holo-blog-empty{padding:45px 22px}}
@media(max-width:680px){.blog-hero-title{font-size:clamp(48px,11vw,66px)}}
