html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,button,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.projects__gallery__media__thumb__image,.projects__gallery__media__image,.projects__gallery,.projects__wrapper,.projects,.whoops__gallery__media__image,.whoops__gallery,.whoops__wrapper,.whoops,.profile__media__image,.about__gallery__profile__media__image,.about__gallery__media__image,.about__gallery,.about,.home__gallery__media__image,.home__gallery,.home__wrapper,.home,.navigation,.preloader,.overview__media__image,.overview__wrapper,.overview,.modal__wrapper,.modal__backdrop,.modal,.content{width:100%;height:100%;position:absolute;top:0;left:0}.preloader{justify-content:center;align-items:center;display:flex}.dg.ac{z-index:99999!important}.projects__overview__close,.whoops__button,.whoops__back,.about__socials,.about__content__highlight,.home__select__project,.home__menu,.navigation__projects__back>span,.navigation__projects__next>span,.navigation__projects__action__overview>span,.navigation__list__link>div,.overview__close .overview__close__wrapper__text,.modal__close{vertical-align:top;display:inline-block;position:relative;overflow:hidden}.projects__overview__close:after,.whoops__button:after,.whoops__back:after,.about__socials:after,.about__content__highlight:after,.home__select__project:after,.home__menu:after,.navigation__projects__back>span:after,.navigation__projects__next>span:after,.navigation__projects__action__overview>span:after,.navigation__list__link>div:after,.overview__close .overview__close__wrapper__text:after,.modal__close:after{content:"";background:currentColor;width:100%;height:1px;transition:transform .7s cubic-bezier(.77,0,.175,1);position:absolute;bottom:0;left:0}.projects__overview__close:hover:after,.whoops__button:hover:after,.whoops__back:hover:after,.about__socials:hover:after,.about__content__highlight:hover:after,.home__select__project:hover:after,.home__menu:hover:after,.navigation__projects__back>span:hover:after,.navigation__projects__next>span:hover:after,.navigation__projects__action__overview>span:hover:after,.navigation__list__link>div:hover:after,.overview__close .overview__close__wrapper__text:hover:after,.modal__close:hover:after{transform-origin:0;transform:scaleX(1)}.projects__overview__close:after,.whoops__button:after,.whoops__back:after,.about__socials:after,.about__content__highlight:after,.home__select__project:after,.home__menu:after,.navigation__projects__back>span:after,.navigation__projects__next>span:after,.navigation__projects__action__overview>span:after,.navigation__list__link>div:after,.overview__close .overview__close__wrapper__text:after,.modal__close:after{transform-origin:100%;transform:scaleX(0)}.projects__overview__close,.whoops__button,.whoops__back,.about__socials,.about__content__highlight,.home__select__project,.home__menu,.navigation__projects__back>span,.navigation__projects__next>span,.navigation__projects__action__overview>span,.navigation__list__link>div,.overview__close .overview__close__wrapper__text,.modal__close{display:inline-block}.whoops__button,.about__list__item__year,.about__list__item,.about__socials__wrapper,.home__subtitle__text,.home__menu,.navigation,.modal__close,.year,.modal__subtitle{font-family:ABC Diatype;font-size:clamp(10px,1.2rem,12px);font-weight:400}.about__content__wrapper,.overview__content__wrapper,.timeline__item{font-family:Tiempos Headline;font-size:clamp(16px,2.4rem,24px);font-weight:300}.about__list__section__title__wrapper{font-family:Tiempos Headline;font-size:2.8rem;font-style:italic;font-weight:300}.home__select__project,.overview__label{font-family:Tiempos Headline;font-size:clamp(14px,1.6rem,16px)}.whoops__back{font-family:ABC Diatype;font-size:2rem}.home__title__text,.modal__title{font-family:Tiempos Headline;font-size:clamp(50px,8rem,80px);font-weight:300;line-height:.8}@media (max-width:767px){.home__title__text,.modal__title{font-size:4.8rem}}body{font-size:1.6rem;line-height:1.5}@media (max-width:767px){body{font-size:2.8rem}}@font-face{font-family:Tiempos Headline;src:url(../assets/fonts/tiemposheadline-light.woff2)format("woff2"),url(../assets/fonts/tiemposheadline-light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(../assets/fonts/abcdiatype-regular.woff2)format("woff2"),url(../assets/fonts/abcdiatype-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(../assets/fonts/abcdiatype-medium.woff2)format("woff2"),url(../assets/fonts/abcdiatype-medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ogg;src:url(../assets/fonts/ogg-italic.woff2)format("woff2"),url(../assets/fonts/ogg-italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}*,:after,:before{box-sizing:border-box;-webkit-user-select:none;user-select:none}html{--fs:calc(((100vw/1920))*10);font-size:var(--fs);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#f1f1f1;width:100%;height:100%;line-height:1;position:fixed;top:0;left:0;overflow:hidden}@media (max-width:767px){html{font-size:3.125vw}}body{width:100%;height:100%;font-family:Tiempos Headline;position:fixed;top:0;left:0}a{color:inherit;outline:0;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0;outline:0}img{vertical-align:middle}.content{pointer-events:none}[data-animation=paragraph] span,[data-animation=label] span,[data-animation=title] span,[data-animation=textsplit] span{vertical-align:top;display:inline-block;overflow:hidden}canvas{z-index:1;position:relative}svg{display:block}.modal{z-index:9;pointer-events:auto}.modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}@media (max-width:767px){.modal__backdrop{display:none}}.modal__wrapper{pointer-events:none;overflow:hidden}@media (max-width:767px){.modal__wrapper{overflow:scroll}}.modal__content{background:#fff;flex-direction:column;align-items:center;width:81%;height:89%;margin-inline:auto;padding:1rem;display:flex;position:absolute;inset:auto 0 0}@media (max-width:767px){.modal__content{width:auto;height:auto;position:relative;bottom:auto}}.modal__title{text-align:center;max-width:95rem;margin-top:19rem;line-height:7rem}@media (max-width:767px){.modal__title{margin-top:3rem;font-size:3.2rem;line-height:1.1}}.modal__subtitle{justify-content:center;align-items:center;margin-top:2.4rem;font-family:Tiempos Headline;display:flex}.modal__wrapper__links{pointer-events:auto;margin:0;position:absolute;bottom:12rem}@media (max-width:767px){.modal__wrapper__links{margin:4rem 0 6rem;position:relative;bottom:auto}}.timeline{flex-wrap:wrap;justify-content:center;max-width:134rem;display:flex}@media (max-width:767px){.timeline{-moz-column-gap:0;grid-template-columns:1fr 1fr;place-content:center;gap:2.5rem 0;width:100%;height:100%;display:grid}}.timeline__item{text-align:center;flex:.1 0 15%;width:22rem;margin-bottom:2rem;line-height:1;transition:opacity .57s linear;position:relative}@media (max-width:767px){.timeline__item{width:14.5rem;font-size:1.6rem;line-height:1.2;display:grid}}.year{width:initial;align-self:start;margin-left:1rem;display:inline-block;position:relative}@media (max-width:767px){.year{align-self:auto;width:100%;margin:auto;font-size:.8rem;position:relative;top:-.9rem;left:auto}}.timeline__item:not(:first-child):not(:nth-child(7)):before{content:"";background-color:#000;border-radius:10px;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@media (max-width:767px){.timeline__item:not(:first-child):not(:nth-child(7)):before{content:none}}.timeline__item:nth-of-type(2n):after{content:"";background-color:#000;border-radius:10px;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@media (min-width:769px){.timeline__item:nth-of-type(2n):after{content:none}}.timeline__item__link{flex-direction:column;align-items:center;display:flex;position:relative}.modal__close{line-height:1.1;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%)}.overview{z-index:7;opacity:1;pointer-events:none}@media (max-width:767px){.overview{display:block}}.overview__icon{opacity:0;width:12.7rem;height:4.5rem;display:inline-block;position:absolute;top:10.1rem;left:8.8rem}@media (max-width:767px){.overview__icon{display:none}}.overview__content__wrapper{letter-spacing:.01rem;max-width:66rem;line-height:1.32;position:absolute;top:11.5rem;left:38rem}@media (max-width:767px){.overview__content__wrapper{letter-spacing:.01rem;max-width:none;margin:0 2rem;font-size:1.4rem;line-height:1.42;top:2rem;left:auto}}.overview__content{opacity:0}.overview__content span span{will-change:transform}.overview__label{opacity:0;font-style:italic;position:relative;top:1rem}.overview__label span span{padding-right:.5rem}@media (max-width:767px){.overview__label{font-size:1.2rem}}.overview__media{visibility:hidden;width:50rem;height:37.5rem;position:absolute;bottom:4rem;right:4rem}@media (max-width:767px){.overview__media{width:21.3rem;height:16rem;bottom:5rem;right:2rem}}.overview__media__image{-o-object-fit:cover;object-fit:cover}.overview__close{z-index:2;pointer-events:auto;cursor:pointer;opacity:0;visibility:hidden;padding:2rem;font-size:1.2rem;line-height:1;position:absolute;top:10rem;right:71rem}@media (max-width:767px){.overview__close{font-size:1rem;inset:auto auto 1rem 50%;transform:translate(-50%)}}.overview__close .overview__close__wrapper{vertical-align:top;display:inline-block;overflow:hidden}.preloader{color:#000;text-align:center;z-index:10;background-color:#fff}.preloader__icon{width:20.2rem;height:7.2rem;display:inline-block}@media (max-width:767px){.preloader__icon{width:7.6rem;height:2.8rem}}.preloader__wrapper{align-items:center;display:flex}.preloader__number{margin-left:1.6rem;margin-right:1.7rem;font-family:ABC Diatype;font-size:1.6rem}@media (max-width:767px){.preloader__number{font-size:1.2rem}}.preloader__number .preloader__number__text{font-variant-numeric:tabular-nums;display:inline-block}.progress{z-index:5;pointer-events:auto;margin:0 auto;position:absolute;bottom:4.5rem;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:767px){.progress{bottom:6rem}}.progress__wrapper{justify-content:space-evenly;align-items:center;transition:transform 1s cubic-bezier(.19,1,.22,1);display:flex;transform:translateY(110%)}.progress__bar__wrapper{transition:background-color .3s;transition:transform .2s var(--ease-out-cubic);border-radius:8px;width:18.3rem;height:6.4rem;margin:0 .5rem;padding:0 2.3rem}@media (max-width:767px){.progress__bar__wrapper{width:13.3rem;height:3.8rem;padding:0 1.1rem}}.progress__bar__wrapper.hover{cursor:grabbing;background-color:#e8e8e9;transition:background-color .3s}.progress__bar__background{background-color:#000;width:100%;min-width:14rem;height:1px;position:relative;overflow:hidden}@media (max-width:767px){.progress__bar__background{min-width:9.6rem}}.progress__bar__wrapper__drag{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.progress__bar__controls{transition:transform 80ms var(--ease-in-quad);background-color:#c4c4c4;position:absolute;inset:0}.progress__bar__wrapper__circle{width:100%;height:100%;position:absolute}.progress__bar__circle{background-color:#000;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:25%;left:0;transform:translateY(-25%) scale(0)}.progress__number{text-align:center;transition:transform 20ms var(--ease-out-cubic);width:5rem;height:6.2rem;font-family:Ogg;font-size:4rem;font-style:italic;overflow:hidden}@media (max-width:767px){.progress__number{width:3rem;height:3.2rem;font-size:2.4rem}}.progress__circle{background-color:#000;border-radius:50%;flex:0 0 4px;height:4px;margin:0 .7rem;display:block}@media (max-width:767px){.progress__circle{margin:0 .9rem}}.progress__circle__wrapper{justify-content:center;align-items:center;width:3rem;height:9.3rem;display:flex}@media (max-width:767px){.progress__circle__wrapper{height:auto}}.progress__number__left__content{display:block}.progress__number__left__wrapper{flex-direction:column;justify-content:space-evenly;align-items:center;width:4.8rem;height:6.2rem;display:block;overflow:hidden}@media (max-width:767px){.progress__number__left__wrapper{width:2.4rem;height:3.2rem}}.progress__wrapper__number__left{transition:transform 20ms var(--ease-in-out-expo);font-variant-numeric:tabular-nums;font-family:Ogg;font-size:4rem;position:relative;top:0;left:0}@media (max-width:767px){.progress__wrapper__number__left{font-size:2.4rem}}.progress__arrow__icon--left{background-color:red;width:2rem;height:2rem}@media (max-width:767px){.progress__arrow__icon--left{display:none}}.progress__arrow__icon--right{width:2rem;height:2rem}@media (max-width:767px){.progress__arrow__icon--right{display:none}}.top__arrow,.bottom__arrow{stroke-dasharray:10;stroke-dashoffset:10px;transition:stroke-dashoffset .7s cubic-bezier(.19,1,.22,1)}.progress__button{justify-content:center;align-items:center;width:100%;display:flex}.progress__button[data-button=left] svg{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.progress__bar__wrapper:hover{cursor:grab;background-color:#e8e8e9}.progress__button[data-button=left]:hover .top__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1)}.progress__button[data-button=left]:hover .bottom__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1) .12s}.progress__button[data-button=right]:hover .top__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1)}.progress__button[data-button=right]:hover .bottom__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1) .12s}}.navigation{color:#000;z-index:4;pointer-events:none;font-family:Tiempos Headline;position:fixed}.navigation__wrapper{padding-top:10rem;padding-left:9rem;padding-right:9rem}@media (max-width:767px){.navigation__wrapper{width:100%;height:100%;padding-top:1rem;padding-left:3rem;padding-right:3rem}}.navigation__grid{grid-template-columns:repeat(12,1fr);grid-template-areas:"a b b b c. .d. . .e";display:grid}@media (max-width:767px){.navigation__grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"a b c";align-items:start;width:100%;height:100%}}.navigation__link{pointer-events:auto;z-index:8;position:absolute;top:10.5rem;left:9.1rem}@media (max-width:767px){.navigation__link{top:1.3rem;left:2.6rem}.projects-page .navigation__link{z-index:0}}.navigation__link__icon{width:12.7rem;height:4.5rem;display:inline-block}@media (max-width:767px){.navigation__link__icon{justify-self:center;width:5.6rem;height:2rem}}.navigation__link__icon__label{letter-spacing:.04rem;grid-area:b;padding:2rem;position:relative;left:8rem}@media (max-width:767px){.navigation__link__icon__label{display:none}}.navigation__link__icon__label__wrapper{vertical-align:top;display:inline-block;overflow:hidden}.navigation__link__icon__label__animate{align-items:center;display:flex}.navigation__list__items{pointer-events:auto;grid-area:e;grid-template-areas:"stack";place-self:center;display:grid;right:2rem;overflow:hidden}@media (max-width:767px){.navigation__list__items{align-self:start;position:absolute;right:.5rem}}.navigation__list__link{text-align:center;grid-area:stack;place-self:center;padding:2rem;line-height:1;display:block}@media (max-width:767px){.navigation__list__link{text-align:right;font-size:1rem}}.navigation__projects__action__wrapper{vertical-align:top;padding-bottom:1px;display:inline-block;overflow:hidden}.navigation__projects__action{grid-area:d;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;left:5rem}@media (max-width:767px){.navigation__projects__action{grid-area:b;place-self:flex-end center;padding:0;bottom:1rem;left:auto}}.navigation__projects__action__wrapper{vertical-align:top;display:inline-block;overflow:hidden}.navigation__projects__action__animate{display:flex}.navigation__projects__navigation__animate{justify-content:center;align-items:center;gap:0;display:flex}.navigation__projects__action__overview{pointer-events:auto;padding-right:0;line-height:1.1}@media (max-width:767px){.navigation__projects__action__overview{padding:2rem;font-size:1rem}}.navigation__projects__navigation{z-index:4;pointer-events:auto;grid-area:c;line-height:1.1;display:flex;position:relative;right:13.5rem}@media (max-width:767px){.navigation__projects__navigation{grid-area:b;font-size:1rem;right:auto}}.navigation__projects__navigation__wrapper{vertical-align:top;display:inline-block;overflow:hidden}.navigation__projects__navigation__left,.navigation__projects__navigation__right{justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:767px){.navigation__projects__navigation__left,.navigation__projects__navigation__right{padding-left:1rem;padding-right:1rem}}.navigation__projects__next{padding-right:.08rem}.navigation__projects__back{padding-left:.08rem}.navigation__focus{justify-content:center;align-items:center;line-height:1;display:flex;position:relative}@media (max-width:767px){.navigation__focus{display:none}}.navigation__focus .navigation__toggle{pointer-events:auto;align-items:center;gap:1rem;margin-left:1rem;display:flex;position:relative}.navigation__focus .navigation__toggle .underline{background-color:currentColor;width:0;height:1px;transition:transform .3s ease-in-out,width .3s ease-in-out;position:absolute;bottom:-1px;left:0}.clip-path-container{z-index:10;clip-path:inset(0 75%0 0 round 17px);width:100%;transition:clip-path .25s;position:absolute;overflow:hidden}.navigation__separator{pointer-events:none;text-align:center;width:2.2rem;margin:0 .5rem;transform:scaleX(6)}@media (max-width:767px){.navigation__separator{display:none}}.navigation__projects__navigation__left svg{width:1.3rem;height:1.3rem;position:relative;right:-.5rem;transform:rotateY(180deg)}.navigation__projects__navigation__right svg{width:1.3rem;height:1.3rem;position:relative;left:-.5rem}@media (hover:hover) and (pointer:fine){.navigation__projects__navigation__left:hover .top__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1)}.navigation__projects__navigation__left:hover .bottom__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1) .12s}.navigation__projects__navigation__right:hover .top__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1)}.navigation__projects__navigation__right:hover .bottom__arrow{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.19,1,.22,1) .12s}}.home{z-index:3}.home__wrapper{overflow:hidden}.home__gallery{z-index:1}.home__gallery__wrapper{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-60rem,-32.1rem)}@media (max-width:767px){.home__gallery__wrapper{transform:translate(-15rem,-10rem)}}.home__gallery__link{margin:9.4rem 0}.home__gallery__link:first-child{margin-top:0}.home__gallery__link:last-child{margin-bottom:0}.home__gallery__media{visibility:hidden;width:120rem;max-width:1200px;height:64.2rem;max-height:642px;position:relative}@media (max-width:767px){.home__gallery__media{width:30rem;height:16rem}}.home__gallery__media__image{-o-object-fit:cover;object-fit:cover}.home__title{z-index:1;width:100%;height:100%;font-weight:300;position:absolute}.home__title__link{pointer-events:auto}@media (max-width:767px){.home__title__link{pointer-events:none}}.home__title__wrapper{opacity:1;position:absolute;top:50%;left:10rem;transform:translateY(-50%)}.home__title__wrapper--active span:first-child span{opacity:1;transition-delay:.15s;transform:translateZ(0)}.home__title__wrapper--active span:nth-child(2) span,.home__title__wrapper--active span:last-child span{opacity:1;transition-delay:.2s;transform:translateZ(0)}.home__title__wrapper--inactive span:first-child span{transition-delay:.2s;transform:translateY(-110%)}.home__title__wrapper--inactive span:nth-child(2) span,.home__title__wrapper--inactive span:last-child span{transition-delay:.15s;transform:translateY(-110%)}.home__title__wrapper--enter span:first-child span,.home__title__wrapper--enter span:nth-child(2) span,.home__title__wrapper--enter span:last-child span{transition:none;transform:translateY(110%)}@media (max-width:767px){.home__title__wrapper{text-align:center;width:100%;top:62%;left:50%;transform:translate(-50%)}}.home__title__text__wrapper{display:block;overflow:hidden}.home__title__text{clip-path:inset(0);opacity:1;line-height:1.25;transition:transform 1s cubic-bezier(.19,1,.22,1);display:block;overflow:hidden;transform:translateY(-110%)}.home__title__text:before{content:"";width:0;height:0;margin-top:-.2em;display:block}.home__title__text>div{transition:transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(110%)}@media (max-width:767px){.home__title__text{font-size:3.2rem}}.home__menu__wrapper{width:100%;line-height:1.1;transition:transform 3s cubic-bezier(.19,1,.22,1);position:fixed;bottom:5rem;overflow:hidden}.home__menu{pointer-events:auto;margin:auto;display:block;transform:translateY(110%)}.home__subtitle__wrapper{display:block;position:relative;top:1rem;overflow:hidden}@media (max-width:767px){.home__subtitle__wrapper{top:.7rem}}.home__subtitle__text{clip-path:inset(0);font-family:ABC Diatype;line-height:1.2;transition:transform .5s cubic-bezier(.19,1,.22,1);display:block;transform:translateY(-110%)}@media (max-width:767px){.home__subtitle__text{font-size:.9rem}}.home__select__project__wrapper{line-height:1;transition:transform 3s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;right:19.2rem;overflow:hidden;transform:translateY(-50%)}@media (max-width:767px){.home__select__project__wrapper{inset:auto auto 12.5rem 50%;transform:translate(-50%)}}.home__select__project{pointer-events:auto;display:block;transform:translateY(110%)}@media (max-width:767px){.home__select__project{font-size:1.3rem}}.home__intro__poster{width:68rem;height:84rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.home__intro__poster{width:28rem;height:39rem}}.home__intro__poster__title{text-align:center;max-width:37rem;margin:auto;font-size:6.4rem;line-height:1;position:relative;top:4.2rem}.home__intro__poster__title span{vertical-align:top;display:inline-block;overflow:hidden}.home__intro__poster__title span span{opacity:0;transform:translateY(100%)}@media (max-width:767px){.home__intro__poster__title{max-width:13rem;font-size:2.5rem;top:3rem}}.home__intro__poster__subtitle{text-align:center;letter-spacing:.04rem;width:100%;position:absolute;top:24.5rem;left:50%;transform:translate(-50%)}.home__intro__poster__subtitle span{vertical-align:top;display:inline-block;overflow:hidden}.home__intro__poster__subtitle span span{opacity:0;align-items:center;display:flex;transform:translateY(100%)}@media (max-width:767px){.home__intro__poster__subtitle{font-size:1rem;top:11rem}}.home__intro__poster__logo{position:absolute;bottom:2.6rem;left:50%;transform:translate(-50%)}.home__intro__poster__logo div{overflow:hidden}.home__intro__poster__icon{width:6.7rem;height:2.4rem;transform:translateY(100%)}@media (max-width:767px){.home__intro__poster__icon{width:4.5rem;height:1.6rem}}.about{z-index:3;background-color:#0000}@media (max-width:767px){.about{pointer-events:auto;overflow:scroll}.about__wrapper{padding-top:7.5rem;position:relative}}.about__gallery{z-index:1}@media (max-width:767px){.about__gallery{display:none}}.about__gallery__wrapper{align-items:center;display:flex;position:relative;top:50%;left:50%;transform:translate(-60rem,-32.1rem)}.about__gallery__link{margin:0 1.4rem}.about__gallery__link:first-child{margin-left:0}.about__gallery__link:last-child{margin-right:0}.about__gallery__media{visibility:hidden;width:120rem;max-width:1200px;height:64.2rem;max-height:642px;position:relative}.about__gallery__media__image{-o-object-fit:cover;object-fit:cover}.about__content__wrapper{z-index:3;letter-spacing:.02rem;max-width:78.1rem;line-height:1.5;position:relative;top:11.8rem;left:11.4rem}.about__content__wrapper span span{will-change:transform}@media (max-width:767px){.about__content__wrapper{margin-inline:auto;max-width:none;margin:0 2rem;font-size:1.4rem;line-height:1.97rem;top:auto;left:auto}}.about__content{opacity:0}.about__content__italic{opacity:0;font-style:italic}.about__content__italic span span{padding-right:.6rem}[data-animation=slide]{opacity:0}.about__content__highlight{pointer-events:auto;cursor:pointer;line-height:1;display:inline}.about__content__highlight:before{content:"";width:0;height:0;margin-top:.275em;display:block}@media (max-width:767px){.about__content__highlight{pointer-events:none}}.about__socials__wrapper{gap:1.6rem;margin-top:1.6rem;display:flex;overflow:hidden}@media (max-width:767px){.about__socials__wrapper{font-size:1rem}}.about__socials{pointer-events:auto;opacity:0;line-height:1.1;transition:transform 1.4s cubic-bezier(.19,1,.22,1) 1s,opacity .97s linear 1s;transform:translateY(110%)}.about__gallery__profile__media{visibility:hidden;opacity:0;width:48.5rem;height:64.2rem;position:relative}@media (max-width:767px){.about__gallery__profile__media{visibility:visible;width:29rem;height:38.4rem;margin:4rem auto auto;transition:opacity .97s linear 1.5s}}.about__gallery__profile__media__image{-o-object-fit:cover;object-fit:cover}.about__list{z-index:3;margin-left:125rem;position:absolute;top:0}@media (max-width:767px){.about__list{margin:3.5rem 2rem 0;position:relative}}.about__list__wrapper{width:43.5rem;padding-top:36.5rem;position:absolute}@media (max-width:767px){.about__list__wrapper{width:100%;padding-top:0;position:relative}.about__list__section:last-child{width:auto;margin-right:0;top:auto;right:auto}.about__list__section:last-child .about__list__section__title__wrapper{text-align:left;padding-right:0}}.about__list__section__title__wrapper{margin-bottom:2.4rem;overflow:hidden}@media (max-width:767px){.about__list__section__title__wrapper{letter-spacing:-1px;margin-bottom:2.4rem;font-size:2rem}}.about__list__section__title{opacity:0;transition:transform 1.4s cubic-bezier(.19,1,.22,1) .6s,opacity .97s linear .6s;transform:translateY(100%)}.about__list__item{justify-content:space-between;font-weight:700;display:flex;overflow:hidden}@media (max-width:767px){.about__list__item{font-size:1rem}}.about__list__item__title{opacity:0;transition:transform 1.4s cubic-bezier(.19,1,.22,1) .8s,opacity .97s linear .8s;transform:translateY(100%)}.about__list__item__year{opacity:0;font-weight:500;transition:transform 1.4s cubic-bezier(.19,1,.22,1) .8s,opacity .97s linear .8s;transform:translateY(100%)}.line{opacity:.5;width:100%;height:1px;margin:2rem 0}@media (max-width:767px){.line{margin:1.2rem 0}}.line>div{will-change:transform;transform-origin:0;opacity:.5;background:#000;height:100%;transition:transform 1.4s cubic-bezier(.19,1,.22,1) .7s;transform:scaleX(0)}.profile__media{width:120rem;height:64.2rem;position:relative}@media (max-width:767px){.profile__media{width:26rem;height:39rem;padding-top:0}}.profile__media__image{-o-object-fit:cover;object-fit:cover}.whoops{z-index:3}.whoops__wrapper{overflow:hidden}.whoops__gallery{z-index:1}.whoops__gallery__media{visibility:hidden;width:43.5rem;max-width:1200px;height:64.2rem;max-height:642px;position:relative}@media (max-width:767px){.whoops__gallery__media{width:20.8rem;height:31.2rem}}.whoops__gallery__media__image{-o-object-fit:cover;object-fit:cover}.whoops__back{pointer-events:auto;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whoops__button__wrapper{line-height:1.1;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.whoops__button{pointer-events:auto;margin:auto;display:block}.projects{z-index:3}.projects__wrapper{overflow:hidden}.projects__gallery{z-index:1}.projects__gallery__wrapper{align-items:center;display:flex;position:absolute;bottom:4.5rem;left:50%;transform:translate(-57.7rem)}@media (max-width:767px){.projects__gallery__wrapper{top:50%;bottom:auto;transform:translate(-12.45rem,-58%)}}.projects__gallery__link{margin:0 3.7rem}.projects__gallery__link:first-child{margin-left:0}.projects__gallery__link:last-child{margin-right:0}@media (max-width:767px){.projects__gallery__link{margin:0 .8rem}}.projects__gallery__media{visibility:hidden;width:115.4rem;height:86.5rem;position:relative}@media (max-width:767px){.projects__gallery__media{width:24.9rem;height:18.8rem}}.projects__gallery__media__image{-o-object-fit:cover;object-fit:cover}.projects__button__wrapper{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.projects__button__wrapper>button{pointer-events:none;justify-content:center;align-items:center;width:22rem;height:100%;display:flex;position:relative;transform:scale(0)}.projects__button__close{pointer-events:none;width:100%;height:100%}.projects__button__circle{background-color:#000;border-radius:50%;width:8px;height:8px}.projects__gallery__thumb__wrapper{z-index:2;position:absolute;bottom:5rem;left:7.3rem;overflow:hidden}@media (max-width:767px){.projects__gallery__thumb__wrapper{top:auto;bottom:3rem;left:1.2rem}}.projects__gallery__thumb__link{pointer-events:auto;vertical-align:middle;will-change:auto;transition:transform 1.4s calc(var(--animation-index)*80ms) cubic-bezier(.19,1,.22,1),opacity .97s calc(var(--animation-index)*80ms) linear;width:7.3rem;display:inline-block;position:relative;transform:translateY(110%)}.projects__gallery__thumb__link:first-child{margin-left:0}.projects__gallery__thumb__link:last-child{margin-right:0}@media (max-width:767px){.projects__gallery__thumb__link{width:6rem}}@media (hover:hover) and (pointer:fine){.projects__gallery__thumb__link:hover{cursor:pointer}}.projects__gallery__thumb__media{border:1px solid #fff0;width:5.3rem;height:4rem;position:relative}@media (max-width:767px){.projects__gallery__thumb__media{width:5.3rem;height:4rem}}.projects__gallery__thumb__media.active{border-color:#000}.projects__gallery__media__thumb__image{-o-object-fit:cover;object-fit:cover;display:block}.projects__thumbnail__wrapper{white-space:nowrap;width:36.5rem;transition:transform .6s cubic-bezier(.19,1,.22,1)}@media (max-width:767px){.projects__thumbnail__wrapper{width:30rem}}.projects__progress__wrapper{overflow:hidden}.projects__follow__text{z-index:2;pointer-events:none;color:#fff;opacity:0;transition:opacity .3s;position:absolute;transform:translateY(-100%)}@media (max-width:767px){.projects__follow__text{display:none}}.projects__overview__close{z-index:2;pointer-events:auto;cursor:pointer;visibility:hidden;opacity:0;font-size:1.2rem;line-height:1;position:absolute;top:11.5rem;right:73rem}@media (max-width:767px){.projects__overview__close{inset:auto auto 3rem 50%;transform:translate(-50%)}}


/* ── P0-3 移动端导航防重叠（≤767）────────────────────────────
   390 宽下字标 32–179 与 Prev 130–195 重叠 49px。
   方案：Prev/Next 移到字标下方第二行，其余导航项位置不动；桌面端不受影响。 */
@media (max-width:767px){
  .navigation__projects__navigation{position:absolute;top:6.2rem;left:2.4rem;right:auto}
}