@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;text-wrap:pretty}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}button{background:none;border:none;cursor:pointer}fieldset{border:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-lynx: #F7F7F5;--color-silver: #DEDEDC;--color-waiting: #9D9D9C;--color-legendary: #787877;--color-summoning: #383838;--font-base: "Manrope", sans-serif}body{background-color:var(--color-lynx);color:var(--color-summoning);font-family:var(--font-base);font-size:1rem;line-height:1.6}body a,body .header__nav-btn{color:var(--color-summoning);text-decoration:none;position:relative}:is(body a,body .header__nav-btn):after{content:"";background-color:var(--color-summoning);position:absolute;width:100%;height:0;left:0;bottom:-5px;transition:height .3s ease}:is(body a,body .header__nav-btn):hover:after{height:2px}.main-container{height:100dvh;position:relative;transition:opacity .5s ease-out}@media(max-width:767px){.main-container{display:flex;flex-direction:column;overflow:hidden}}.main-container.is-loading{opacity:0}.project-scroller{display:grid;grid-template-columns:1fr .5fr 1fr;height:100dvh;width:100%;overflow:hidden}@media(max-width:767px){.project-scroller{grid-template-columns:.75fr repeat(2,1fr);grid-template-rows:15% repeat(2,1fr);flex:1;height:auto;min-height:0;margin-top:1.5rem}}.project-scroller__left{align-self:center;display:grid;grid-template-columns:subgrid;gap:2rem;grid-column:1 / 3;grid-row:1;padding-inline:clamp(1rem,28.571vw - 9.714rem,8rem)}@media(max-width:767px){.project-scroller__left{align-self:unset;grid-column:1 / 4;grid-row:1 / 4}}.project-scroller__title{grid-column:1 / -1;font-size:clamp(5rem,7.212vw + 1.538rem,8.75rem);font-weight:700;color:var(--color-summoning);letter-spacing:clamp(-.063rem,-.12vw - .005rem,-.125rem);line-height:.9;mix-blend-mode:hard-light;text-transform:uppercase;z-index:1}.project-scroller__title .word{display:inline-block;overflow:hidden;vertical-align:top}.project-scroller__title .word-inner{display:inline-block}.project-scroller__details{display:flex;flex-direction:column;gap:1.5rem;justify-self:end;text-align:right}@media(max-width:767px){.project-scroller__details{align-self:end;grid-column:1 / 4;justify-self:unset;text-align:left}}.project-scroller__role,.project-scroller__tech,.project-scroller__description{display:flex;flex-direction:column;align-items:flex-end;margin-left:-2rem}@media(max-width:767px){.project-scroller__role,.project-scroller__tech,.project-scroller__description{align-items:flex-start;margin-left:0}}.project-scroller__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-waiting)}.project-scroller__role-value,.project-scroller__description-value{font-size:.875rem;color:var(--color-summoning);line-height:1.5}.project-scroller__redact-wrapper{display:inline-block;position:relative;overflow:hidden}.project-scroller__redact-bar{position:absolute;inset:0;background:var(--color-summoning);transform:translate(-101%);pointer-events:none;z-index:1}.project-scroller__tech-list{list-style:none}.project-scroller__tech-item{font-size:.875rem;color:var(--color-summoning)}.project-scroller__counter{font-size:clamp(6rem,16.327vw - .122rem,10rem);line-height:1;color:var(--color-legendary);position:absolute;bottom:-3.5rem;left:20%;mix-blend-mode:hard-light}@media(max-width:767px){.project-scroller__counter{bottom:-2rem;left:10%}}.project-scroller__current{color:var(--color-summoning);font-weight:600;display:inline-flex;align-items:baseline}.project-scroller__counter-zero{flex-shrink:0}.project-scroller__counter-digit,.project-scroller__counter-digit .word{display:inline-block;overflow:hidden;vertical-align:top}.project-scroller__counter-digit .word-inner{display:inline-block}.project-scroller__right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:2rem;grid-column:2 / 4;grid-row:1}@media(max-width:767px){.project-scroller__right{display:block;grid-row:1 / 3}}.project-scroller__active-image{position:relative;width:100%}@media(max-width:767px){.project-scroller__active-image{top:20%}}.project-scroller__active-image figure{display:flex;flex-direction:column;gap:1rem;width:100%}.project-scroller__active-image .project-scroller__image-clip{aspect-ratio:1.7;overflow:hidden;position:relative;width:100%}.project-scroller__active-image .project-scroller__image-clip .project-scroller__image{position:absolute;width:100%;height:100%;object-fit:cover}.project-scroller__active-image .project-scroller__figcaption{align-self:flex-end}@media(max-width:767px){.project-scroller__active-image .project-scroller__figcaption{position:absolute;bottom:-2rem;margin-right:1rem}}.project-scroller__active-image .project-scroller__figcaption .project-scroller__view-link{display:flex;color:var(--color-summoning);font-size:.875rem;gap:.5rem;text-decoration:none;opacity:1;transition:opacity .3s ease}.project-scroller__active-image .project-scroller__figcaption .project-scroller__view-link.is-disabled{opacity:.3;pointer-events:none}.project-scroller__active-image .project-scroller__figcaption .project-scroller__view-link svg{position:relative;transform:rotate(-45deg);width:15px}.project-scroller__thumbnails-wrapper{height:33vh;overflow:hidden;display:flex;align-items:flex-start;align-self:flex-end}@media(max-width:767px){.project-scroller__thumbnails-wrapper{display:none}}.project-scroller__thumbnails{display:flex;flex-direction:column;gap:.625rem;list-style:none}.project-scroller__thumbnail{aspect-ratio:1.3;width:80px;overflow:hidden;opacity:.5;position:relative;transition:opacity .3s ease}.project-scroller__thumbnail.active{opacity:1}.project-scroller__thumbnail .project-scroller__image{position:absolute;width:100%;height:100%;object-fit:cover}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:var(--color-lynx)}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px;padding:0 2rem}.loading-screen__redact-wrapper{position:relative;overflow:hidden}.loading-screen__redact-bar{position:absolute;inset:0;background:var(--color-summoning);transform:translate(-101%);pointer-events:none}.loading-screen__title{font-family:var(--font-base);font-size:1.25rem;font-weight:400;color:var(--color-summoning);letter-spacing:-.02em}.header{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(1rem,4.082vw - .531rem,2rem);z-index:100}@media(max-width:767px){.header{position:relative}}.header__logo{font-family:var(--font-base);font-size:.875rem;font-weight:600;color:var(--color-summoning);letter-spacing:.05em;writing-mode:vertical-lr;rotate:180deg}.header__nav{display:flex;align-items:flex-end;gap:clamp(4rem,57.143vw - 17.429rem,18rem);margin-right:clamp(0rem,32.653vw - 12.245rem,8rem)}.header__nav-btn{background:none;border:none;cursor:pointer;font-family:var(--font-base);font-size:.875rem;font-weight:600;color:var(--color-summoning);letter-spacing:.05em;padding:0;position:relative}.header__nav-btn:after{content:"";background-color:var(--color-summoning);position:absolute;width:100%;height:0;left:0;bottom:-5px;transition:height .3s ease}.header__nav-btn.is-active:after{height:2px}.overlay{position:fixed;inset:0;background:#f7f7f5e6;z-index:99;opacity:0;display:flex;align-items:center;justify-content:center}.overlay__content{max-width:480px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.overlay__content ul{list-style:none;padding:0;margin:0;display:flex;gap:6rem}
