/* The Insights page's own opening (2026-09-25), in the product pages' look:
   the h1 over a green sweep on warm paper, search beside it, the newest
   article as a wide lead and the next as cards under it. `html` first: this
   file loads before site.css and would lose a tie with `.section`.
   Its own file, loaded only by the block that opens that page: the
   homepage carries insights.css and has no weight to spare. */
html .section.ins-page{position:relative;overflow:hidden;padding:clamp(40px,5vw,72px) 0 clamp(56px,6vw,96px);background:var(--warm)}
html .ins-page>.container{position:relative;z-index:1}
html .ins-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:var(--fs-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}
html .ins-page .ins-head{align-items:flex-end;margin-bottom:32px}
html .ins-page h1{margin-top:18px;font-family:var(--font-head);font-size:var(--fs-d1);line-height:1.02;color:var(--plum)}
html .ins-page .ins-head .lead{max-width:40rem;margin-top:18px;font-size:var(--fs-lede);line-height:1.65;color:var(--copy)}
html .ins-page .ins-search{flex:0 1 360px;margin-bottom:6px}
html .ins-page .ins-bar{margin:0 0 24px}
.ins-sweep{position:absolute;top:0;right:0;width:min(46vw,640px);height:min(560px,70%);pointer-events:none}
.ins-sweep i{position:absolute;border-radius:50%;border:clamp(28px,4vw,60px) solid transparent;border-left-color:rgba(143,198,65,.2);border-bottom-color:rgba(143,198,65,.1)}
.ins-sweep i:nth-child(1){width:120%;aspect-ratio:1;right:-70%;top:-70%;transform:rotate(-20deg)}
.ins-sweep i:nth-child(2){width:95%;aspect-ratio:1;right:-58%;top:-52%;transform:rotate(-35deg);border-left-color:rgba(143,198,65,.3)}
.ins-sweep i:nth-child(3){width:70%;aspect-ratio:1;right:-44%;top:-30%;transform:rotate(-55deg);border-left-color:rgba(143,198,65,.42);border-width:clamp(14px,2vw,28px)}

/* The lead, across the page: the photograph wider than the words. */
.ins-lead-board .ins-card.is-hero{grid-column:1 / -1;grid-row:auto;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-height:clamp(420px,38vw,540px);border-radius:28px}
.is-hero .ins-photo{border-radius:0}
.is-hero .ins-text{position:relative;overflow:hidden;justify-content:center;gap:20px;padding:clamp(28px,3.4vw,52px)}
.is-hero .ins-text::after{content:"";position:absolute;right:-34%;bottom:-48%;width:80%;aspect-ratio:1;border-radius:50%;border:24px solid rgba(143,198,65,.2);pointer-events:none}
.is-hero .ins-text>*{position:relative;z-index:1}
.is-hero h2{font-family:var(--font-head);font-size:var(--fs-d3);line-height:1.08;color:var(--plum)}
.is-hero .ins-standfirst{font-size:var(--fs-lede)}
.is-hero .ins-read{margin-top:8px}
.ins-card h2{font-family:var(--font-head);color:var(--plum);line-height:1.15}
.ins-card h2 a{color:inherit;text-decoration:none}
.ins-card h2 a::after{content:"";position:absolute;inset:0;z-index:1}
.ins-card:has(h2 a:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
/* Under it, the next in a row that shares out its width. */
.ins-lead-board .ins-card.is-more{grid-column:span 4}
.ins-lead-board:has(> .is-more:nth-child(3):last-child) .is-more{grid-column:span 6}
.ins-lead-board:has(> .is-more:nth-child(2):last-child) .is-more{grid-column:1 / -1}
.ins-lead-board .is-more h2{font-size:var(--fs-h3)}
.ins-lead-board .is-more .ins-go{display:grid;position:absolute;right:20px;bottom:20px}
.ins-lead-board .is-more .ins-text{padding-bottom:30px;padding-right:76px}
.ins-grid .is-more h2{font-size:var(--fs-h3)}

/* Enwealth's research: each edition on an aubergine band, its number large. */
html .section.ins-research{position:relative;overflow:hidden;background:var(--plum);color:#fff}
.ins-research::after{content:"";position:absolute;left:-12%;bottom:-40%;width:44%;aspect-ratio:1;border-radius:50%;border:clamp(24px,3vw,48px) solid rgba(143,198,65,.14);pointer-events:none}
.ins-research .container{position:relative;z-index:1}
.ins-research-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:36px}
.ins-research .ins-eyebrow{color:#fff}
html .ins-research h2{margin-top:14px;max-width:24ch;font-family:var(--font-head);line-height:1.05;color:#fff}
.ins-research-more{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;font-weight:600;text-decoration:none}
.ins-research-more:hover{background:#fff;color:var(--plum)}
.ins-editions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.ins-editions li{display:flex;flex-direction:column;gap:12px;padding:26px 24px 28px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);transition:background .2s,border-color .2s}
.ins-editions li:hover{background:rgba(255,255,255,.1);border-color:rgba(143,198,65,.5)}
.ins-edition{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14);font-size:var(--fs-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ins-edition b{font-family:var(--font-head);font-size:var(--fs-num);line-height:1;text-transform:none;color:var(--lime)}
.ins-edition sup{font-size:.45em;vertical-align:super}
.ins-editions h3{font-family:var(--font-head);font-size:var(--fs-h3);line-height:1.2;color:#fff}
.ins-editions p:not(.ins-edition){margin:0;color:rgba(255,255,255,.76);font-size:var(--fs-small);line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width:760px){
  html .ins-page .ins-search{flex-basis:100%;margin-left:0}
  .ins-lead-board .ins-card.is-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:240px auto;min-height:0}
  .ins-lead-board .ins-card.is-more,.ins-lead-board:has(> .is-more:nth-child(2):last-child) .is-more,.ins-lead-board:has(> .is-more:nth-child(3):last-child) .is-more{grid-column:auto}
  .ins-sweep{width:90vw;height:320px;opacity:.7}
}
@media (min-width:761px) and (max-width:1180px){
  .ins-lead-board .ins-card.is-more,.ins-lead-board:has(> .is-more:nth-child(2):last-child) .is-more,.ins-lead-board:has(> .is-more:nth-child(3):last-child) .is-more{grid-column:span 1}
  .ins-lead-board .is-more:last-child:nth-child(even){grid-column:1 / -1}
}