/* A continuous illustrated history, using the established Yeti type and colours. */
.story-page figure{margin:0}
.story-page h1,.story-page h2{font-weight:600}
.story-page section[id]{scroll-margin-top:95px}
.story-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:62px 0 64px}
.story-hero h1{font-size:clamp(3rem,4.65vw,4.75rem);line-height:1.13;letter-spacing:-.05em;margin-bottom:28px}
.story-hero-copy>p:not(.small-heading){font-size:1.25rem;max-width:480px;line-height:1.75}
.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-top:30px}
.story-hero-art{align-self:center;min-width:0}
.story-hero-art img{width:100%;mix-blend-mode:multiply}
.story-page figcaption{font-size:.875rem;text-align:center;color:var(--muted);margin-top:18px}
.story-chapters{position:sticky;top:0;z-index:8;background:var(--yellow);border-block:1px solid #04265718}
.story-chapters>.wrap{display:flex;gap:40px;align-items:center;min-height:73px}
.chapter-label{font-size:.875rem;white-space:nowrap}
.chapter-links{display:flex;justify-content:space-between;gap:25px;flex:1;overflow-x:auto;scrollbar-width:thin;padding:10px 3px}
.chapter-links a{white-space:nowrap;font-weight:600;font-size:.9375rem;padding:8px 0;border-bottom:2px solid transparent}
.chapter-links a:hover,.chapter-links a[aria-current=location]{border-color:var(--navy)}
.story-chapter{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:100px 5%}
.story-date{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:1rem;max-width:270px;line-height:1.5}
.story-year{font-family:var(--display);font-size:clamp(4.5rem,7.8vw,7.5rem);font-weight:600;line-height:1;letter-spacing:-.065em}
.story-prose h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.22;letter-spacing:-.04em;margin-bottom:27px}
.story-prose p{font-size:1.125rem;line-height:1.85;max-width:605px}
.story-prose p+p{margin-top:20px}
.story-prose .story-aside{font-size:1rem;color:var(--teal);font-style:italic;margin-top:30px}
.story-pets{background:#eef4f2;border-radius:50% 0 0 0 / 30px 0 0 0}
.story-prose .story-pull{font-family:var(--display);font-size:1.5rem;font-weight:500;line-height:1.6;color:var(--teal);margin-top:30px}
.story-name{text-align:center;padding:92px 0 98px}
.story-name h2{font-size:2.5rem;line-height:1.25}
.name-evolution{font-family:var(--display);font-size:clamp(3rem,7.8vw,7rem);font-weight:400;letter-spacing:-.06em;line-height:1.4;margin:22px 0 20px}
.name-evolution s{color:#5a6d7c;text-decoration-color:var(--teal);text-decoration-thickness:3px}
.name-evolution strong{font-weight:600;display:inline-block;padding-inline:10px;background:linear-gradient(transparent 71%,var(--yellow) 71%,var(--yellow) 94%,transparent 94%)}
.story-name>p:not(.small-heading){max-width:660px;margin:auto;font-size:1.125rem;line-height:1.85}
.name-footnote{display:block;font-style:italic;font-size:1rem;margin-top:24px;color:var(--teal)}
.story-america{background:var(--navy);color:white;padding:94px 0 90px}
.story-america>.wrap{padding-inline:4%}
.america-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end}
.america-heading .small-heading{color:var(--yellow)}
.america-heading h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.25;letter-spacing:-.035em}
.america-heading>p{font-size:1.125rem;line-height:1.85;color:#d5dfed}
.story-work{margin:52px 0 0;padding:0}
.story-work>div{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;border-top:1px solid #ffffff32;padding:25px 0}
.story-work dt{font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.55}
.story-work dd{font-size:1.0625rem;line-height:1.8;color:#d5dfed;margin:0}
.america-takeaway{font-family:var(--display);font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.65;font-weight:500;margin-top:43px}
.america-takeaway em{font-style:normal;color:var(--yellow)}
.story-page .publisher-proof{padding-block:42px;border-bottom:1px solid var(--line)}
.story-next{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:100px 4% 90px}
.story-next-copy h2{font-size:clamp(2.5rem,4.1vw,4rem);line-height:1.2;letter-spacing:-.045em;margin-bottom:29px}
.story-next-copy>p:not(.small-heading){font-size:1.125rem;line-height:1.85;max-width:550px}
.story-next-copy>p+p{margin-top:20px}
.story-next .quiet-link{margin-top:18px}
.story-next-art{min-width:0}
.story-next-art img{mix-blend-mode:multiply}
.story-page .about-purpose{border-radius:0}
.story-page .team-section{scroll-margin-top:95px}
.story-page .team-bio{font-size:1rem}
.story-page .team-role,.story-page .team-profile summary{font-size:.875rem}
.story-page .contributor-grid .team-bio{font-size:1rem}
@media(min-width:1650px){.story-hero{gap:45px}.story-hero h1{font-size:5rem}}
@media(max-width:1100px){
  .story-hero{padding-top:42px;gap:20px}.story-hero h1{font-size:3.5rem}.story-hero-copy>p:not(.small-heading){font-size:1.125rem}
  .story-chapter{gap:55px;padding:78px 2%}.story-year{font-size:5.5rem}.story-prose h2{font-size:2.25rem}
  .story-next{gap:30px;padding:78px 2%}.story-next-copy h2{font-size:3rem}
  .story-america>.wrap{padding-inline:2%}.story-america{padding-block:78px}.america-heading{gap:6%}.america-heading>p{font-size:1.0625rem}
}
@media(max-width:850px){
  .story-hero{grid-template-columns:1fr;padding-top:26px;gap:30px}.story-hero-copy{max-width:610px}.story-hero h1{font-size:3.5rem}.story-hero-copy>p:not(.small-heading){max-width:530px}.story-hero-art{width:min(100%,560px);justify-self:center}
  .story-chapters>.wrap{gap:24px;min-height:68px}.chapter-label{display:none}.chapter-links{gap:25px}
  .story-chapter{grid-template-columns:.65fr 1.35fr;gap:35px;padding-block:66px}.story-year{font-size:4.5rem}.story-prose h2{font-size:2rem}.story-prose p{font-size:1.0625rem}.story-prose .story-pull{font-size:1.25rem}
  .story-name{padding-block:68px}.story-name h2{font-size:2.125rem}.name-evolution{font-size:3.75rem}
  .america-heading{grid-template-columns:1fr;gap:24px}.america-heading h2{font-size:2.375rem}.america-heading>p{max-width:640px}.story-work{margin-top:36px}.story-work>div{gap:30px;grid-template-columns:1fr 1.3fr}
  .story-next{grid-template-columns:1fr;gap:26px;padding-block:68px}.story-next-copy h2{font-size:3rem}.story-next-copy h2 br:last-child{display:none}.story-next-art{width:min(100%,570px);justify-self:center}.story-next-copy>p:not(.small-heading){max-width:650px}
}
@media(max-width:600px){
  .story-page section[id],.story-page .team-section{scroll-margin-top:82px}
  .story-hero{padding:23px 0 38px;gap:28px}.story-hero h1{font-size:clamp(2.5rem,10vw,3.25rem);line-height:1.17;margin-bottom:23px}.story-hero h1 br{display:none}.story-hero .small-heading{font-size:.9375rem}.story-hero-copy>p:not(.small-heading){font-size:1.125rem;line-height:1.8}.story-actions{gap:15px 25px;margin-top:23px}.story-actions .button{font-size:.9375rem;padding-inline:22px}.story-page figcaption{font-size:.875rem;margin-top:11px}
  .story-chapters>.wrap{width:100%;padding-inline:22px;min-height:63px}.chapter-links{gap:28px;justify-content:flex-start;padding-block:7px}.chapter-links a{font-size:.875rem}
  .story-chapter{display:block;padding:49px 0}.story-date{max-width:none;display:flex;flex-direction:row;align-items:center;gap:25px;margin-bottom:27px}.story-date>span:last-child{max-width:145px;font-size:.9375rem}.story-year{font-size:4rem}.story-prose h2{font-size:2rem;line-height:1.3;margin-bottom:22px}.story-prose p{font-size:1.0625rem;line-height:1.85}.story-prose .story-pull{font-size:1.25rem;line-height:1.6}.story-prose .story-pull br{display:none}.story-pets{border-radius:50% 0 0 0 / 22px 0 0 0}
  .story-name{padding:54px 0}.story-name h2{font-size:2rem}.name-evolution{font-size:clamp(2rem,8.5vw,3.15rem);letter-spacing:-.065em;margin-block:25px}.name-evolution strong{padding-inline:5px}.name-evolution s{text-decoration-thickness:2px}.story-name>p:not(.small-heading){font-size:1.0625rem}.name-footnote{font-size:.9375rem;margin-top:21px}
  .story-america{padding-block:51px}.story-america>.wrap{padding-inline:0}.america-heading h2{font-size:2rem;line-height:1.3}.america-heading>p{font-size:1.0625rem}.story-work{margin-top:29px}.story-work>div{display:block;padding:22px 0}.story-work dt{font-size:1.1875rem;margin-bottom:10px}.story-work dd{font-size:1rem;line-height:1.85}.america-takeaway{font-size:1.375rem;line-height:1.65;margin-top:28px}.america-takeaway em{display:inline-block;margin-top:12px}
  .story-page .publisher-proof{padding-block:29px}.story-next{padding:54px 0;gap:27px}.story-next-copy h2{font-size:2.625rem;line-height:1.23;margin-bottom:24px}.story-next-copy>p:not(.small-heading){font-size:1.0625rem}.story-next-art{width:100%}
  .story-page .team-bio,.story-page .contributor-grid .team-bio{font-size:1rem;line-height:1.75}.story-page .team-role,.story-page .team-profile summary,.story-page .contributor-grid .team-role,.story-page .contributor-grid .team-profile summary{font-size:.875rem}
}
@media(max-width:390px){.story-page .core-team,.story-page .contributor-grid{grid-template-columns:1fr}.story-page .team-portrait{max-width:235px}.story-page .contributor-grid .team-person h3{min-height:0}.story-page .team-person h3{font-size:1.25rem}.story-actions{gap:8px 24px}}
