/* Infinite Intelligence — About page editorial treatment.
   Fully scoped to .ii-about-page. Newsreader & Inter, existing colour system. */
.ii-about-page .ii-about-skip{position:absolute;left:-9999px;top:8px;z-index:1001;padding:10px 16px;background:var(--navy);color:#fff}
.ii-about-page .ii-about-skip:focus{left:15px}
.ii-about-page #main{overflow:hidden}
.ii-about-page .about-hero{padding:clamp(74px,9.5vw,150px) 5vw clamp(49px,7vw,105px)}
.ii-about-page .about-hero-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);align-items:end;column-gap:clamp(35px,4vw,90px)}
.ii-about-page .about-hero h1{font:300 clamp(62px,7.75vw,132px)/.96 var(--d);letter-spacing:-.047em;max-width:13.4ch}
.ii-about-page .about-hero h1 span{display:inline}
.ii-about-page .about-lead{font:400 clamp(16px,1.25vw,19px)/1.68 Inter,ui-sans-serif,system-ui,sans-serif;color:#5d6672;max-width:40ch;padding-bottom:10px}
.ii-about-page .about-hero-rule{border-top:1px solid #b9c5cb;margin-top:clamp(55px,9vw,145px);height:8px;position:relative}
.ii-about-page .about-hero-rule span{width:8px;height:8px;border:1px solid #82959f;background:#FAFAF7;border-radius:50%;position:absolute;right:0;top:-4px}
.ii-about-page .about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(45px,10vw,180px);padding:clamp(80px,9vw,146px) 5vw}
.ii-about-page .about-section h2{font:300 clamp(45px,5.2vw,89px)/1.03 var(--d);letter-spacing:-.04em;max-width:14ch}
.ii-about-page .about-prose{max-width:58ch;align-self:start;padding-top:6px}
.ii-about-page .about-prose p{font:400 clamp(16px,1.25vw,19px)/1.78 Inter,ui-sans-serif,system-ui,sans-serif;color:#505e69;margin:0 0 1.55em}
.ii-about-page .about-prose p:last-child{margin-bottom:0}
.ii-about-page .about-origin{padding-top:clamp(35px,5vw,75px)}
.ii-about-page .about-gap{border-top:1px solid #e1dfd8}
.ii-about-page .about-belief{background:#021a31;color:#fff;padding:clamp(75px,10vw,165px) 5vw;min-height:340px;display:flex;align-items:center}
.ii-about-page .about-belief p{font:300 clamp(48px,6.25vw,110px)/1.025 var(--d);letter-spacing:-.035em;max-width:19ch;color:#fff}
.ii-about-page .about-future{border-bottom:1px solid #e1dfd8}
.ii-about-page .about-now{padding-top:clamp(70px,8vw,125px);padding-bottom:clamp(75px,8vw,130px)}
.ii-about-page .about-ending{color:#021a31!important;font-weight:500!important}
.ii-about-page .about-next{padding:clamp(40px,6vw,90px) 5vw;background:#f0f2ef;display:flex;align-items:end;justify-content:space-between;gap:30px}
.ii-about-page .about-next-link{font:300 clamp(38px,4.8vw,80px)/1.04 var(--d);letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:clamp(30px,4vw,70px);max-width:17ch;color:#021a31}
.ii-about-page .about-next-link span:last-child{font:400 .36em/1 Inter,system-ui,sans-serif;transition:transform .2s;color:#516b7a}
.ii-about-page .about-next-link:hover span:last-child{transform:translate(4px,-4px)}
.ii-about-page .about-next-secondary{border-bottom:1px solid #526d7b;padding-bottom:7px;text-decoration:none;color:#021a31;font:600 14px/1.3 Inter,system-ui,sans-serif;white-space:nowrap}
.ii-about-page .nl a[aria-current="page"]{color:#526d7b}
@media(max-width:900px){
  .ii-about-page .about-hero{padding-top:76px;padding-bottom:54px}
  .ii-about-page .about-hero-main{grid-template-columns:1fr;gap:34px}
  .ii-about-page .about-hero h1{font-size:clamp(55px,9vw,90px)}
  .ii-about-page .about-lead{max-width:58ch}
  .ii-about-page .about-hero-rule{margin-top:55px}
  .ii-about-page .about-section{grid-template-columns:1fr;gap:30px;padding-top:73px;padding-bottom:73px}
  .ii-about-page .about-section h2{max-width:20ch;font-size:clamp(45px,7vw,68px)}
  .ii-about-page .about-belief{min-height:0;padding:80px 5vw}
  .ii-about-page .about-belief p{font-size:clamp(45px,7.5vw,76px)}
}
@media(max-width:600px){
  .ii-about-page .about-hero{padding:clamp(45px,8vh,75px) 5vw 50px}
  .ii-about-page .about-hero-main{gap:26px}
  .ii-about-page .about-hero h1{font-size:clamp(46px,11.35vw,62px);line-height:.99;max-width:13ch}
  .ii-about-page .about-lead{font-size:15px;line-height:1.65;max-width:40ch}
  .ii-about-page .about-hero-rule{margin-top:42px}
  .ii-about-page .about-section{gap:25px;padding-top:58px;padding-bottom:60px}
  .ii-about-page .about-section h2{font-size:clamp(42px,10.35vw,55px)}
  .ii-about-page .about-prose p{font-size:15px;line-height:1.68;margin-bottom:1.35em}
  .ii-about-page .about-origin{padding-top:26px}
  .ii-about-page .about-belief{padding:70px 5vw}
  .ii-about-page .about-belief p{font-size:clamp(43px,10.8vw,59px)}
  .ii-about-page .about-next{display:block;padding:54px 5vw 56px}
  .ii-about-page .about-next-link{font-size:clamp(40px,9.4vw,53px);gap:14px}
  .ii-about-page .about-next-secondary{display:inline-block;margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.ii-about-page .about-next-link span:last-child{transition:none}}


/* Desktop-only editorial refinement. Mobile remains entirely unchanged. */
@media (min-width: 901px) {
  .ii-about-page {
    --about-gutter: max(5vw, calc((100vw - 1520px) / 2));
  }
  .ii-about-page .about-hero {
    padding: clamp(76px, 6.3vw, 118px) var(--about-gutter) clamp(28px, 3vw, 54px);
  }
  .ii-about-page .about-hero-main {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: center;
    gap: clamp(52px, 6.4vw, 128px);
    max-width: 1520px;
    margin-inline: auto;
  }
  .ii-about-page .about-hero h1 {
    max-width: 14ch;
    font-size: clamp(73px, 6vw, 112px);
    line-height: .98;
    letter-spacing: -.048em;
  }
  .ii-about-page .about-lead {
    max-width: 51ch;
    padding: 22px 0 0;
    border-top: 1px solid #c8cecd;
    font-size: clamp(18px, 1.38vw, 22px);
    line-height: 1.65;
    color: #4d5c67;
  }
  .ii-about-page .about-hero-rule {
    max-width: 1520px;
    margin: clamp(57px, 6vw, 110px) auto 0;
    border-color: #dadfdd;
  }
  .ii-about-page .about-hero-rule span { background: #fafaf7; }

  .ii-about-page .about-section {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: clamp(54px, 6.7vw, 142px);
    padding: clamp(76px, 6.7vw, 124px) var(--about-gutter);
  }
  .ii-about-page .about-section h2 {
    max-width: 16ch;
    font-size: clamp(61px, 4.85vw, 91px);
    line-height: 1.035;
    letter-spacing: -.047em;
  }
  .ii-about-page .about-prose {
    max-width: 64ch;
    padding-top: 11px;
    align-self: center;
  }
  .ii-about-page .about-prose p {
    font-size: clamp(18px, 1.24vw, 20px);
    line-height: 1.72;
    margin-bottom: 1.18em;
    color: #4d5d68;
  }
  .ii-about-page .about-origin {
    padding-top: clamp(40px, 4.5vw, 88px);
    padding-bottom: clamp(87px, 6.6vw, 122px);
  }

  /* A distinct open page-spread rather than a repeat of the same two-column block. */
  .ii-about-page .about-gap {
    display: block;
    background: #f1f3f1;
    border: 0;
    padding-top: clamp(85px, 7.4vw, 148px);
    padding-bottom: clamp(78px, 6.7vw, 130px);
  }
  .ii-about-page .about-gap h2 {
    max-width: 23ch;
    font-size: clamp(70px, 5.9vw, 111px);
    letter-spacing: -.052em;
    margin-bottom: clamp(36px, 4.1vw, 78px);
  }
  .ii-about-page .about-gap .about-prose {
    margin-left: auto;
    padding: 0;
    max-width: min(82%, 1100px);
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .75fr);
    align-items: start;
    gap: clamp(28px, 4vw, 76px);
  }
  .ii-about-page .about-gap .about-prose p {
    margin: 0;
    font-size: clamp(18px, 1.31vw, 21px);
    line-height: 1.65;
  }
  .ii-about-page .about-gap .about-prose p:last-child {
    font-weight: 500;
    color: #021a31;
    border-top: 1px solid #b9c5cb;
    padding-top: 18px;
  }

  .ii-about-page .about-belief {
    min-height: 0;
    padding: clamp(84px, 7vw, 132px) var(--about-gutter);
  }
  .ii-about-page .about-belief p {
    margin: 0 auto;
    width: 100%;
    max-width: 1520px;
    font-size: clamp(69px, 5.7vw, 105px);
    line-height: 1.04;
    letter-spacing: -.046em;
  }

  .ii-about-page .about-future {
    grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
    gap: clamp(75px, 8.1vw, 162px);
    padding-top: clamp(103px, 8vw, 151px);
    padding-bottom: clamp(100px, 8vw, 151px);
  }
  .ii-about-page .about-future .about-prose {
    max-width: 70ch;
  }
  .ii-about-page .about-future .about-prose p:first-child {
    font-size: clamp(21px, 1.65vw, 26px);
    line-height: 1.57;
    color: #102e42;
    margin-bottom: 1.42em;
  }
  .ii-about-page .about-now {
    padding-top: clamp(83px, 7vw, 125px);
    padding-bottom: clamp(92px, 7.5vw, 133px);
  }
  .ii-about-page .about-ending {
    margin-top: 1.4em;
    border-top: 1px solid #cad2d2;
    padding-top: 1.1em;
  }
  .ii-about-page .about-next {
    padding: clamp(65px, 6.5vw, 105px) var(--about-gutter);
    align-items: center;
    gap: clamp(30px, 6vw, 110px);
  }
  .ii-about-page .about-next-link {
    max-width: 20ch;
    font-size: clamp(58px, 5vw, 84px);
    letter-spacing: -.044em;
    gap: clamp(30px, 4vw, 65px);
  }
  .ii-about-page .about-next-secondary {
    font-size: 15px;
  }
}
@media (min-width: 901px) and (max-width: 1170px) {
  .ii-about-page .about-hero-main,
  .ii-about-page .about-section,
  .ii-about-page .about-future { gap: 45px; }
  .ii-about-page .about-section h2 { font-size: 56px; }
  .ii-about-page .about-hero h1 { font-size: 67px; }
  .ii-about-page .about-gap h2 { font-size: 70px; }
  .ii-about-page .about-gap .about-prose { max-width: 100%; }
}