
/* IVEON — Insights Depth / LOT 8 */
.insight-page{background:#fff;color:#111}
.in-wrap{width:min(100%,1500px);margin:auto;padding-inline:var(--gutter)}
.in-kicker{margin:0 0 22px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.in-title-xl{margin:0;font-size:clamp(58px,8vw,132px);line-height:.89;letter-spacing:-.063em;font-weight:500;max-width:1280px}
.in-title{margin:0;font-size:clamp(42px,6vw,94px);line-height:.94;letter-spacing:-.055em;font-weight:500}
.in-title-sm{margin:0;font-size:clamp(31px,4vw,64px);line-height:.99;letter-spacing:-.045em;font-weight:500}
.in-lede{margin:32px 0 0;max-width:830px;font-size:clamp(20px,1.6vw,27px);line-height:1.46;letter-spacing:-.02em}
.in-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#777}
.in-section{padding:clamp(100px,10vw,175px) 0}
.in-paper{background:#f4f4f1}
.in-grey{background:#e9e9e4}
.in-dark{background:#090909;color:#fff}
.in-dark .in-muted,.in-dark .in-caption{color:#aaa}
.in-hero{min-height:90svh;position:relative}
.in-hero--image{display:flex;align-items:flex-end;color:#fff;background:center/cover no-repeat}
.in-hero--image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72))}
.in-hero--image .in-wrap{position:relative;z-index:1;padding-top:160px;padding-bottom:85px}
.in-hero--split{display:grid;grid-template-columns:1.05fr .95fr;background:#f4f4f1}
.in-hero--split .copy{padding:160px var(--gutter) 90px;display:flex;flex-direction:column;justify-content:flex-end}
.in-hero--split .media{min-height:90svh;background:center/cover no-repeat}
.in-hero--dark{display:grid;grid-template-columns:1.15fr .85fr;background:#090909;color:#fff}
.in-hero--dark .copy{padding:160px var(--gutter) 90px;display:flex;flex-direction:column;justify-content:flex-end}
.in-hero--dark .panel{min-height:90svh;border-left:1px solid #2c2c2c;display:flex;align-items:flex-end;padding:80px var(--gutter);background:
linear-gradient(#222 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:46px 46px}
.in-hero--editorial{display:flex;align-items:flex-end;background:#fff}
.in-hero--editorial .in-wrap{padding-top:155px;padding-bottom:90px}
.in-hero--paper{display:grid;grid-template-columns:.78fr 1.22fr;background:#e9e9e4}
.in-hero--paper .aside{padding:160px var(--gutter) 90px;display:flex;align-items:flex-end}
.in-hero--paper .copy{padding:160px var(--gutter) 90px;border-left:1px solid #d0d0ca;display:flex;flex-direction:column;justify-content:flex-end}
.in-intro{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.8fr);gap:clamp(45px,9vw,150px)}
.in-side{max-width:300px;color:#6b6b65;font-size:13px;line-height:1.62}
.in-article{max-width:820px}
.in-article p{font-size:clamp(18px,1.25vw,22px);line-height:1.68;letter-spacing:-.012em;margin:0 0 1.45em}
.in-article p:last-child{margin-bottom:0}
.in-article h3{font-size:clamp(27px,2.5vw,42px);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:2.2em 0 .7em}
.in-pull{padding:75px 0;background:#090909;color:#fff}
.in-pull .in-wrap{display:grid;grid-template-columns:.6fr 1.4fr;gap:65px}
.in-pull blockquote{margin:0;font-size:clamp(32px,4vw,68px);line-height:1.01;letter-spacing:-.045em}
.in-visual{min-height:72svh;background:center/cover no-repeat;position:relative}
.in-visual.tall{min-height:88svh}
.in-visual span{position:absolute;left:var(--gutter);bottom:34px;padding:10px 13px;background:rgba(255,255,255,.92);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.in-split{display:grid;grid-template-columns:1fr 1fr;min-height:76svh}
.in-split.reverse .media{order:2}
.in-split .media{background:center/cover no-repeat;min-height:620px}
.in-split .copy{padding:clamp(90px,9vw,150px) var(--gutter);display:flex;flex-direction:column;justify-content:center}
.in-diagram{margin-top:65px;border-top:1px solid #d2d2cc}
.in-row{display:grid;grid-template-columns:100px minmax(210px,.8fr) minmax(0,1.4fr);gap:30px;padding:28px 0;border-bottom:1px solid #d2d2cc}
.in-row .n{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#777}
.in-row strong{font-size:20px;font-weight:500}
.in-row p{margin:0;color:#62625e;line-height:1.58}
.in-dark .in-diagram,.in-dark .in-row{border-color:#353535}.in-dark .in-row p{color:#aaa}
.in-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d0d0ca;border:1px solid #d0d0ca;margin-top:60px}
.in-grid>div{background:#fff;padding:clamp(28px,3.5vw,55px);min-height:260px}
.in-grid h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:18px 0}
.in-grid p{margin:0;color:#62625e;line-height:1.6}
.in-grid .n{font-size:10px;font-weight:800;letter-spacing:.15em;color:#777}
.in-dark .in-grid{background:#353535;border-color:#353535}.in-dark .in-grid>div{background:#111}.in-dark .in-grid p{color:#aaa}
.in-matrix{margin-top:60px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-top:1px solid #d0d0ca;border-left:1px solid #d0d0ca}
.in-matrix>div{min-height:100px;padding:22px;border-right:1px solid #d0d0ca;border-bottom:1px solid #d0d0ca;display:flex;align-items:center}
.in-matrix .head{background:#f4f4f1;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.in-matrix .strong{font-size:18px;font-weight:500}
.in-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;background:#090909;padding:18px}
.in-gallery .main{min-height:78svh;background:center/cover no-repeat}
.in-gallery .stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.in-gallery .sub{min-height:38svh;background:center/cover no-repeat}
.in-related{padding:100px 0;background:#f4f4f1}
.in-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d0d0ca;border:1px solid #d0d0ca;margin-top:52px}
.in-related-grid a{background:#fff;min-height:220px;padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.in-related-grid a:hover{background:#090909;color:#fff}
.in-related-grid span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.in-related-grid strong{font-size:26px;font-weight:500;letter-spacing:-.035em}
.in-next{padding:85px 0;background:#e9e9e4}
.in-next a{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.in-next h2{margin:10px 0 0;font-size:clamp(38px,5.5vw,88px);line-height:.95;letter-spacing:-.055em;font-weight:500}
.in-final{padding:120px 0;background:#fff}
.in-final .bottom{margin-top:55px;display:grid;grid-template-columns:minmax(0,700px) auto;gap:50px;align-items:end}
.in-final .bottom p{margin:0;color:#5f5f5a;font-size:18px;line-height:1.55}
.in-final .button{justify-self:end}
@media(max-width:900px){
  .in-hero--split,.in-hero--dark,.in-hero--paper{grid-template-columns:1fr}
  .in-hero--split .media,.in-hero--dark .panel{min-height:50svh}
  .in-hero--paper .copy{border-left:0;border-top:1px solid #d0d0ca}
  .in-intro,.in-pull .in-wrap,.in-split,.in-final .bottom{grid-template-columns:1fr}
  .in-split.reverse .media{order:0}.in-split .media{min-height:52svh}
  .in-row{grid-template-columns:60px 1fr}.in-row p{grid-column:2}
  .in-grid,.in-related-grid{grid-template-columns:1fr}
  .in-matrix{grid-template-columns:1fr 1fr}
  .in-gallery{grid-template-columns:1fr}.in-gallery .main{min-height:55svh}.in-gallery .sub{min-height:40svh}
  .in-final .button{justify-self:start}
}
@media(max-width:600px){
  .in-matrix{grid-template-columns:1fr}
  .in-hero--split .copy,.in-hero--dark .copy,.in-hero--paper .aside,.in-hero--paper .copy{padding-left:var(--gutter);padding-right:var(--gutter)}
}
