@font-face {
  font-family: "Insurmee Space";
  src: url("../insurmee-homepage-2026/space-grotesk.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Insurmee DM";
  src: url("../insurmee-homepage-2026/dm-sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

body.insurmee-blog-archive {
  --archive-bg: #0b0d17;
  --archive-surface: #151727;
  --archive-ink: #faf7ff;
  --archive-muted: #bcb7ca;
  --archive-accent: #e58afc;
  --archive-border: #40374f;
  margin: 0;
  background: var(--archive-bg);
  color: var(--archive-ink);
  font-family: "Insurmee DM", "DM Sans", sans-serif;
}
body.insurmee-blog-archive :is(h1, h2, h3) {
  font-family: "Insurmee Space", "Space Grotesk", sans-serif;
}
body.insurmee-blog-archive #site-header {
  padding-block: 13px;
  background: #10111e;
  border-bottom: 1px solid var(--archive-border);
}
body.insurmee-blog-archive #site-header .header-inner,
body.insurmee-blog-archive #site-footer .footer-inner {
  max-width: 1180px;
}
body.insurmee-blog-archive #site-header .site-branding {
  flex: 0 0 185px;
}
body.insurmee-blog-archive #site-header .custom-logo {
  display: block;
  width: 180px;
  border-radius: 4px;
  filter: brightness(1.25) drop-shadow(0 0 10px #e58afc4d);
}
body.insurmee-blog-archive #site-header .site-description {
  display: none;
}
body.insurmee-blog-archive #site-header .site-navigation ul.menu li a {
  color: var(--archive-ink);
  font: 500 13px/1.3 "Insurmee DM", "DM Sans", sans-serif;
  letter-spacing: .01em;
}
body.insurmee-blog-archive #site-header .site-navigation ul.menu li a:is(:hover, :focus-visible),
body.insurmee-blog-archive #site-header .site-navigation ul.menu li.current-menu-item > a {
  color: var(--archive-accent);
}
body.insurmee-blog-archive #site-header .site-navigation-toggle {
  color: var(--archive-ink);
  background: var(--archive-surface);
  border: 1px solid var(--archive-border);
  border-radius: 5px;
}
body.insurmee-blog-archive #site-header .site-navigation-dropdown {
  background: var(--archive-surface);
  border: 1px solid var(--archive-border);
}
body.insurmee-blog-archive #site-header .site-navigation-dropdown ul.menu li a {
  color: var(--archive-ink);
  background: var(--archive-surface);
}
body.insurmee-blog-archive #site-header .site-navigation-dropdown ul.menu li a:is(:hover, :focus-visible) {
  color: var(--archive-accent);
  background: #211c32;
}

body.insurmee-blog-archive #content.site-main {
  max-width: 1180px;
  padding: 76px 24px 110px;
  background: radial-gradient(ellipse 520px 340px at 95% 4%, #55266666, transparent 72%);
}
body.insurmee-blog-archive #content .page-header {
  max-width: 1000px;
  margin: 0 0 42px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--archive-border);
}
body.insurmee-blog-archive #content .page-header::before {
  content: "LE BLOG INSURMEE";
  display: block;
  margin-bottom: 18px;
  color: var(--archive-accent);
  font: 700 11px/1.4 "Insurmee DM", "DM Sans", sans-serif;
  letter-spacing: .17em;
}
body.insurmee-blog-archive #content .page-header .entry-title {
  max-width: 920px;
  margin: 0;
  color: var(--archive-ink);
  font: 600 clamp(38px, 5.3vw, 66px)/1.08 "Insurmee Space", "Space Grotesk", sans-serif;
  letter-spacing: -.048em;
  text-wrap: balance;
}
body.insurmee-blog-archive #content .page-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
body.insurmee-blog-archive #content article.post {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
  padding: 0 0 24px;
  color: var(--archive-ink);
  background: var(--archive-surface);
  border: 1px solid var(--archive-border);
  border-radius: 18px;
  box-shadow: 0 16px 42px #0002;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.insurmee-blog-archive #content article.post:is(:hover, :focus-within) {
  transform: translateY(-4px);
  border-color: #a969b9;
  box-shadow: 0 22px 48px #0005;
}
body.insurmee-blog-archive #content article.post > .entry-title {
  order: 1;
  margin: 21px 22px 10px;
  color: var(--archive-ink);
  font: 600 clamp(20px, 2vw, 24px)/1.25 "Insurmee Space", "Space Grotesk", sans-serif;
  letter-spacing: -.025em;
}
body.insurmee-blog-archive #content article.post > .entry-title a {
  color: inherit;
  text-decoration: none;
}
body.insurmee-blog-archive #content article.post > .entry-title a:is(:hover, :focus-visible) {
  color: var(--archive-accent);
}
body.insurmee-blog-archive #content article.post > .entry-title + a {
  order: 0;
  display: block;
  width: 100%;
  aspect-ratio: 1.6;
  overflow: hidden;
  background: #211c32;
}
body.insurmee-blog-archive #content article.post > .entry-title + a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
body.insurmee-blog-archive #content article.post:is(:hover, :focus-within) > .entry-title + a img {
  transform: scale(1.035);
}
body.insurmee-blog-archive #content article.post > p {
  order: 2;
  margin: 0 22px;
  color: var(--archive-muted);
  font: 400 15px/1.65 "Insurmee DM", "DM Sans", sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
body.insurmee-blog-archive #content .pagination {
  margin-top: 42px;
}
body.insurmee-blog-archive #content .pagination a {
  display: inline-flex;
  padding: 12px 18px;
  color: var(--archive-ink);
  background: var(--archive-surface);
  border: 1px solid var(--archive-border);
  border-radius: 8px;
  text-decoration: none;
}
body.insurmee-blog-archive #content .pagination a:is(:hover, :focus-visible) {
  color: var(--archive-accent);
  border-color: var(--archive-accent);
}
body.insurmee-blog-archive #site-footer {
  color: var(--archive-muted);
  background: #10111e;
  border-color: var(--archive-border);
}
body.insurmee-blog-archive #site-footer .custom-logo {
  max-width: 170px;
  filter: brightness(1.25) drop-shadow(0 0 10px #e58afc4d);
}
body.insurmee-blog-archive #site-footer :is(.site-description, .copyright),
body.insurmee-blog-archive #site-footer .site-navigation ul.menu li a {
  color: var(--archive-muted);
  font-family: "Insurmee DM", "DM Sans", sans-serif;
}
body.insurmee-blog-archive #site-footer .site-navigation ul.menu li a:is(:hover, :focus-visible) {
  color: var(--archive-accent);
}
body.insurmee-blog-archive :is(#site-header, #content, #site-footer) :is(a, button):focus-visible {
  outline: 2px solid var(--archive-accent);
  outline-offset: 3px;
}
@media (max-width: 1024px) {
  body.insurmee-blog-archive #content.site-main { padding-top: 56px; }
  body.insurmee-blog-archive #content .page-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.insurmee-blog-archive #site-header { padding-block: 15px; }
  body.insurmee-blog-archive #site-header .site-branding { flex: 0 1 170px; }
  body.insurmee-blog-archive #site-header .custom-logo { width: 170px; height: 42.6px; max-width: 100%; }
  body.insurmee-blog-archive #content.site-main { padding: 46px 20px 80px; }
  body.insurmee-blog-archive #content .page-header { margin-bottom: 24px; padding-bottom: 24px; }
  body.insurmee-blog-archive #content .page-header::before { margin-bottom: 14px; }
  body.insurmee-blog-archive #content .page-header .entry-title { font-size: clamp(34px, 9vw, 48px); line-height: 1.12; }
  body.insurmee-blog-archive #content .page-content { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.insurmee-blog-archive #content article.post > .entry-title { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  body.insurmee-blog-archive #content article.post,
  body.insurmee-blog-archive #content article.post > .entry-title + a img { transition: none; }
  body.insurmee-blog-archive #content article.post:is(:hover, :focus-within),
  body.insurmee-blog-archive #content article.post:is(:hover, :focus-within) > .entry-title + a img { transform: none; }
}