.page-insights .section { min-height: 0; }
.page-insights main .button .arrow { transform: none; }
.page-insights main .text-link { text-decoration: underline; text-underline-offset: 3px; }
.page-insights .hero-content { top: 310px; width: calc(100% - 280px); }
.page-insights .hero-content h1 { font-size: 75px; line-height: 90px; font-weight: 500; }
.page-insights .hero-content > p { max-width: 616px; font-size: 24px; line-height: 36px; font-weight: 600; margin: 18px 0 30px; }
.page-insights .hero-decor { width: 25%; height: 61%; right: 10.6%; top: 20.2%; opacity: 1; }
@media (min-width: 1701px) {
  .page-insights .hero > .hero-photo:not(.hero-foreground) { inset: -12.47% auto auto 20.32%; width: 82.55%; height: 133.03%; object-fit: fill; }
  .page-insights .hero::before { content: ""; position: absolute; left: -62.18%; top: -12.47%; width: 82.55%; height: 133.03%; background: url('../images/insights-business-coworkers-discussing-new-ideas-brainstorming-laptop-sitting-staircase-o-80c1f0a0.webp') center / 100% 100% no-repeat; transform: scaleX(-1); }
  .page-insights .hero .hero-foreground { inset: -12.47% auto auto 20.32%; width: 82.55%; height: 133.03%; object-fit: fill; mask-image: none; }
}
.page-insights .insights-featured { padding-block: 100px; }
.page-insights .featured-insights { grid-template-columns: minmax(0, 704fr) minmax(0, 839fr); gap: 57px; }
.page-insights .featured-media { position: relative; }
.page-insights .featured-image { display: block; width: 100%; height: auto; aspect-ratio: 704 / 396; object-fit: cover; border-radius: 20px; box-shadow: 0 35px 65px #00183240; }
.page-insights .featured-media .date { position: absolute; left: 10px; top: 10px; margin: 0; padding: 7px 10px; border-radius: 100px; background: white; color: #222; }
.page-insights .insights-featured .date { font-size: 14px !important; line-height: 16px !important; font-weight: 500; }
.page-insights .featured-insights > article > h3 { font-size: 32px; line-height: 40px; font-weight: 500; margin: 23px 0 20px; }
.page-insights .insights-featured-button { background: #222; color: white; box-shadow: 0 24px 27px #0000001a; }
.page-insights .insight-list { padding-top: 6px; }
.page-insights .insight-list > article { grid-template-columns: 190px minmax(0, 1fr); align-items: center; gap: 27px; padding-bottom: 49px; margin-bottom: 49px; border-bottom: 1px solid #2223; }
.page-insights .insight-list > article:last-child { margin: 0; padding: 0; border: 0; }
.page-insights .insight-list > article > img { width: 190px; height: 182px; object-fit: cover; border-radius: 15px; }
.page-insights .insight-list .date { margin: 0 0 8px; }
.page-insights .insight-list h3 { font-size: 24px; line-height: 36px; font-weight: 600; margin: 0 0 15px; }
.page-insights .insights-articles { padding-block: 100px 110px; }
.page-insights .article-filters { margin-bottom: 60px; }
.page-insights .article-filters > div { margin-top: 0; }
.page-insights .article-filters > div:first-child { max-width: 843px; margin: 0 auto 34px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-bottom: 1px solid #ffffff40; }
.page-insights .article-filters > div:first-child button { min-height: 48px; padding: 0 10px 20px; font-weight: 700; line-height: 24px; }
.page-insights .article-filters > div:last-child { gap: 20px; }
.page-insights .article-filters > div:last-child button { min-height: 42px; padding: 8px 28px; line-height: 24px; font-weight: 700; border-color: #fabc05; }
.page-insights .article-grid { gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.page-insights .article-grid .content-card { min-height: 601px; border-radius: 15px; }
.page-insights .article-grid .card-image { width: 100%; height: auto; aspect-ratio: 513 / 295; object-fit: cover; object-position: center; background: #fff; }
.page-insights .article-grid .card-copy { padding: 30px 20px; }
.page-insights .article-grid .date { font-size: 14px !important; line-height: 16px !important; font-weight: 500; margin: 0 0 8px; }
.page-insights .article-grid h3 { font-size: 24px; line-height: 36px; font-weight: 600; margin: 0 0 16px; }
.page-insights .article-grid .card-copy > p:not(.date) { font-size: 18px; line-height: 30px; color: #5c5c5c; margin: 0 0 17px; }
.page-insights .article-grid .text-link { margin-top: auto; }
.page-insights .insights-load-more { display: flex; justify-content: center; margin-top: 50px; }
.page-insights .insights-load-more .button { min-width: 180px; }
.page-insights .insights-load-more .button .arrow { transform: rotate(135deg); }
.page-insights .insights-guide { padding-block: 100px; }
.page-insights .insights-guide .feature-row { grid-template-columns: minmax(0, 783fr) minmax(0, 783fr); gap: 34px; align-items: center; }
.page-insights .insights-guide .feature-photo { width: 100%; height: 511px; aspect-ratio: 783 / 511; object-fit: cover; border-radius: 20px; box-shadow: 0 15px 25px #00183226; }
.page-insights .insights-guide .section-heading { margin: 0 0 20px; }
.page-insights .insights-guide h2 { font-size: 56px; line-height: 62px; font-weight: 500; }
.page-insights .insights-guide p { max-width: 712px; font-size: 18px; line-height: 30px; color: #5c5c5c; margin: 0 0 30px; }
.page-insights .insights-guide .button { margin-top: 0; }
.page-insights .insights-consultation { padding: 0; overflow: hidden; }
.page-insights .insights-consultation > .container { display: grid; grid-template-columns: minmax(0, 948fr) minmax(0, 652fr); gap: 0; border-top: 1px solid #2222; }
.page-insights .insights-consultation .consultation-art { height: 875px; width: 100%; margin: 0; }
.page-insights .insights-consultation .consultant { width: 854px; height: 781px; left: 0; bottom: 0; object-position: left bottom; filter: drop-shadow(-15px -3px 27px #0003); }
.page-insights .insights-consultation .pixel-art { width: 622px; height: 630px; left: 73px; top: 151px; }
.page-insights .insights-consultation .consultation-copy { min-width: 0; padding: 110px 0 0; }
.page-insights .insights-consultation h2 { font-size: 40px; line-height: 50px; margin: 0 0 24px; }
.page-insights .insights-consultation p { max-width: 553px; font-size: 18px; line-height: 29px; margin: 0 0 30px; color: #5c5c5c; }
.page-insights .insights-consultation .button { box-shadow: 0 24px 27px #0000001a; }
.page-insights .insights-consultation::before { inset: 0 0 0 auto; width: 56%; height: 100%; background: url('../images/home-rectangle1612-bd40b0b3.webp') center / 100% 100% no-repeat; mask-image: none; transform: scaleX(-1); filter: brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(1482%) hue-rotate(199deg) brightness(101%) contrast(92%); opacity: .15; }
@media (max-width: 1700px) {
  .page-insights .section { padding-block: 80px; }
  .page-insights .hero-content { top: 245px; width: calc(100% - 12%); }
  .page-insights .hero-content h1 { font-size: 64px; line-height: 74px; }
  .page-insights .hero-content > p { max-width: 540px; font-size: 20px; line-height: 30px; }
  .page-insights .featured-insights { gap: 40px; }
  .page-insights .featured-insights > article > h3 { font-size: 28px; line-height: 36px; }
  .page-insights .insight-list > article { grid-template-columns: 160px minmax(0, 1fr); gap: 24px; padding-bottom: 32px; margin-bottom: 32px; }
  .page-insights .insight-list > article > img { width: 160px; height: 160px; }
  .page-insights .insight-list h3 { font-size: 22px; line-height: 30px; }
  .page-insights .article-grid h3 { font-size: 22px; line-height: 32px; }
  .page-insights .article-grid .card-copy { padding: 24px 20px; }
  .page-insights .article-grid .content-card { min-height: 560px; }
  .page-insights .insights-guide h2 { font-size: 44px; line-height: 52px; }
  .page-insights .insights-guide .feature-photo { height: 100%; min-height: 480px; }
  .page-insights .insights-consultation { padding: 0; }
  .page-insights .insights-consultation .consultation-art { height: 700px; }
  .page-insights .insights-consultation .consultation-copy { padding-top: 20px; }
  .page-insights .insights-consultation .consultant { width: 95%; height: 625px; }
  .page-insights .insights-consultation .pixel-art { width: 72%; height: auto; aspect-ratio: 622 / 630; left: 4%; top: 120px; }
  .page-insights .insights-consultation h2 { font-size: 34px; line-height: 44px; }
}
@media (max-width: 1100px) {
  .page-insights .hero-content h1 { font-size: 52px; line-height: 62px; }
  .page-insights .hero-content > p { max-width: 480px; }
  .page-insights .featured-insights { grid-template-columns: 1fr; gap: 45px; }
  .page-insights .insight-list { padding-top: 0; }
  .page-insights .insight-list > article { grid-template-columns: 190px minmax(0, 1fr); }
  .page-insights .insight-list > article > img { width: 190px; height: 182px; }
  .page-insights .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-insights .insights-guide .feature-row { grid-template-columns: 1fr; }
  .page-insights .insights-guide .feature-photo { height: auto; min-height: 0; max-height: 560px; }
  .page-insights .insights-guide h2 { font-size: 36px; line-height: 44px; }
  .page-insights .insights-consultation > .container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
  .page-insights .insights-consultation .consultation-art { height: 600px; }
  .page-insights .insights-consultation .consultant { width: 110%; height: 470px; left: -10%; }
  .page-insights .insights-consultation .pixel-art { width: 85%; left: 0; top: 180px; }
  .page-insights .insights-consultation h2 { font-size: 28px; line-height: 36px; }
}
@media (max-width: 700px) {
  .page-insights .section { padding-block: 55px; }
  .page-insights .hero { height: auto; min-height: 620px; }
  .page-insights .hero .hero-content { top: 0; width: calc(100% - 40px); padding-block: 180px 55px; }
  .page-insights .hero-content h1 { font-size: 40px; line-height: 48px; }
  .page-insights .hero-content > p { font-size: 18px; line-height: 28px; margin: 20px 0 30px; }
  .page-insights .hero-shade { background: #00183999; }
  .page-insights .featured-insights > article > h3 { font-size: 24px; line-height: 32px; }
  .page-insights .featured-image { border-radius: 12px; box-shadow: 0 15px 30px #00183226; }
  .page-insights .featured-media .date { top: 8px; left: 8px; padding: 5px 8px; }
  .page-insights .insight-list > article { grid-template-columns: 100px minmax(0, 1fr); gap: 18px; padding-bottom: 25px; margin-bottom: 25px; align-items: start; }
  .page-insights .insight-list > article > img { width: 100px; height: 110px; border-radius: 8px; }
  .page-insights .insight-list h3 { font-size: 18px; line-height: 26px; }
  .page-insights .article-filters { margin-bottom: 35px; }
  .page-insights .article-filters > div:first-child { margin-bottom: 24px; }
  .page-insights .article-filters > div:first-child button { min-height: 44px; padding: 0 2px 12px; font-size: 13px; line-height: 20px; }
  .page-insights .article-filters > div:last-child { gap: 10px; }
  .page-insights .article-filters > div:last-child button { min-height: 40px; padding: 7px 14px; font-size: 14px; line-height: 24px; }
  .page-insights .article-grid { grid-template-columns: 1fr; gap: 24px; }
  .page-insights .article-grid .content-card { min-height: 0; border-radius: 8px; }
  .page-insights .article-grid .card-copy { padding: 22px 20px; }
  .page-insights .article-grid h3 { font-size: 22px; line-height: 30px; }
  .page-insights .article-grid .card-copy > p:not(.date) { font-size: 16px; line-height: 26px; }
  .page-insights .insights-load-more { margin-top: 30px; }
  .page-insights .insights-guide h2 { font-size: 32px; line-height: 40px; }
  .page-insights .insights-guide p { font-size: 16px; line-height: 26px; }
  .page-insights .insights-guide .feature-photo { border-radius: 12px; }
  .page-insights .insights-consultation { padding: 0; }
  .page-insights .insights-consultation > .container { display: flex; flex-direction: column-reverse; gap: 30px; align-items: stretch; }
  .page-insights .insights-consultation .consultation-copy { padding: 50px 0 0; }
  .page-insights .insights-consultation .consultation-art { height: 400px; }
  .page-insights .insights-consultation .consultant { width: 100%; height: 360px; left: 0; }
  .page-insights .insights-consultation .pixel-art { width: 75%; left: 7%; top: 35px; }
  .page-insights .insights-consultation::before { width: 100%; opacity: .12; }
}
@media (max-width: 400px) {
  .page-insights .article-filters > div:first-child { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
  .page-insights .article-filters > div:first-child button { padding-block: 8px; font-size: 14px; }
}