/* HeyJames blog listing and article layouts */
.blogHero{position:relative;padding:clamp(90px,10vw,145px) var(--content) clamp(72px,8vw,110px);overflow:hidden;background:radial-gradient(circle at 75% 12%,rgba(8,217,255,.18),transparent 30%),linear-gradient(145deg,#020b15,#061829 70%,#03101c);color:#fff;border-bottom:1px solid rgba(72,191,240,.16)}
.blogHero:after{content:"BLOG";position:absolute;right:-.02em;bottom:-.23em;font-size:clamp(120px,22vw,330px);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.025);pointer-events:none;line-height:1}.blogHero>*{position:relative;z-index:1}.blogHero .kicker{display:inline-flex;margin-bottom:22px}.blogHero h1{max-width:900px;margin:0;font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.055em}.blogHero h1 em{font-style:normal;color:var(--neon)}.blogHero p{max-width:760px;margin:28px 0 0;color:#b9cfdd;font-size:clamp(18px,2vw,22px);line-height:1.7}
.blogIntro{padding:72px var(--content) 28px;background:#f3fbfe;color:#071a2d}.blogIntroInner{max-width:1220px;margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:40px;border-bottom:1px solid #cfe7f0;padding-bottom:36px}.blogIntro h2{margin:8px 0 0;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;line-height:1}.blogIntro p{max-width:520px;margin:0;color:#526b7b;line-height:1.7}
.blogExperience{padding:48px var(--content) 110px;background:#f3fbfe;color:#071a2d}.blogExperienceInner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}.blogGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blogCard{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d7ebf2;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(5,31,48,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.blogCard:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(5,31,48,.13);border-color:#a9ddec}.blogCardImage{display:block;aspect-ratio:16/10;overflow:hidden;background:#071827}.blogCardImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blogCard:hover .blogCardImage img{transform:scale(1.035)}.blogCardBody{display:flex;flex-direction:column;flex:1;padding:26px}.blogCardMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#567383}.blogCardCategory{color:#007fa5}.blogCard h2{margin:0;font-size:clamp(23px,2.2vw,31px);line-height:1.1;letter-spacing:-.035em}.blogCard h2 a{color:#071a2d;text-decoration:none}.blogCard p{margin:16px 0 24px;color:#5b7180;line-height:1.68}.blogCardRead{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:#061829;text-decoration:none;font-weight:900}.blogCardRead span{color:#008fb8;font-size:22px;transition:transform .2s ease}.blogCard:hover .blogCardRead span{transform:translateX(4px)}
.blogSidebar{display:grid;gap:24px;position:sticky;top:28px}.blogSideBlock{background:#fff;border:1px solid #d7ebf2;border-radius:18px;padding:26px;box-shadow:0 15px 40px rgba(5,31,48,.06)}.blogSideContact{background:linear-gradient(145deg,#061829,#03101c);border-color:#123b51;color:#fff}.blogSideKicker{display:block;color:#008fb8;font-size:11px;font-weight:950;letter-spacing:.15em;margin-bottom:12px}.blogSideContact .blogSideKicker{color:var(--neon)}.blogSideBlock h2{margin:0 0 12px;font-size:25px;line-height:1.08;letter-spacing:-.03em}.blogSideBlock p{margin:0 0 22px;color:#5f7584;line-height:1.65}.blogSideContact p{color:#a9c4d2}.blogPhone{display:block;padding:17px 18px;margin:0 0 12px;border-radius:12px;background:rgba(8,217,255,.08);border:1px solid rgba(8,217,255,.22);text-decoration:none;color:#fff}.blogPhone small{display:block;color:#8baaba;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.blogPhone strong{font-size:22px}.blogSideButton{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-radius:11px;background:var(--neon);color:#03101c;text-decoration:none;font-weight:900}.blogSideLinks{display:grid}.blogSideLinks a{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e4f0f4;text-decoration:none;color:#16384b;font-weight:750}.blogSideLinks a:last-child{border-bottom:0}.blogSideLinks span{color:#008fb8}.blogAreaLinks{display:flex;flex-wrap:wrap;gap:8px}.blogAreaLinks a{padding:8px 10px;border:1px solid #d5e8ef;border-radius:999px;background:#f7fcfe;color:#34596d;text-decoration:none;font-size:13px;font-weight:750}.blogAreaLinks a:hover{border-color:#7fcfe7;color:#007fa5}
.blogArticleHero{padding:clamp(80px,9vw,125px) var(--content) 55px;background:radial-gradient(circle at 85% 5%,rgba(8,217,255,.15),transparent 32%),linear-gradient(145deg,#020b15,#061829);color:#fff}.blogArticleHeroInner{max-width:1220px;margin:0 auto}.blogBreadcrumb{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px;color:#88aabd;font-size:13px;font-weight:750}.blogBreadcrumb a{color:#b7dae8;text-decoration:none}.blogArticleHero h1{max-width:1000px;margin:0;font-size:clamp(42px,6.2vw,78px);line-height:.98;letter-spacing:-.055em}.blogArticleMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;color:#a7c4d2;font-size:14px}.blogArticleMeta b{color:var(--neon)}.blogArticleWrap{padding:56px var(--content) 110px;background:#f3fbfe;color:#071a2d}.blogArticleLayout{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;align-items:start}.blogArticleMain{min-width:0}.blogArticleImage{margin:0 0 40px;border-radius:20px;overflow:hidden;background:#071827;box-shadow:0 22px 55px rgba(4,35,53,.13)}.blogArticleImage img{width:100%;height:auto;max-height:610px;object-fit:cover;display:block}.blogArticleContent{background:#fff;border:1px solid #d7ebf2;border-radius:20px;padding:clamp(28px,4.5vw,58px);box-shadow:0 18px 45px rgba(5,31,48,.06)}.blogArticleContent>p:first-child{font-size:20px;line-height:1.75;color:#284d61}.blogArticleContent p{color:#4d6878;font-size:17px;line-height:1.8;margin:0 0 22px}.blogArticleContent h2{margin:46px 0 18px;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.04em;line-height:1.05}.blogArticleContent h2:first-of-type{margin-top:36px}.blogArticleContent h3{margin:30px 0 10px;font-size:22px;letter-spacing:-.025em}.blogArticleContent ul,.blogArticleContent ol{margin:0 0 28px;padding-left:23px;color:#4d6878;line-height:1.75}.blogArticleContent li+li{margin-top:8px}.blogArticleContent strong{color:#16384b}.blogBack{display:inline-flex;margin-top:26px;gap:10px;align-items:center;text-decoration:none;color:#07324a;font-weight:900}.blogRelated{margin-top:34px}.blogRelated h2{font-size:30px;margin:0 0 18px}.blogRelatedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blogRelatedCard{display:block;background:#fff;border:1px solid #d7ebf2;border-radius:14px;padding:19px;text-decoration:none;color:#071a2d}.blogRelatedCard small{display:block;color:#008fb8;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.blogRelatedCard strong{font-size:18px;line-height:1.2;display:block}
@media (max-width:1050px){.blogExperienceInner,.blogArticleLayout{grid-template-columns:1fr}.blogSidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.blogSideContact{grid-column:span 1}.blogSideLinks a{font-size:14px}}
@media (max-width:760px){.blogHero{padding-top:72px}.blogIntroInner{display:block}.blogIntro p{margin-top:20px}.blogGrid{grid-template-columns:1fr}.blogSidebar{grid-template-columns:1fr}.blogExperience{padding-bottom:76px}.blogArticleWrap{padding-top:34px;padding-bottom:80px}.blogArticleContent{border-radius:15px}.blogRelatedGrid{grid-template-columns:1fr}.blogArticleHero h1{font-size:clamp(38px,12vw,58px)}}
@media (max-width:480px){.blogHero,.blogIntro,.blogExperience,.blogArticleHero,.blogArticleWrap{padding-left:20px;padding-right:20px}.blogCardBody{padding:22px}.blogSideBlock{padding:22px}.blogArticleContent{padding:24px 21px}.blogArticleContent>p:first-child{font-size:18px}}

.blogPagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:38px;padding-top:28px;border-top:1px solid #cfe7f0}.blogPageButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-width:118px;padding:13px 18px;border-radius:11px;background:#071a2d;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 28px rgba(5,31,48,.10)}.blogPageButton.next{justify-self:end}.blogPageButton:hover{background:#0d2b42}.blogPageStatus{font-size:13px;font-weight:850;color:#567383;text-transform:uppercase;letter-spacing:.06em}@media (max-width:600px){.blogPagination{grid-template-columns:1fr 1fr}.blogPageStatus{grid-column:1/-1;grid-row:1;text-align:center}.blogPageButton{grid-row:2}.blogPageButton.next{justify-self:end}}