/* Native HTML is the complete baseline; live graphics enhance the first section. */
body:not(.live-experience) .scroll-cue,body:not(.live-experience) .statement{display:none}
body.live-experience .artwork-chapters{display:none}
.artwork-chapters{background:#0b1117}
.artwork-chapter{position:relative;min-height:560px;min-height:clamp(560px,62.5vw,1000px);display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid #d5dee322}
.artwork-chapter>picture{position:absolute;inset:0;z-index:-2}
.artwork-chapter img{display:block;width:100%;height:100%;object-fit:cover}
.artwork-chapter::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e15e8,transparent 85%);z-index:-1}
.artwork-chapter>div{padding:80px 0 80px 12.8%;max-width:620px}
.artwork-chapter h2{font-size:clamp(2.125rem,3.8vw,3.5rem);line-height:1.12;font-weight:400;letter-spacing:-.045em;margin:0}
.artwork-chapter p:not(.example-eyebrow){font-size:1rem;line-height:1.8;color:#d0d9df;margin:24px 0 0;max-width:38ch}
.approach-motion{display:flex;flex-wrap:wrap;gap:12px 24px}
.approach-motion [data-experience-toggle]{text-decoration:underline;text-underline-offset:4px;font-size:1rem}
#experience-note{font-size:1rem;color:#a5b4bf;line-height:1.6;margin:0;width:100%}
@media(max-width:700px){
 .artwork-chapter{display:flex;flex-direction:column;min-height:0;align-items:stretch}
 .artwork-chapter>picture{position:relative;inset:auto;width:100%;height:134vw;flex-shrink:0}
 .artwork-chapter img{position:absolute;inset:0;object-fit:cover;object-position:center}
 .artwork-chapter::after{display:none}
 .artwork-chapter>div{padding:28px 22px 48px;max-width:none}
 .artwork-chapter h2{font-size:2.125rem;max-width:16ch}
 .artwork-chapter .example-eyebrow{font-size:0.6875rem;margin-bottom:14px}
 .artwork-chapter p:not(.example-eyebrow){font-size:1rem;margin-top:18px;max-width:45ch}
}

.artwork-chapter h2{overflow-wrap:break-word}