@font-face{font-display:swap;font-family:Futura Now Headline;font-style:normal;font-weight:400;src:url(/fonts/FuturaNowHeadline-CnXBd.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/fonts/Inter-Medium.woff2) format("woff2")}:root{--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--font-family-headline: "Futura Now Headline", sans-serif;--font-family-body: Inter, sans-serif;--padding: 1rem;--gap: 1rem;--color-primary: #fff;--color-onPrimary: #363636;--color-secondary: #d2d2d2;--color-onSecondary: #2c2c2c;--font-h1: 4.125rem/.82 var(--font-family-headline);--font-h2: 2.5rem/.82 var(--font-family-headline);--font-h4: .875rem/1 var(--font-family-headline);--font-h6: 500 .5625rem/1 var(--font-family-body);--font-body: 500 1rem/1.3 var(--font-family-body);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-elastic: linear(0, .5737 7.6%, .8382 11.87%, .9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, .9995 46.99%, .9872 51.63%, .9842 58.77%, 1.0011 81.26%, 1);--ease-out-elastic-100-30: linear(0, .2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, .941 24.01%, .8912 25.91%, .8694 27.84%, .8698 29.21%, .8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, .9961 53.26%, .9839 57.54%, .9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, .9981 86.66%, 1)}@media(min-width:768px){:root{--font-h1: 6.25rem/.82 var(--font-family-headline);--font-h2: 4rem/.82 var(--font-family-headline)}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html{color:var(--color-onPrimary);font-family:var(--font-family-headline);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-size-adjust:100%}html,body{background-color:var(--color-primary);overflow:clip visible;width:100%}body{min-height:100dvh}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg,video,mux-video{display:block;height:auto;max-width:100%}h1,h2,h3,h4,p{text-wrap:balance}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font:var(--font-h1);font-feature-settings:"cpsp" on}h1,h2{letter-spacing:-.02em;text-transform:uppercase}h2{font:var(--font-h2);font-feature-settings:"cpsp" on}h4{font:var(--font-h4);font-feature-settings:"cpsp" on;letter-spacing:.1em;text-transform:uppercase}p{font:var(--font-body)}small{font:var(--font-h6);font-feature-settings:"cpsp" on;letter-spacing:.1em;text-transform:uppercase}::selection{background-color:color-mix(in srgb,var(--color-secondary),transparent 60%)}main{background-color:var(--color-primary);position:relative;z-index:1}.index-page{display:flex;flex-direction:column;gap:8rem}@media(min-width:768px){.index-page{gap:12rem}}.index-page section{display:flex;flex-direction:column;gap:2.5rem}.button{background-color:var(--color-secondary);border:0;border-radius:50rem;color:var(--color-onPrimary);cursor:pointer;font:1rem/1 var(--font-family-headline);padding:1rem 2rem;text-transform:uppercase;transition:.8s scale var(--ease-out-elastic),.8s box-shadow var(--ease-out-elastic);width:fit-content}@media(any-hover:hover){.button:hover{box-shadow:var(--shadow);scale:1.05}}.button:active{scale:.95!important}.header{color:var(--color-onPrimary);display:flex;justify-content:end;left:0;padding:var(--padding);pointer-events:none;position:fixed;top:max(calc(var(--safe-top) - var(--padding)),0px);width:100%;z-index:3}.header__nav{align-items:center;background:#d2d2d2;border-radius:50%;cursor:pointer;display:inline-block;flex:0 0 auto;height:44px;justify-content:center;overflow:hidden;padding:0;pointer-events:auto;position:relative;transition:transform .16s ease;-webkit-user-select:none;user-select:none;width:44px}.header__nav:hover,.header__nav:focus-visible{box-shadow:none;scale:none;transform:scale(1.08)}.head,.head svg{display:block;height:100%;width:100%}.head{position:relative}.head .frame{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:none;pointer-events:none}.head .frame.active{display:block}.head .frame svg{display:block;width:100%;height:100%;overflow:visible}.frame-left svg{transform:translate(-1.9%,1%) scale(.985);transform-origin:center}.frame-middle svg{transform:translate(-.8%,.3%) scale(.99);transform-origin:center}.frame-front svg{transform:translate(2.5%,.2%) scale(.99);transform-origin:center}.header .head svg path{fill:var(--color-onPrimary)!important;stroke:var(--color-onPrimary)!important}.hero{container:hero / inline-block;display:grid;grid-template-areas:"top" "mid" "bot";min-height:100svh;padding:max(var(--safe-top),var(--padding)) max(var(--safe-right),var(--padding)) max(var(--safe-bottom),var(--padding)) max(var(--safe-left),var(--padding));place-items:center;text-align:center;width:100%}.hero__top{grid-area:top}.hero__mid{align-items:center;display:flex;flex-direction:column;gap:min(4rem,6cqb);grid-area:mid}.hero__mid h1,.hero__mid h2{font:var(--font-h1);font-size:max(3.8rem,7cqi);max-width:12em;text-align:center}.hero__mid h2{color:var(--color-secondary)}.hero__mid .word{display:inline-block;transform-origin:bottom;will-change:transform}.hero__mid .space{display:inline-block;height:1em;width:.3ch}.hero__bot,.hero__top{align-items:center;display:flex;flex-direction:column;gap:.6rem}.hero__bot{grid-area:bot}.hero__clients,.hero__location{font:var(--font-h4);letter-spacing:.09em;max-width:22em;text-transform:uppercase}.hero small{color:var(--color-secondary);text-align:center}.hero__images{align-items:center;display:flex;justify-content:center;pointer-events:none;position:relative;touch-action:none;width:100%;z-index:1}.hero__image{aspect-ratio:1;border-radius:1rem;display:grid;width:clamp(6rem,100%,14cqi)}.hero__image:not(:last-child){margin-right:-6%}.hero__image .shadow,.hero__image img{border-radius:inherit;grid-area:1 / 1;translate:calc(var(--offsetX) * 1px) calc(var(--offsetY) * 1px + var(--translateY))}.hero__image .shadow{box-shadow:var(--shadow)}.hero__image img{pointer-events:auto;width:100%}.hero__image:nth-child(4) img{scale:1.1}.hero__image:first-child>*{--translateY: 5%;rotate:calc(2deg - var(--velocity) * .25deg)}.hero__image:nth-child(2)>*{--translateY: -6%;rotate:calc(-3deg - var(--velocity) * .25deg)}.hero__image:nth-child(3)>*{--translateY: 5%;rotate:calc(6deg - var(--velocity) * .25deg)}.hero__image:nth-child(4)>*{--translateY: -4%;rotate:calc(-2deg - var(--velocity) * .25deg)}.hero:not([mounted=true]) .hero__image{scale:0}.hero:not([mounted=true]) .word{scale:1 0;translate:0 .25ch}.hero:not([mounted=true]) .hero__bot,.hero:not([mounted=true]) .hero__top{opacity:0}.hero[mounted=true] .hero__image{transition:1s scale var(--ease-out-elastic);transition-delay:calc(var(--delay) * .08s + .4s)}.hero[mounted=true] .word{transition:.8s scale var(--ease-out-elastic),.8s translate var(--ease-out-elastic);transition-delay:calc(var(--delay) * .1s)}.hero[mounted=true] .hero__bot,.hero[mounted=true] .hero__top{transition:1.2s opacity var(--ease-out-sine);transition-delay:.25s}.text-block{align-items:center;display:flex;flex-direction:column;gap:var(--gap);padding:0 var(--padding);padding-bottom:1rem;text-align:center}.text-block__title{font:var(--font-h2);font-feature-settings:"cpsp" on;letter-spacing:-.02em;text-transform:uppercase}.text-block__description{max-width:24em}.carousel{--gap: var(--carousel-gap, 16);--offset: var(--carousel-offset, 0);--pointer-offset: 0;--slide-width: var(--carousel-slide-width, 480);--center-padding: var(--carousel-center-padding, 0);cursor:grab;height:clamp(23.5rem,67vw,34rem);overflow-x:clip;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.carousel:active{cursor:grabbing}.carousel:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-2px}.carousel__track{--offset-centered: (var(--offset) + var(--pointer-offset)) - var(--center-padding);align-items:center;display:flex;gap:calc(var(--gap) * 1px);height:100%;translate:calc((var(--offset) + var(--pointer-offset)) * -1px) 0;width:fit-content}.carousel__slide{--slide-pos: calc((var(--slide-width) + var(--gap)) * var(--slide-idx) + var(--slide-offset));--transform: calc(var(--slide-pos) - var(--offset-centered));align-items:center;display:flex;flex:0 0 min(30rem,80vw);flex-direction:column;gap:1rem;height:100%;justify-content:center;translate:calc(var(--slide-offset) * 1px);width:min(30rem,80vw)}.carousel__slide img,.carousel__slide mux-video{border-radius:1rem;height:auto;max-height:100%;max-width:100%;object-fit:cover;overflow:clip;transition:1.4s translate var(--ease-out-elastic),1.4s scale var(--ease-out-elastic);-webkit-user-select:none;user-select:none;width:auto}.carousel__slide img[src*="cli/"]{scale:1}.carousel__slide mux-video{aspect-ratio:1}.carousel__slide .button{opacity:cos(var(--transform) * (3.14 / 600))}.carousel.curve .carousel__slide{rotate:calc(var(--transform) * .03deg);transform-origin:50% 70vw;translate:calc(var(--slide-offset) * 1px) calc(cos(var(--transform) * (3.14 / 1000))*-3rem + 3rem)}.carousel:not([inview=true]) .carousel__slide img,.carousel:not([inview=true]) .carousel__slide mux-video{scale:.8;translate:0 20%}.grid{display:grid;gap:min(10vw,5rem);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:0 2rem 10rem;width:100%}@media(min-width:768px){.grid{gap:min(10vw,8rem);grid-template-columns:repeat(3,1fr);padding:2rem 4rem 10rem}}.project{display:grid;place-items:center;width:100%}.project:focus-visible{outline:2px solid var(--color-secondary);outline-offset:7px}.project__image{border-radius:1rem;grid-area:1 / 1;position:relative;transition:1s scale var(--ease-out-elastic);width:100%}@media(min-width:768px)and (max-height:760px){.hero{row-gap:.75rem}.hero__mid{gap:min(2rem,4cqb)}.hero__mid h1,.hero__mid h2{font-size:max(3.8rem,5.25cqi)}.hero__image{width:clamp(6rem,100%,11cqi)}.hero__bot{margin-top:.75rem}}.project__image:not(:first-child){rotate:calc(var(--rotation) * .5deg);translate:calc(var(--posX) * .25%) calc(var(--posY) * .25%)}.project__image .media{align-items:center;border-radius:inherit;display:flex;justify-content:center;position:relative;transition:.8s scale var(--ease-out-elastic)}.project__image img,.project__image mux-video{aspect-ratio:1;border-radius:inherit;object-fit:cover;overflow:clip;width:100%}.project:not([inview=true]) .media{scale:.7}@media(any-hover:hover){.project:hover .project__image:first-child>*{scale:1.01}.project:hover .project__image:nth-child(2)>*{scale:1.02}.project:hover .project__image:nth-child(3)>*{scale:1.03}}.project:active .project__image:first-child>*{scale:.97}.project:active .project__image:nth-child(2)>*{scale:.98}.project:active .project__image:nth-child(3)>*{scale:.99}.color-picker{--toggle-size: 3;--picker-gap: 1.5;--radius: calc(var(--toggle-size) * .5 + var(--picker-gap));--spacing: .75;bottom:max(var(--safe-bottom),var(--padding));display:grid;place-items:center;position:fixed;right:var(--padding);touch-action:none;transition:.5s translate var(--ease-out-elastic),.8s scale var(--ease-out-elastic),.8s visibility;-webkit-user-select:none;user-select:none;z-index:3}.color-picker__toggle{align-items:center;border-radius:50%;box-shadow:var(--shadow);display:flex;grid-area:1 / 1;height:calc(var(--toggle-size) * 1rem);justify-content:center;padding:0;position:relative;width:calc(var(--toggle-size) * 1rem);z-index:2}.color-picker__toggle svg{fill:currentcolor;height:1.4rem;width:1.4rem}.color-picker__toggle:active{scale:.9!important}.color-picker__options{display:grid;grid-area:1 / 1;place-items:center}.color-picker label{--translateY: calc(cos(var(--idx) * var(--spacing) + 1.25) * var(--radius) * 1rem);--translateX: calc(sin(var(--idx) * var(--spacing) + 1.25) * var(--radius) * -1rem);cursor:pointer;grid-area:1 / 1;height:2rem;position:relative;scale:.5;transition-duration:.15s;transition-property:translate,scale;transition-timing-function:var(--ease-in-cubic);width:2rem}.color-picker input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--option-primary);border:1px solid rgb(0 0 0 / 10%);border-radius:50%;cursor:pointer;height:inherit;margin:0;padding:0;width:inherit}.color-picker[open=true] label{scale:1;transition-delay:calc(var(--idx) * .05s);transition-duration:.5s;transition-timing-function:var(--ease-out-elastic);translate:var(--translateX) var(--translateY)}.intersection-phantom,.footer{min-height:100dvh;width:100%}.intersection-phantom{position:relative;z-index:1}.footer{align-items:center;background-color:var(--color-secondary);bottom:0;container:footer / inline-size;display:flex;flex-direction:column;gap:2rem;justify-content:flex-end;left:0;padding:4rem 0;position:fixed;text-align:center;z-index:auto}.footer__title{color:var(--color-primary);font:33cqi/.8 var(--font-family-headline);letter-spacing:-.04em;margin-left:-.05em;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none}.footer__title span{position:relative;top:-.1em}.footer__links,.footer__links__list{align-items:center;display:flex;flex-direction:column}.footer__links{gap:1rem}.footer__links__list{gap:.2rem;list-style:none;margin:0;padding:0}.footer__links__list a{display:block;font:var(--font-h4);text-transform:uppercase;transform-origin:bottom;transition:.15s color var(--ease-in-out-sine),1s transform var(--ease-out-elastic-100-30)}@media(any-hover:hover){.footer__links__list a:hover{color:var(--color-primary);transform:scaleY(1.2)}}.footer small{color:var(--color-primary)}body.is-project-page-open{overflow:hidden}.project-page[hidden]{display:none}.project-page{--page-padding: .5rem;display:flex;height:100dvh;left:0;padding:max(var(--safe-top),var(--page-padding)) max(var(--safe-right),var(--page-padding)) max(var(--safe-bottom),var(--page-padding)) max(var(--safe-left),var(--page-padding));position:fixed;top:0;width:100%;z-index:10}.project-page:before{background-color:#0009;content:"";height:100%;top:0;right:0;bottom:0;left:0;position:fixed;width:100%}.project-page__modal{align-items:center;background-color:var(--color-primary);border-radius:2rem;display:grid;grid-template-rows:3rem 1fr;height:100%;overflow-y:scroll;overscroll-behavior:contain;padding:var(--padding) 0;position:relative;scrollbar-color:transparent transparent;scrollbar-width:thin;transform-origin:center 100vh;scale:.9;transition:scale .6s var(--ease-out-expo);width:100%}.project-page.is-open .project-page__modal{scale:1}.project-page.is-closing .project-page__modal{scale:.9;transition-duration:.2s}.project-page__modal::-webkit-scrollbar{display:none}.custom-scrollbar{position:absolute;top:3.5rem;right:4px;bottom:12px;width:4px;z-index:5;pointer-events:none}.custom-scrollbar__thumb{position:absolute;right:0;width:4px;min-height:16px;border-radius:999px;background:color-mix(in srgb,var(--color-onPrimary),transparent 60%);transform-origin:right center;transition:width .35s var(--ease-out-expo),height .35s var(--ease-out-expo),border-radius .35s var(--ease-out-expo),opacity .4s var(--ease-out-sine),background .3s ease;opacity:0;will-change:transform,width,opacity}.custom-scrollbar__thumb.is-visible{opacity:1}.custom-scrollbar__thumb.is-scrolling{width:4px;background:color-mix(in srgb,var(--color-onPrimary),transparent 40%)}.custom-scrollbar__thumb.is-fast{width:4px;height:10px!important;border-radius:50%;background:color-mix(in srgb,var(--color-onPrimary),transparent 25%)}.custom-scrollbar__thumb.is-overscroll{width:5px;background:color-mix(in srgb,var(--color-onPrimary),transparent 20%)}.project-page__header{display:flex;justify-content:end;padding:0 var(--padding);position:sticky;top:0;width:100%;z-index:1}.modal__close-button{align-items:center;background-color:var(--color-secondary);border:0;border-radius:50%;color:var(--color-onPrimary);cursor:pointer;display:grid;font:2rem/.8 var(--font-family-headline);height:3rem;padding:0 0 .14em;place-items:center;transition:.5s scale var(--ease-out-elastic),.5s box-shadow var(--ease-out-elastic);width:3rem}.modal__close-button:hover{box-shadow:var(--shadow);scale:1.08}.modal__close-button:active{scale:.92}.project-page__main{display:flex;flex-direction:column;gap:2.5rem;justify-self:center;max-width:860px;padding:var(--padding);width:100%}.project-page__head{text-align:center}.project-page__title{font:var(--font-h2);letter-spacing:-.02em;margin:0;text-transform:uppercase}.project-page__intro-slot,.project-page__details-slot{width:100%}.project-page__intro{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:680px;text-align:center}.project-page__eyebrow{color:color-mix(in srgb,var(--color-onPrimary),transparent 35%)}.project-page__tagline{font:clamp(1.75rem,6vw,2.75rem)/.95 var(--font-family-headline);letter-spacing:-.02em;max-width:620px}.project-page__description{font:500 1rem/1.55 var(--font-family-body);max-width:620px;text-wrap:pretty}.project-page__chips,.project-page__feature-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;padding:0}.project-page__chips li,.project-page__feature-list li{background:color-mix(in srgb,var(--color-secondary),transparent 50%);border-radius:999px;font:var(--font-h6);letter-spacing:.08em;padding:.7rem .9rem .6rem;text-transform:uppercase}.project-page__palette{display:flex;gap:.45rem}.project-page__palette>span{background:var(--swatch);border:1px solid rgb(0 0 0 / 12%);border-radius:50%;height:1.5rem;width:1.5rem}.project-page__links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.project-page__links a{background:var(--color-onPrimary);border-radius:999px;color:var(--color-primary);font:var(--font-h4);letter-spacing:.06em;padding:.8rem 1rem .7rem;text-transform:uppercase;transition:.5s scale var(--ease-out-elastic),.5s box-shadow var(--ease-out-elastic)}.project-page__links a:hover{box-shadow:var(--shadow);scale:1.04}.project-page__links a:active{scale:.96}.project-page__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:680px;width:100%}.project-page__img{border-radius:1rem;display:flex;overflow:hidden;width:100%}.project-page__img:only-child,.project-page__img:nth-child(3n){grid-column:1 / span 2}.project-page__img img,.project-page__img mux-video{border-radius:inherit;cursor:pointer;object-fit:cover;overflow:clip;transition:.8s scale var(--ease-out-elastic);width:100%}.project-page__img img:hover,.project-page__img mux-video:hover{scale:1.01}.project-page__img img:active,.project-page__img mux-video:active{scale:.98}.project-page__details{display:flex;flex-direction:column;gap:3.5rem;margin:0 auto;max-width:760px}.project-page__section{border-top:1px solid color-mix(in srgb,var(--color-onPrimary),transparent 80%);display:flex;flex-direction:column;gap:1.5rem;padding-top:1.25rem}.project-page__section>h3{font:clamp(1.8rem,5vw,2.75rem)/.9 var(--font-family-headline);letter-spacing:-.02em;text-transform:uppercase}.project-page__prose{display:grid;gap:2rem}.project-page__prose article,.project-page__readme-section{display:flex;flex-direction:column;gap:.75rem}.project-page__prose h4,.project-page__readme-section h4{color:color-mix(in srgb,var(--color-onPrimary),transparent 30%)}.project-page__prose p,.project-page__readme-section p,.project-page__readme-section li,.project-page__readme-section dd{font:500 .9375rem/1.55 var(--font-family-body);text-wrap:pretty}.project-page__labelled-list{display:grid;gap:.75rem}.project-page__labelled-list>div,.project-page__readme-section{background:color-mix(in srgb,var(--color-secondary),transparent 58%);border-radius:1.25rem;padding:1.25rem}.project-page__labelled-list dt,.project-page__readme-section dt{font:var(--font-h4);letter-spacing:.08em;text-transform:uppercase}.project-page__labelled-list dd{font:500 .875rem/1.5 var(--font-family-body);margin-top:.5rem;text-wrap:pretty}.project-page__feature-list{justify-content:flex-start}.project-page__readme-grid{display:grid;gap:.75rem}.project-page__readme-section pre{background:#1b1b1b;border-radius:.75rem;color:#f5f5f5;font:500 .8125rem/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.project-page__readme-section ul{display:grid;gap:.45rem;padding-left:1.2rem}.project-page__readme-section dl{display:grid;gap:.75rem}.project-page__readme-section dl>div{align-items:start;display:grid;gap:.25rem;grid-template-columns:minmax(6rem,auto) 1fr}.carousel.is-grabbing{cursor:grabbing}@media(min-width:768px){.project-page{--page-padding: 1rem}.project-page__main{gap:3.5rem;padding:4rem 0}.project-page__tagline{font-size:3rem}.project-page__labelled-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page__snapshot .project-page__labelled-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.about-page{align-items:center;display:flex;flex-direction:column;min-height:150vh;padding:2rem 0;text-align:center}@media(min-width:768px){.about-page{padding:5rem 0}}.about-page>section{padding:5rem var(--padding)}.about-bio{display:flex;flex-direction:column;font:var(--font-h2);gap:.82em}.about-bio h1,.about-bio p{font:var(--font-h2);font-feature-settings:"cpsp" on;letter-spacing:-.02em;max-width:10em;text-transform:uppercase;white-space:pre-wrap}.about-page__bio{display:flex;flex-direction:column;gap:.8em;text-wrap:pretty}.about-page__title,.about-page__paragraph{display:block;transform-origin:bottom}.about-page__paragraph{transform-origin:top}.about-page__paragraph>span{transition:.4s opacity var(--ease-in-out-sine)}.about-page__paragraph:not([intersect])>span{opacity:.25}.about-page:not([mounted=true]) .about-page__paragraph{opacity:0;scale:1 1.2;translate:0 4rem}.about-page:not([mounted=true]) .about-page__title{scale:1 0}.about-page[mounted=true] .about-page__paragraph{transition:.4s opacity var(--ease-out-cubic),1s translate var(--ease-out-elastic),1s scale var(--ease-out-elastic);transition-delay:calc(var(--delay) * .1s)}.about-page[mounted=true] .about-page__title{transition:1s scale var(--ease-out-elastic)}.about-news{display:flex;flex-direction:column;gap:3rem;width:min(364px,100%)}.about-news h2,.about-projects h2{margin-bottom:.12em}.about-news__grid{display:grid;gap:var(--gap);grid-template-columns:1fr;max-width:860px}@media(min-width:660px){.about-news{width:min(892px,100%)}.about-news__grid{grid-template-columns:repeat(2,1fr)}}.about-news-card{--border-radius: 1rem;--card-padding: .5rem;background-color:var(--card-surface);border-radius:var(--border-radius);display:grid;gap:var(--gap);grid-template-columns:1fr 2fr;padding:var(--card-padding);place-items:start;position:relative;text-align:left;transition:1s scale var(--ease-out-elastic-100-30),1s rotate var(--ease-out-elastic-100-30)}.about-news-card:before{--card-shadow: 0 9px 21px color-mix(in srgb, rgb(0 0 0 / 10%), var(--card-surface) 10%), 0 38px 38px color-mix(in srgb, rgb(0 0 0 / 9%), var(--card-surface) 9%), 0 85px 51px color-mix(in srgb, rgb(0 0 0 / 5%), var(--card-surface) 5%), 0 151px 60px color-mix(in srgb, rgb(0 0 0 / 1%), var(--card-surface) 1%);border-radius:inherit;box-shadow:var(--card-shadow);content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:1s opacity var(--ease-out-elastic-100-30)}@media(any-hover:hover){.about-news-card:hover{rotate:calc(var(--card-rotation) * 1deg);scale:1.05;z-index:1}.about-news-card:hover:before{opacity:.5}}.about-news-card:active{rotate:calc(var(--card-rotation) * -.5deg);scale:.98}.about-news-card__thumb{aspect-ratio:1;border-radius:calc(var(--border-radius) - var(--card-padding));width:100%}.about-news-card__body{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.4rem 0 .7rem}.about-news-card__tag,.about-news-card__title{font-family:var(--font-family-headline);font-size:1.75rem;letter-spacing:-.07rem;line-height:.85em;text-transform:uppercase}.about-news-card__tag{color:#fff}.about-news-card__title{color:var(--card-text)}.about-news-card__title:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.about-projects{display:flex;flex-direction:column;gap:3rem}.about-projects__list{align-items:center;display:flex;flex-direction:column;list-style:none;padding:0;pointer-events:none;position:relative}.about-projects__title{color:var(--color-onPrimary);contain:paint;font:var(--font-h1);letter-spacing:-.02em;line-height:.9em;opacity:.25;padding:0 .1em;pointer-events:auto;text-transform:uppercase;transition:.15s opacity var(--ease-in-out-sine),1s scale var(--ease-out-elastic-100-30);width:fit-content}.about-projects__title a{display:inline-block;position:relative;top:-.1em;-webkit-touch-callout:none}@media(any-hover:hover){.about-projects__title:hover{opacity:1;scale:1 1.1}.about-projects__list:hover .about-project-preview{scale:1;transition:1s scale var(--ease-out-elastic),1s rotate var(--ease-out-elastic),1s visibility;transition-delay:calc(var(--idx) * .04s);visibility:visible}}.about-projects__title:active{opacity:1;scale:1 1.1}.about-projects__list:active .about-project-preview{scale:1;transition:1s scale var(--ease-out-elastic),1s rotate var(--ease-out-elastic),1s visibility;transition-delay:calc(var(--idx) * .04s);visibility:visible}.about-project-preview{border-radius:1rem;box-shadow:var(--shadow);display:block;left:calc(50% - 6rem);overflow:clip;pointer-events:none;position:absolute;rotate:calc(var(--rotation) * 1deg);scale:0;top:calc(sin((var(--idx) * 3.14) / 2)*-10rem);transition:.2s scale var(--ease-out-cubic),1s rotate var(--ease-out-elastic),.2s visibility;transition-delay:calc(var(--idx) * .02s);translate:calc(var(--offsetX) * 1px) calc(var(--offsetY) * 1px - 4rem);-webkit-user-select:none;user-select:none;visibility:hidden;width:min(30%,12rem);z-index:1}