.chapters{background:#000}.chapters__chapter{align-items:end;min-height:80svh;display:grid;position:relative;overflow:hidden}.chapters__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chapters__scrim{background:linear-gradient(#0000001a 0%,#00000040 45%,#000000d1 100%);position:absolute;inset:0}.chapters__copy{gap:.75rem;max-width:44rem;padding:clamp(1.5rem,6vw,5rem) clamp(1.5rem,6vw,5rem) clamp(2.5rem,8vw,5rem);display:grid;position:relative}.chapters__label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cyan);margin:0;font-size:.85rem}.chapters__title{font-family:var(--font-display);text-transform:uppercase;color:var(--white);margin:0;font-size:clamp(2.6rem,9vw,6rem);line-height:.95}.chapters__text{color:#f7f5f0db;max-width:32rem;margin:0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.5}.chapters__cta{width:fit-content;min-height:48px;color:var(--white);letter-spacing:.06em;text-transform:uppercase;border:1px solid #f7f5f099;border-radius:999px;align-items:center;margin-top:.5rem;padding:0 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.chapters__cta:hover,.chapters__cta:focus-visible{background:var(--white);color:var(--black)}.chapters__progress{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.chapters{view-timeline:--chapters block;height:400svh}.chapters__stage{height:100svh;position:sticky;top:0;overflow:hidden}.chapters__chapter{opacity:0;visibility:hidden;min-height:0;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--chapters;position:absolute;inset:0}.chapters__chapter--1{animation-name:chapters-first;animation-range:cover cover 44%}.chapters__chapter--2{animation-name:chapters-middle;animation-range:cover 36% cover 64%}.chapters__chapter--3{animation-name:chapters-last;animation-range:cover 56%}.chapters__img{animation:linear both chapters-zoom;animation-timeline:--chapters}.chapters__chapter--1 .chapters__img{animation-range:cover cover 44%}.chapters__chapter--2 .chapters__img{animation-range:cover 36% cover 64%}.chapters__chapter--3 .chapters__img{animation-range:cover 56%}.chapters__copy{animation:linear both chapters-drift;animation-timeline:--chapters}.chapters__chapter--1 .chapters__copy{animation-range:cover cover 44%}.chapters__chapter--2 .chapters__copy{animation-range:cover 36% cover 64%}.chapters__chapter--3 .chapters__copy{animation-range:cover 56%}.chapters__progress{z-index:2;background:#f7f5f033;height:2px;display:block;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1.5rem,6vw,5rem);right:clamp(1.5rem,6vw,5rem)}.chapters__progress span{background:var(--accent-cyan);transform-origin:0;height:100%;animation:linear both chapters-progress;animation-timeline:--chapters;animation-range:cover 20% cover 80%;display:block;transform:scaleX(0)}}}@keyframes chapters-first{0%,81.8%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes chapters-middle{0%{opacity:0;visibility:hidden}28.6%,71.4%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes chapters-last{0%{opacity:0;visibility:hidden}18.2%,to{opacity:1;visibility:visible}}@keyframes chapters-zoom{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes chapters-drift{0%{transform:translateY(36px)}to{transform:translateY(-36px)}}@keyframes chapters-progress{to{transform:scaleX(1)}}
