*{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) * 30);min-height:100vh;padding:8rem 0 max(5vh,2rem);display:flex;justify-content:center;background-color:hsl(var(--h, 0),75%,60%)}.container{width:100%;padding:0 max(5vw,1rem);transform-style:preserve-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:7rem}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:400rem;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,3rem);line-height:1;letter-spacing:-.06em;margin:0 0 1rem;grid-row:1;grid-column:1/span 4;align-self:start;position:relative;z-index:1}.section__tasks{grid-row:2;grid-column:1/span 4}.section__tasks p{font-size:20px}.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:2;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%)}