/* /blog/seachange additions, loaded after /css/earthchild.css (the shared
   Initiatives article layout). Earthchild has no class for these blocks of
   the rhise.ai Sea Change article, so they are redrawn here in the white
   Lucie palette: the two-line headline, the kelp figures, the TIME feature,
   the landscape photo pair and the Sea Change "about" box. */

.art-head.wide{max-width:1160px}
.art-head.wide h1{font-size:clamp(36px,4.6vw,60px)}
.art-head.wide h1 .w{display:block}
.art-head.wide h1 em{display:block;font-style:normal;color:var(--grey)}
.art-head.wide .standfirst{max-width:860px}
@media (min-width:900px){.art-head.wide h1 .w,.art-head.wide h1 em{white-space:nowrap}}
.hero-img .ph img{object-position:50% 62%}

.row2w{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.row2w .ph{aspect-ratio:3/2;border-radius:0}

.facts-wrap{margin:12px auto 56px}
.facts-wrap .facts{margin:0}
.facts-wrap .facts div{padding:32px 28px 28px}
.facts-wrap .facts b{font-size:clamp(34px,3.6vw,48px);letter-spacing:-.04em}
.facts-wrap .facts span{margin-top:12px;font-size:14px}

.feature{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;background:var(--panel);border-radius:28px;padding:44px}
.feature .ph{aspect-ratio:3/4;border-radius:8px;box-shadow:0 24px 50px rgba(10,20,40,.22)}
.feature .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:500}
.feature h3{font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-top:14px}
.feature p{font-family:Charter,'Iowan Old Style','Source Serif Pro',Georgia,serif;font-size:18px;line-height:1.62;color:var(--text);margin-top:16px}
.feature q{display:block;font-family:Charter,'Iowan Old Style','Source Serif Pro',Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;color:var(--ink);margin-top:22px;padding-left:18px;border-left:2px solid var(--blue)}
.feature cite{display:block;font-style:normal;font-size:14px;color:var(--grey);margin-top:10px;padding-left:20px}

.about{background:var(--panel);border-radius:20px;padding:26px 28px;margin:8px 0 36px}
.about b{display:block;font-size:18px;font-weight:600;color:var(--ink)}
.article .about p{font-size:17px;margin:8px 0 0}

.pull{text-wrap:balance}

@media(max-width:900px){
  .facts-wrap .facts div{padding:24px 20px}
}
@media(max-width:760px){
  .feature{grid-template-columns:1fr;gap:26px;padding:28px 24px}
  .feature .ph{max-width:240px}
  .row2w{grid-template-columns:1fr}
}
@media(max-width:600px){
  .art-head.wide h1{font-size:clamp(30px,8.4vw,36px);letter-spacing:-.03em;line-height:1.08}
  .art-head.wide .standfirst{font-size:17px;line-height:1.55}
  .facts-wrap .facts span{font-size:13px}
}

/* Polish after the first preview: the TIME eyebrow is sans like every other
   eyebrow, fact labels never strand a word, the back link stays on one line. */
.feature p.k{font-family:inherit;font-size:12px;line-height:1.4;margin-top:0}
.facts-wrap .facts span{text-wrap:balance}
.next a{white-space:nowrap}