/* Blog listing — mirrors html/blog.html. */
.hero{
	position:relative;overflow:hidden;display:flex;align-items:center;
}
.hero__inner{position:relative;z-index:3;text-align:center;max-width:1140px;margin:0 auto}
.hero__title{font-size:clamp(2.1rem,4.35vw,3.95rem);line-height:1.16;letter-spacing:-.03em}
.hero__title em{font-style:normal;color:var(--blue)}
.hero__title .mask>span{transition-duration:1.05s}
.hero__title .mask:nth-child(2)>span{transition-delay:.14s}
.hero__lead{
	max-width:830px;margin:26px auto 0;font-size:clamp(1rem,1.35vw,1.22rem);
	color:#2A3339;font-weight:500;line-height:1.55;opacity:0;transform:translateY(22px);
	transition:opacity .8s var(--ease) .5s,transform .8s var(--ease) .5s;
}
.hero.is-ready .hero__lead{opacity:1;transform:none}
.hero__cta{
	margin-top:38px;opacity:0;transform:translateY(22px);
	transition:opacity .8s var(--ease) .66s,transform .8s var(--ease) .66s;
}
.hero.is-ready .hero__cta{opacity:1;transform:none}
.hero__cta .btn{padding:15px 16px 15px 28px;font-size:1rem}
.hero .geo{opacity:0;transition:opacity 1.2s var(--ease)}
.hero.is-ready .geo{opacity:1}
.hero__fan{transform-origin:26% 0%;transform:scale(1.06);transition:transform 2.6s var(--ease)}
.hero.is-ready .hero__fan{transform:scale(1)}

.bhero{min-height:520px;padding:156px 0 84px;text-align:center}
.bhero .hero__title{font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.2}
.bhero .hero__lead{max-width:790px}

.section.blog{padding:104px 0;background:#fff}
.chip-sm{
	display:inline-flex;align-items:center;padding:6px 13px;border-radius:6px;
	background:#EDF4FA;color:#16202A;font-size:.79rem;font-weight:600;white-space:nowrap;
}
.meta{display:flex;gap:10px;flex-wrap:wrap}
.post-rule{width:38px;height:3px;border-radius:2px;background:var(--blue)}
.ph{
	display:block;width:100%;height:100%;border-radius:10px;object-fit:cover;background-color:#E4EDF5;
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20140'%3E%3Cg%20fill='none'%20stroke='%2399B4C9'%20stroke-width='5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='52'%20y='40'%20width='96'%20height='70'%20rx='8'/%3E%3Ccircle%20cx='78'%20cy='63'%20r='8'/%3E%3Cpath%20d='M58%20100l26-24%2018%2016%2016-13%2024%2021'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:center;background-size:112px auto;
}

.feat{
	display:grid;grid-template-columns:.42fr 1fr;gap:38px;align-items:center;
	background:#fff;border:1px solid #E2EBF3;border-radius:14px;padding:26px;
	box-shadow:0 14px 36px rgba(18,54,88,.06);
	transition:box-shadow .5s var(--ease),transform .5s var(--ease);
}
.feat:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(18,54,88,.11)}
.feat__media{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#E4EDF5}
.feat__media .ph{transition:transform .6s var(--ease)}
.feat:hover .feat__media .ph{transform:scale(1.04)}
.feat__title{margin-top:18px;font-size:clamp(1.25rem,1.85vw,1.62rem);line-height:1.32}
.feat__title a{transition:color .35s var(--ease)}
.feat__title a:hover{color:var(--blue)}
.feat .post-rule{margin:16px 0 18px}
.feat__ex{font-size:.98rem;line-height:1.66;color:#3E4952;font-weight:500;max-width:68ch}
.feat .btn{margin-top:24px}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.post{
	background:#fff;border:1px solid #E2EBF3;border-radius:12px;overflow:hidden;
	transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.post:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(18,54,88,.11)}
.post__link{display:flex;flex-direction:column;height:100%}
.post__media{aspect-ratio:16/10;overflow:hidden;background:#E4EDF5}
.post__media .ph{border-radius:0;transition:transform .6s var(--ease)}
.post:hover .post__media .ph{transform:scale(1.05)}
.post__body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.post__title{margin-top:16px;font-size:1.06rem;line-height:1.36;transition:color .35s var(--ease)}
.post:hover .post__title{color:var(--blue)}
.post .post-rule{margin:14px 0}
.post__ex{font-size:.83rem;line-height:1.62;color:#4B5761;font-weight:500}
.post__more{margin-top:auto;padding-top:18px}
.readmore{
	display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;font-size:.95rem;
	border-bottom:2px solid currentColor;padding-bottom:2px;
}
.readmore svg{width:14px;height:14px;transition:transform .4s var(--ease)}
.post:hover .readmore svg{transform:translate(4px,-4px)}

@media (max-width:1024px){
	.pgrid{grid-template-columns:repeat(2,1fr)}
	.feat{grid-template-columns:1fr;gap:26px}
	.feat__media{aspect-ratio:16/9}
	.bhero{min-height:460px;padding:138px 0 72px}
}

@media (max-width:760px){
	.hero__title{letter-spacing:-.02em}
	.section.blog{padding:72px 0}
	.pgrid{grid-template-columns:1fr;margin-top:32px}
	.feat{padding:18px}
}

@media (prefers-reduced-motion:reduce){
	.hero .geo{opacity:1!important}
}