*{box-sizing:border-box}html{overscroll-behavior:contain}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{--activeColor: rgb(240 240 240);--navBgColor: rgb(37 38 41);--navTextColor: rgb(144 144 150);--mainBg: rgb(20 20 23);font-family:Syncopate,sans-serif;min-height:100vh;margin:0;color:#141417;background:var(--mainBg)}img{display:block;width:100%;height:auto;max-width:100%}section{--h: calc(var(--i) * 25);min-height:100vh;padding:8rem 0 max(5vh,2rem);display:flex;justify-content:center;align-items:center;background-color:hsl(var(--h, 0) 20% 50%)}.container{width:100%;max-width:80rem;padding:0 max(5vw,1rem);transform-style:perspective-3d;perspective:900px}@media (min-width: 32em){.container{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem}}nav{position:fixed;top:0;left:0;width:100%;background:var(--navBgColor);color:var(--navTextColor);z-index:2;height:6rem}nav:after{content:"";position:absolute;top:1.7rem;left:0;width:100%;height:.25rem;background:currentColor;pointer-events:none}.marker{position:fixed;top:1.75rem;left:4rem;width:1rem;height:1rem;transform:translate3d(-50%,-50%,0);background:var(--activeColor);border-radius:100%;z-index:2000}.marker:before{content:"";position:absolute;top:calc(50% - .2rem);right:100%;width:4rem;height:.4rem;background-color:var(--activeColor)}.nav__track{position:relative;min-width:max(200rem,200%);padding:1.5rem max(100rem,100%) 0 0;height:6rem}.nav__list{list-style:none;display:flex;justify-content:space-between;margin:0;padding:0}.nav__link{position:relative;display:block;min-width:8rem;padding:2.25rem 1rem .5rem;text-align:center;color:inherit;text-decoration:none;z-index:1;transition:color .15s}.nav__link:hover,.nav__link:focus{color:var(--activeColor);text-decoration:underline}.nav__link:after{content:"";position:absolute;top:0;left:50%;width:.65rem;height:.65rem;background-color:currentColor;border-radius:50%;transform:translate3d(-50%,0,0);transform-origin:center center}.nav__link span{display:block;transition:transform .2s}.nav__link.is-active span{transform:scale(1.4);color:var(--activeColor)}.nav__link.is-active:after{display:none}.section__heading{font-size:clamp(2rem,12vmin,7rem);line-height:1;letter-spacing:-.06em;margin:0 0 1rem;grid-row:1;grid-column:1 / span 7;align-self:end;position:relative;z-index:1}.section__heading span{display:block}.section__heading span:first-child{font-size:clamp(1rem,10vmin,5rem)}.section__heading span:nth-child(2){word-break:break-word}.section__image{grid-row:1;grid-column:5 / span 3;position:relative;box-shadow:.45rem .45rem 8rem #0000004d;align-self:center}.section__image:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:hsl(var(--h, 0) 50% 50%);mix-blend-mode:screen}.section__image img{filter:brightness(.5) grayscale(100%)}