*,*:before,*:after{margin:0;padding:0;border:unset;box-sizing:border-box;line-height:1}@font-face{font-family:spaceGrotesk;src:url(../../../fonts/space-grotesk-variable.ttf)}@font-face{font-family:spaceMonoRegular;src:url(../../../fonts/space-mono-regular.ttf)}@font-face{font-family:spaceMonoBold;src:url(../../../fonts/space-mono-bold.ttf)}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;src:local("Roboto"),local("Roboto Regular"),url(../../../fonts/roboto-variable.ttf) format("truetype")}html{scroll-behavior:smooth}body{--space-170: hsl(238, 51%, 31%);--space-160: hsl(238, 43%, 26%);--space-140: hsl(237, 40%, 21%);--space-100: hsl(238, 35%, 15%);--space-100-low-opacity: hsla(238, 40%, 13%, .904);--space-60: hsl(228, 17%, 35%);--space-30: hsl(228, 11%, 63%);--space-10: hsl(243, 10%, 61%);--space-low-opacity: hsla(238, 35%, 15%, .5);--cleanroom-170: hsl(14, 86%, 43%);--cleanroom-160: hsl(13, 84%, 48%);--cleanroom-140: hsl(14, 83%, 52%);--cleanroom-100: hsl(13, 82%, 56%);--cleanroom-60: hsl(16, 100%, 75%);--cleanroom-30: hsl(18, 97%, 86%);--cleanroom-10: hsl(18, 100%, 90%);--cleanroom-low-opacity: hsla(13, 82%, 56%, .5);--ultra-170: hsl(234, 58%, 43%);--ultra-160: hsl(235, 52%, 38%);--ultra-140: hsl(234, 48%, 34%);--ultra-100: hsl(235, 45%, 29%);--ultra-60: hsl(226, 25%, 51%);--ultra-30: hsl(229, 24%, 73%);--ultra-10: hsl(230, 18%, 80%);--ultra-low-opacity: hsla(235, 45%, 29%, .5);--black: hsl(0, 0%, 0%);--dark-grey: hsl(0, 0%, 20%);--grey: hsl(0, 0%, 40%);--light-grey: hsl(0, 0%, 60%);--lightest-grey: hsl(0, 0%, 80%);--white: hsl(0, 0%, 100%);--white-low-opacity: hsla(0, 0%, 100%, .5);--heading: spaceGrotesk;--paragraph: Roboto;--subtext: spaceMonoBold;background:var(--space-100);color:var(--white);font-family:var(--paragraph)}a,span,input,button,select,textarea{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-decoration:none}*::selection{background:var(--cleanroom-60);color:var(--space-100)}main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.25rem;margin-inline:1.5rem}@media (min-width: 56.25rem){main{grid-template-columns:repeat(12,1fr)}}main>*{padding:0 1.5rem;margin-inline:-1.5rem;grid-column:1 / -1}h1,h2,h3,h4,h5,h6{font-weight:400}.title{font-family:SpaceGrotesk;font-size:clamp(2.5rem,5vw + 1rem,4.375rem);line-height:clamp(2.5rem,5vw + 1rem,4.625rem);letter-spacing:-.02em}.subtitle{font-family:SpaceGrotesk;font-size:clamp(2.25rem,4.1vw + 1rem,3.75rem);line-height:calc(1em + .25rem);letter-spacing:-.02em}.section_title{font-family:SpaceGrotesk;font-size:clamp(2rem,3.5vw + 1rem,2.875rem);line-height:clamp(2.5rem,3.5vw + 1rem,3.125rem);letter-spacing:-.01em;text-transform:uppercase;font-weight:500}@media (min-width: 56.25rem){.section_title{font-weight:400}}.heading{font-family:SpaceGrotesk;font-size:clamp(1.5rem,1.8vw + 1rem,2.25rem);line-height:clamp(2rem,1.8vw + 1rem,2.5rem);font-weight:500}@media (min-width: 56.25rem){.heading{font-weight:400}}.subheading{font-family:SpaceGrotesk;font-size:clamp(1.125rem,2vw + .5rem,1.75rem);line-height:clamp(2rem,2vw + .5rem,2.5rem);font-weight:500}.caption{font-family:SpaceGrotesk;font-size:clamp(1.125rem,2vw + .5rem,1.75rem);line-height:clamp(2rem,2vw + .5rem,2.5rem)}.paragraph{font-size:clamp(1rem,1vw + .5rem,1.25rem);line-height:1.5rem}.supporting{font-size:clamp(1rem,1vw + .5rem,1.125rem);line-height:1.5rem;letter-spacing:-.02em;font-weight:600;font-family:var(--subtext)}.link{font-family:SpaceGrotesk;font-size:clamp(1.125rem,1.5vw + .75rem,1.375rem);line-height:clamp(1.625rem,1.5vw + 1rem,2rem)}a:focus-visible{outline:2px dashed var(--cleanroom-140)}header.main-navigation{font-family:SpaceGrotesk;display:flex;background:transparent;justify-content:flex-end;color:var(--white);z-index:10;position:relative}@supports (animation-timeline: view()){header.main-navigation{animation:anim-timeline--header-opacity 1ms ease both;animation-timeline:scroll(root);animation-range:2rem 8rem}}@media (min-width: 56.25rem){header.main-navigation{padding:1.5rem 4rem 1.25rem 5.5rem;background:var(--space-100);justify-content:initial;position:sticky;top:0}@supports (animation-timeline: view()){header.main-navigation{background:transparent}}}header.main-navigation a{transition:font-weight .3s ease-in-out}header.main-navigation a.menu-button{height:3.75rem;background:var(--cleanroom-100);text-align:center;aspect-ratio:1;padding:.5rem;color:inherit;background:var(--ultra-170);display:flex;align-items:center;flex-direction:column;justify-content:space-between;position:fixed;top:0}@media (min-width: 56.25rem){header.main-navigation a.menu-button{display:none}}header.main-navigation a.menu-button span.lines{height:.125rem;width:85%;background:currentColor;display:block}header.main-navigation a.menu-button span.lines:first-child{margin-top:.25rem}header.main-navigation a.menu-button span.lines+.lines{margin-top:.375rem}header.main-navigation nav{background:var(--ultra-170);transform:translate(100%);justify-self:end;position:fixed;height:100%;max-width:22.5rem;width:100%;transition:transform .3s ease}header.main-navigation nav a.menu-button:before{content:"";position:fixed;width:100vw;height:100vh;transform:unset;background:var(--space-low-opacity);z-index:-10;inset:unset;top:0;left:-100vw;opacity:0;pointer-events:none;transition:opacity .3s ease}header.main-navigation nav:target{transform:translate(0)}header.main-navigation nav:target a.menu-button:before{content:"";position:fixed;width:100vw;height:100vh;transform:unset;z-index:-1;inset:unset;top:0;left:-100vw;opacity:1;pointer-events:visibleFill}@media (min-width: 56.25rem){header.main-navigation nav{background:inherit;transform:translate(0);position:initial;width:initial}}header.main-navigation nav ul{display:flex;flex-direction:column;gap:2.5rem;width:fit-content;width:100%;padding:4rem 2rem 1rem}@media (min-width: 56.25rem){header.main-navigation nav ul{align-items:flex-end;padding-top:1rem;gap:1.5rem;width:initial;flex-direction:row}}header.main-navigation nav ul li{display:flex;flex-direction:row-reverse;width:fit-content;align-items:center}header.main-navigation nav ul li:first-child{display:flex;position:fixed;top:0;right:0;align-self:flex-end}header.main-navigation nav ul li.exact-active{font-weight:800}header.main-navigation nav ul li svg{transform:rotate(180deg);animation:anim-arrow--opacity 3s linear infinite}header.main-navigation nav ul li svg path{fill:var(--white)}@media (min-width: 56.25rem){header.main-navigation nav ul li{display:block}header.main-navigation nav ul li:hover a{font-weight:800;color:var(--cleanroom-60)}header.main-navigation nav ul li:hover a:before{transform:scaleX(1);transform-origin:left}header.main-navigation nav ul li svg{transform:rotate(90deg)}}@media (min-width: 56.25rem){header.main-navigation nav ul li{display:flex;flex-direction:column}header.main-navigation nav ul li svg,header.main-navigation nav ul li svg path{fill:var(--cleanroom-100)}header.main-navigation nav ul li:first-child{display:none}}header.main-navigation nav ul li a{font-weight:inherit;padding:.25rem .5rem;position:relative;display:inline-block}header.main-navigation nav ul li a:before{content:"";position:absolute;inset:0;width:100%;height:100%;transition:transform .3s ease-in-out;transform:scaleX(0);transform-origin:right;background:var(--ultra-60);z-index:-1}header.main-navigation nav ul li a.menu-button{height:3.75rem}header.main-navigation nav ul li a.menu-button>.lines{--thickness: 2px;--gradient: #fff0 90deg, var(--white) 0;background:conic-gradient(from 90deg at var(--thickness) var(--thickness),var(--gradient)) calc(100% + var(--thickness) / 2) calc(100% + var(--thickness) / 2) / calc(50% + var(--thickness)) calc(50% + var(--thickness));transform-origin:unset;height:unset;width:1.875rem;aspect-ratio:1;rotate:45deg}@keyframes anim-arrow--opacity{30%{opacity:1}45%{opacity:.6}55%{opacity:.6}70%{opacity:1}}@keyframes anim-timeline--header-opacity{to{background-color:var(--space-100)}}