@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#080808;font-family:KineksText,Arial,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:28px 5.35vw 28px;display:flex;flex-direction:column}
header{display:flex;align-items:flex-start;justify-content:space-between}.logo{display:block;width:62px}.logo img{display:block;width:100%;height:auto}.nav{display:flex;gap:30px;font-size:12px;font-weight:600;line-height:1;padding-top:4px}.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.article{padding:53px 0 70px}.article-kicker{font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.article h1{font-size:clamp(52px,7.2vw,108px);line-height:1.12;letter-spacing:-.07em;max-width:1150px;margin:0 0 38px}.article-meta{font-size:10px;margin-bottom:38px}
.article p{font-size:16px;line-height:1.42;font-weight:500;max-width:820px;margin:0 0 22px}.article h2{font-size:clamp(28px,3.3vw,48px);line-height:.9;letter-spacing:-.055em;max-width:900px;margin:55px 0 18px}.article h3{font-size:23px;line-height:.95;letter-spacing:-.04em;margin:34px 0 10px}.lead{font-size:19px!important;line-height:1.25!important;font-weight:500;max-width:820px!important}
.visual{margin:26px 0 40px;width:100%;overflow:hidden}.visual img{width:100%;height:auto;display:block}.visual.dark{background:#080808}.visual.dark img{mix-blend-mode:normal}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 35px}.system-card{border-top:2px solid #111;padding-top:13px}.system-card .label{font-size:10px;font-weight:700;text-transform:uppercase}.system-card h3{font-size:25px;margin:7px 0 5px}.system-card p{font-size:11px;line-height:1.22;margin:0}
.list{padding-left:17px;max-width:760px}.list li{font-size:13px;line-height:1.35;margin:5px 0}
.cta{border-top:2px solid #111;margin-top:50px;padding-top:22px}.cta a{text-decoration:underline;text-underline-offset:4px}
.bottom{margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;align-items:flex-end}.information{font-size:10px;line-height:1.55}.information strong{display:block;font-size:11px;line-height:1;margin-bottom:4px}.information a{display:block;width:max-content}.information a:hover{text-decoration:underline;text-underline-offset:3px}.copyright{text-align:right}.copyright .brand{font-size:26px;font-weight:700;letter-spacing:-.055em;line-height:.9}.copyright .copy{font-size:9px;line-height:1;margin-top:4px}
@media(max-width:700px){.page{padding:20px 5vw 24px}.logo{width:55px}.nav{gap:14px;font-size:11px}.article{padding-top:45px}.article h1{font-size:52px}.article p{font-size:13px}.article h2{font-size:35px}.lead{font-size:16px!important}.system-grid{grid-template-columns:1fr}.bottom{padding-top:50px}.copyright .brand{font-size:22px}}

.reading-layout{display:block;margin:28px 0 48px}
.reading-layout .visual{margin:0 0 24px;width:100%;max-width:none}
.reading-layout .visual img{width:100%;height:auto;display:block}
.reading-copy{max-width:820px}.reading-copy p{margin-bottom:9px}
.reading-copy p:last-child{margin-bottom:0}



/* Responsive type scale — shared tuning */
.article h1{font-size:clamp(54px,7.5vw,112px);line-height:1.05;letter-spacing:-.065em}
.article p{font-size:clamp(14px,1.05vw,16px);line-height:1.45}
.article h2{font-size:clamp(30px,3.3vw,48px);line-height:1.02}
.article h3{font-size:clamp(21px,1.7vw,25px);line-height:1.02}
.lead{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.3!important}
@media(max-width:700px){
 .article{padding-top:45px}
 .article h1{font-size:clamp(42px,12.2vw,58px);line-height:1.02}
 .article p{font-size:14px;line-height:1.42}
 .article h2{font-size:clamp(27px,7.5vw,35px);line-height:1.03}
 .article h3{font-size:21px;line-height:1.04}
 .lead{font-size:16px!important;line-height:1.32!important}
 .system-grid{gap:22px}
}

/* Blogs — responsive tuning */
.article h1{
  font-size:clamp(56px,7vw,104px);
  line-height:1.08;
  letter-spacing:-.065em;
  max-width:1180px;
}
.article p{
  font-family:KineksText,Arial,sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:1.45;
}
.article h2{
  font-size:clamp(30px,3.1vw,46px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.lead{
  font-family:KineksText,Arial,sans-serif;
  font-weight:500!important;
  font-size:19px!important;
  line-height:1.32!important;
}

/* Keep all article images consistent with the hero image width */
.article > .visual,
.reading-layout .visual{
  width:100%;
  max-width:none;
}
.article > .visual img,
.reading-layout .visual img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:700px){
  .page{padding:18px 5vw 24px}
  .logo{width:48px}
  .nav{gap:12px;font-size:10.5px}

  .article{padding-top:44px;padding-bottom:55px}
  .article-kicker{font-size:10px;margin-bottom:18px}

  .article h1{
    font-size:clamp(40px,10.8vw,50px);
    line-height:1.08;
    letter-spacing:-.052em;
    margin-bottom:30px;
  }

  .article p{
    font-size:14px;
    line-height:1.43;
    max-width:100%;
  }

  .lead{
    font-size:16px!important;
    line-height:1.34!important;
  }

  .article h2{
    font-size:clamp(27px,7.2vw,34px);
    line-height:1.05;
    margin-top:48px;
    margin-bottom:18px;
  }

  .article h3{
    font-size:20px;
    line-height:1.05;
  }

  .visual{
    margin:24px 0 34px;
  }

  .reading-layout{
    margin:26px 0 44px;
  }

  .reading-layout .visual{
    margin-bottom:28px;
  }

  .system-grid{
    grid-template-columns:1fr;
    gap:26px;
    margin-top:24px;
  }

  .system-card{
    padding-top:14px;
  }

  .system-card p{
    font-size:12px;
    line-height:1.35;
  }

  .list{
    padding-left:18px;
  }

  .list li{
    font-size:13px;
    line-height:1.4;
    margin:6px 0;
  }

  .cta{
    margin-top:44px;
    padding-top:18px;
  }

  .bottom{
    padding-top:48px;
  }

  .copyright .brand{
    font-size:22px;
  }
}

@media(max-width:370px){
  .nav{gap:9px;font-size:10px}
  .article h1{font-size:37px}
  .article p{font-size:13px}
  .lead{font-size:15px!important}
}