/* Artwork contains no interface text. All headings, captions and links are HTML. */
.hero{height:auto;min-height:540px;display:grid;align-items:center}
.hero>img{position:absolute;inset:0;display:block;object-position:center}
.hero-copy{position:relative;top:auto;left:auto;width:min(44%,530px);margin:64px 0 64px 5vw}
.hero-copy h1{font-size:clamp(40px,3.7vw,56px);line-height:1.08}
.hero-shade{background:linear-gradient(90deg,rgba(246,242,233,.94),rgba(246,242,233,.72) 30%,rgba(246,242,233,.08) 62%,transparent)}
.hero-index{top:64px;right:3vw;gap:10px}
.hero-index span{font-size:12px;letter-spacing:.12em}
.explore-cards{align-items:stretch}
.explore-cards article{display:flex;flex-direction:column;min-width:0}
.explore-cards img{display:block;aspect-ratio:3/2;height:auto;object-fit:cover}
.explore-cards h4{margin-top:16px}
.explore-cards p{margin-bottom:8px}
.explore-button{margin-top:auto;align-self:flex-start;padding-inline:0}
.commitment img{display:block;aspect-ratio:3/2;height:auto;object-fit:cover}
.welcome-grid,.lower-grid{max-width:1680px;margin-inline:auto}
.welcome,.explore,.version-summary,.commitment{min-width:0}
.glance>div{grid-template-columns:minmax(72px,auto) 1fr;gap:10px}
.tag{max-width:calc(100% - 24px);overflow-wrap:anywhere}
@media(max-width:1100px){
  .commitment img{height:100%;min-height:0}
}
@media(max-width:950px){
  .hero-copy{width:min(57%,510px);margin-left:5vw}
  .hero-index{display:none}
}
@media(max-width:600px){
  .topbar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 16px;overflow:visible;margin-top:16px}
  .topbar nav a{width:max-content;max-width:100%;white-space:normal;font-size:14px}
  .hero{display:flex;flex-direction:column;min-height:0;overflow:visible}
  .hero>img{position:static;height:280px;width:100%;object-fit:cover;object-position:72% center}
  .hero-shade{display:none}
  .hero-copy{width:100%;margin:0;padding:28px 22px 34px;background:var(--paper)}
  .hero-copy h1{font-size:clamp(32px,8.8vw,44px);margin-bottom:20px}
  .hero-copy .quote{font-size:18px;line-height:1.5}
  .hero-copy>span{display:block;line-height:1.7}
  .explore-cards img{aspect-ratio:3/2}
  .commitment img{height:auto;min-height:0;aspect-ratio:3/2}
  .layer-img{height:64px}
  .tag{max-width:calc(100% - 20px)}
}