.contact__container{pointer-events:none;z-index:35;background-color:#fcfcfc;width:50vw;height:100%;transition:transform 1s;position:absolute;top:0;left:0;transform:translate(-100%)}@media (max-width:768px){.contact__container{z-index:1000;width:100vw}}.contact__wrapper{grid-template-rows:1fr auto;height:calc(100% - 40px);padding:20px 45px;display:grid}@media (max-width:768px){.contact__wrapper{height:100%;padding:10px 20px}}.contact__open{pointer-events:auto;overflow:auto;transform:translate(100%)}@media (max-width:768px){.contact__open{transform:translate(0)}}.text-block{margin:auto}.text-block p{text-align:center;line-height:1.6}@media (max-width:400px){.text-block{padding-top:30px}}.socials{flex-direction:column;align-self:end;row-gap:12px;margin:0 auto;padding-bottom:24px;display:flex}@media (max-width:768px){.socials{padding-bottom:35px}}.socials a{text-align:center;color:#000;font-size:1rem;text-decoration:none;transition:color .5s}.socials a:hover{color:#919191}.socials__links{column-gap:8px;margin:0 auto;display:flex}.socials__links svg{fill:#000;transition:fill .5s}.socials__links svg:hover{fill:#919191}.contact__cross{display:none}@media (max-width:768px){.contact__cross{stroke:#000;cursor:pointer;z-index:40;display:block;position:fixed;top:15px;right:15px}}
.header-title{cursor:pointer;color:#fff;mix-blend-mode:exclusion;z-index:55;transform-origin:0 0;font-size:4.5rem;font-style:normal;font-weight:600;line-height:1.1;transition:transform .5s ease-in-out;position:absolute;top:32px;left:32px;transform:translateZ(0)}@media (max-width:1024px){.header-title{font-size:3.5rem;top:20px;left:20px}}@media (max-width:768px){.header-title{font-size:3rem;top:20px;left:20px}}.header-title--large{transform:scale(1)}.header-title--small{transform:scale(.5)}@media (max-width:768px){.header-title--small{transform:scale(.65)}}
.home-background{z-index:10;background-color:hsl(var(--background-color-1));background-image:radial-gradient(at 6% 13%,hsl(var(--background-color-2))0px,transparent 50%),radial-gradient(at 80% 0%,hsl(var(--background-color-3))0px,transparent 50%),radial-gradient(at 83% 76%,hsl(var(--background-color-4))0px,transparent 50%);width:100vw;height:100svh;position:relative;top:0;left:0}.home-background .blur-container{-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}.introduction-paragraph{z-index:25;max-width:550px;position:absolute;bottom:32px;right:32px}.introduction-paragraph h2{text-align:right;font-weight:400;line-height:1.3}@media (max-width:1024px){.introduction-paragraph{max-width:350px;bottom:20px;right:20px}}
.main-navigation{background-color:var(--default-color);pointer-events:none;z-index:50;flex-direction:column;width:50vw;height:100svh;transition:transform .4s;display:flex;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:7px 1px 20px rgba(98,98,98,.2)}.main-navigation__contact{cursor:pointer;font-size:1.5rem;font-weight:400;position:absolute;top:32px;right:32px}.main-navigation__contact:hover{border-bottom:2px solid #000}@media (max-width:1024px){.main-navigation__contact{font-size:1.3rem;top:20px;right:20px}}@media (max-width:768px){.main-navigation{width:100vw}}.open{pointer-events:auto;transform:translate(0)}.main-navigation__blurred-background{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:30;opacity:0;pointer-events:none;width:100vw;height:100svh;transition:-webkit-backdrop-filter 1s ease-in-out,backdrop-filter 1s ease-in-out,opacity .2s ease-in-out;position:fixed;top:0;left:0}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:auto}.main-navigation__contact--container{width:100%;padding-top:14rem}@media (max-width:1024px){.main-navigation__contact--container{padding-top:11rem}}@media (max-width:870px){.main-navigation__contact--container{padding-top:9rem}}.main-navigation__nav--wrapper{flex-direction:column;flex-grow:1;padding-bottom:25px;display:flex;overflow:hidden}.main-navigation__nav{grid-template-columns:auto 3fr;padding:0 35px 20px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(transparent 0%,#000 3%,#000 93%,transparent 100%);mask-image:linear-gradient(transparent 0%,#000 3%,#000 93%,transparent 100%)}.main-navigation__nav li{cursor:pointer;margin:15px 0;font-size:20px;font-weight:300}.main-navigation__nav li:hover span{font-weight:600}@media (max-width:1024px){.main-navigation__nav{padding:0 20px}}@media (max-width:768px){.main-navigation__nav{padding:0 15px}}.main-navigation__nav .main-navigation__nav--year{align-self:center;padding-right:28px}@media (max-width:1024px){.main-navigation__nav .main-navigation__nav--year{padding-right:15px}}.main-navigation__nav .main-navigation__nav--project-break{border-bottom:1px solid #000}.active{font-size:1.2rem;font-style:italic;font-weight:600}.preview__container{z-index:35;width:50vw;height:100svh;display:grid;position:fixed;top:0;right:0}.preview__image{opacity:0;grid-row-start:1;grid-column-start:1;width:100%;height:100%;margin:auto;padding:0 20px;position:relative}.preview-portrait{aspect-ratio:3/4;width:400px;height:auto}.preview-landscape{aspect-ratio:14/9;max-width:600px;height:auto}.active-preview{opacity:100}
iframe{pointer-events:auto;aspect-ratio:16/9;margin:auto}
.text-wrapper{cursor:none;white-space:pre-line;pointer-events:auto;background-color:var(--default-color);border-top:18px solid var(--default-color);border-bottom:18px solid var(--default-color);max-width:900px;max-height:70svh;margin:auto;padding:0 35px;font-size:1.1rem;font-weight:300;line-height:1.6;overflow-y:auto}@media (max-width:768px){.text-wrapper{border-top:15px solid var(--default-color);border-bottom:15px solid var(--default-color);padding:0 20px}}
.project-modal__sidebar{background-color:var(--default-color);pointer-events:none;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.project-modal__sidebar span{text-align:center;writing-mode:vertical-rl;transform:rotate(-180deg)}@media (max-width:768px){.project-modal__sidebar{flex-direction:row;align-items:center;min-height:50px;padding:5px 12px}.project-modal__sidebar span{text-align:left;writing-mode:horizontal-tb;transform:rotate(0)}}
.project__container{grid-template-rows:1fr;grid-template-columns:1fr;width:100vw;height:100svh;display:grid;position:relative;overflow:hidden}.project__container .project__title-wrapper{text-align:right;z-index:10;cursor:auto;color:#fff;grid-row-start:1;grid-column-start:1;max-width:50%;margin:32px 32px auto auto;line-height:1.3;transition:transform .2s ease-in-out}@media (max-width:1370px){.project__container .project__title-wrapper{max-width:70%}}@media (max-width:1024px){.project__container .project__title-wrapper{margin:24px 24px auto auto}}@media (max-width:768px){.project__container .project__title-wrapper{text-align:right;max-width:100%;margin:0;position:absolute;bottom:12px;right:20px}}.project__container .project__title-wrapper h1{text-align:right;font-weight:500}@media (max-width:768px){.project__container .project__title-wrapper h1{text-align:right}}.project__container .project__title-wrapper span{font-size:1rem;font-weight:400}@media (max-width:768px){.project__container .project__title-wrapper span{font-size:.85rem}}.project__container img{grid-row-start:1;grid-column-start:1}.project__container--portrait{background:hsla(var(--background-color-1),.5);background-image:radial-gradient(at 0% 79%,hsla(var(--background-color-2),.7)0px,transparent 70%)}.project__container--portrait .project__title-wrapper{color:#000;text-shadow:1px 1px 15px rgba(180,180,180,.2)}.project__container--landscape .project__title-wrapper{text-shadow:1px 1px 15px rgba(71,71,71,.8)}.background__click{cursor:pointer}.active-project-link:hover{cursor:pointer;transform:translate(-2px,-2px)}.project-modal__cross{stroke:#fff;cursor:pointer;text-shadow:1px 1px 15px rgba(180,180,180,.2);z-index:100;margin:-20px;padding:20px;transition:stroke .5s;position:fixed;top:20px;right:20px}.project-modal__cross:hover{stroke:#6a6a6a}@media (max-width:768px){.project-modal__cross{stroke:#000}}.right-arrow{right:0}.arrow__container{cursor:none;width:50%;height:100svh;display:block;position:absolute;top:0}@media (max-width:768px){.arrow__container{display:none}}.cursor{mix-blend-mode:difference;pointer-events:none;z-index:20;position:fixed;top:50%;left:50%;transform:translate(-50%)}@media (max-width:768px){.cursor{display:none}}.cursor-flipped{transform:rotate(180deg)translate(50%)}.project-modal__text-area--short-text{height:100%}.project-modal__text-area--short-text p{width:70%}@media (max-width:768px){.project-modal__text-area--short-text p{width:100%}}.project-modal__text-area--long-text p{column-count:2;column-gap:4rem}.paragraph{margin-bottom:50px}@media (max-width:768px){.paragraph{margin:0 0 20px}}.align-left{text-align:left;margin-right:auto}.align-right{text-align:right;margin-left:auto}@media (max-width:768px){.align-right,.align-left{text-align:left}}.chevron-container{display:none}@media (max-width:768px){.chevron-container{z-index:20;background-color:rgba(0,0,0,.4);border-radius:100%;width:35px;height:35px;display:flex;position:absolute;bottom:75px}}.chevron-container:hover{background-color:rgba(0,0,0,.9)}.chevron{margin:auto;padding-top:2px;padding-right:2px}.left-arrow{left:5px}.right-arrow{right:5px;transform:rotate(180deg)}.project-modal__container{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.project-modal__wrapper{cursor:none;width:100%;display:flex;position:relative}@media (max-width:768px){.project-modal__wrapper{flex-direction:column-reverse}}.project-modal__content--container{aspect-ratio:4/3;pointer-events:none;max-width:calc(100% - 10rem);height:calc(100% - 10rem);margin:auto;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.project-modal__content--container{max-width:calc(100% - 3rem)}}.project__content--image-container{grid-row-start:1;grid-column-start:1;width:100%;height:100%;display:flex;position:relative}.portrait-image{align-self:center;max-height:75svh;margin-top:70px}@media (max-width:768px){.portrait-image{max-width:90vw;max-height:70svh;margin:auto}}
.scroll__icon{pointer-events:auto;cursor:pointer;z-index:80;opacity:0;pointer-events:none;background-color:#cfcfcf;border-radius:50%;width:30px;height:30px;transition:background-color .2s ease-in,opacity .3s;display:flex;position:fixed;bottom:20px;right:20px}@media (max-width:768px){.scroll__icon{z-index:45;top:20px}}.scroll__icon:hover{background-color:#ebebeb}.scroll__icon svg{width:12px;margin:auto}.show{opacity:100;pointer-events:auto}