:root{--bg-color: #000000;--text-color: #F0F0F0}@font-face{font-family:PP Fragment Glare;src:url(/fonts/PPFragment-GlareRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;cursor:none!important}html,body{width:100%;height:100%}html{background-color:#000;color:#f0f0f0}body{background-color:inherit;font-family:PP Fragment Glare,sans-serif;color:inherit;position:relative;transition:background-color .5s ease,color .5s ease;opacity:0;animation:fadeIn .8s ease forwards}.custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;background-color:#fff;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;display:none}@media (hover: hover) and (pointer: fine){.custom-cursor{display:block}}@media (max-width: 768px){.custom-cursor{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.name-header{position:fixed;top:0;left:0;right:0;padding:1.04vw;padding-bottom:0;font-family:PP Fragment Glare,sans-serif;font-size:clamp(14px,.94vw,18px);color:#fff;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:.63vw;background-color:transparent;transition:color .5s ease,background-color .5s ease;pointer-events:none;mix-blend-mode:difference}.name-header>*{pointer-events:auto}.header-left{display:flex;align-items:center;gap:.3em}.name-text{line-height:1}.separator{color:#fff;line-height:1}.current-page{color:#fff;line-height:1;position:relative;cursor:pointer}.current-page:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.current-page:hover:after{transform:scaleX(1)}html body{background:#000;color:#f0f0f0}html .name-header{border-bottom-color:#676767;background-color:transparent}.header-link{text-decoration:none;color:inherit;cursor:pointer;position:relative}.name-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.name-link:hover:after{transform:scaleX(1);transition-delay:0s}.name-header.header-hover .name-link:after{transform:scaleX(1);transition-delay:0s}.nav-link{font-family:PP Fragment Glare,sans-serif;font-size:clamp(14px,.94vw,18px);color:#676767;text-decoration:none;line-height:1;margin-left:auto;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover:after{transform:scaleX(1)}.nav-link:hover{color:#fff}.portfolio-main{padding-top:8vh;padding-bottom:2.08vh}.portfolio-project{margin-bottom:0}.project-separator{width:100%;height:1px;background-color:#676767;margin:6vh 0}.portfolio-footer{margin-top:8vh;margin-bottom:8vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-separator{width:100%;height:1px;background-color:#676767;margin-bottom:2.08vh}.main-nav{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.08vw;flex-wrap:wrap}.main-nav .nav-link{font-family:PP Fragment Glare,sans-serif;font-size:clamp(14px,.94vw,18px);color:#fff;text-decoration:none;transition:color .3s ease;line-height:1;position:relative;mix-blend-mode:difference}.main-nav .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.main-nav .nav-link:hover:after{transform:scaleX(1)}html .main-nav .nav-link,html .main-nav .nav-link:hover{color:#fff}.project-info{padding:0 1.04vw;margin-bottom:3.13vh;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2.08vw;align-items:start}.project-left{display:flex;flex-direction:column}.project-title{font-size:clamp(14px,.94vw,18px);text-transform:uppercase;margin-bottom:1.04vh;font-weight:500}.project-type-section{margin-top:2.08vh;margin-bottom:0}.project-year-section,.project-tags-section{margin-top:0;margin-bottom:0}.project-type-section+.project-year-section{margin-top:2.08vh}.project-year-section+.project-tags-section{margin-top:2.08vh}.project-type,.project-year{font-size:clamp(14px,.94vw,18px);color:#676767;display:block}.project-tags{display:flex;gap:0;flex-wrap:wrap}.project-tag{font-size:clamp(14px,.94vw,18px);color:#676767;margin-right:.52vw}.project-tag:last-child{margin-right:0}html .project-type,html .project-year,html .project-tag{color:#676767}.project-description{font-size:clamp(14px,.94vw,18px);line-height:1.5;color:#676767;margin-top:1.04vh;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.project-description.is-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:12}.project-read-more{margin-top:.52vh;padding:0;border:0;background:transparent;color:#676767;font-family:inherit;font-size:clamp(14px,.94vw,18px);line-height:1.5;text-transform:lowercase;cursor:pointer!important;transition:color .3s ease}.project-read-more:hover{color:#f0f0f0}html .project-description,html .project-read-more{color:#676767}html .project-read-more:hover{color:#f0f0f0}.project-gallery{width:100%;display:flex;flex-direction:column;gap:.26vw}.gallery-item{width:100%}.gallery-item.portrait{width:50%;align-self:center}.gallery-item img{width:100%;height:auto;display:block}.gallery-video{width:100%;height:auto;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.gallery-item.portrait .gallery-video{width:100%}.gallery-video::-webkit-media-controls{display:none!important}.gallery-video::-webkit-media-controls-enclosure{display:none!important}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}.name-header{font-size:clamp(13px,2.2vw,18px);padding:1.3vw;gap:.78vw;justify-content:flex-start}.name-header .nav-link{display:none}.nav-link{font-size:clamp(13px,2.2vw,18px)}.portfolio-main{padding-top:6vh;padding-bottom:2vh}.project-info{padding:0 1.3vw;grid-template-columns:1fr;gap:2vh;margin-bottom:2vh}.project-title,.project-description,.project-read-more,.project-type,.project-year,.project-tag{font-size:clamp(13px,2.2vw,18px)}.project-gallery{gap:1.3vw}.gallery-item.portrait{width:100%}.project-separator{margin:4vh 0}.portfolio-footer{margin-top:6vh;margin-bottom:6vh}.portfolio-separator{margin-bottom:2vh}.main-nav{gap:4vw}.main-nav .nav-link{font-size:clamp(13px,2.2vw,18px)}html .main-nav .nav-link:hover{color:#fff}}