body.portfolio-page[data-portfolio-view]{height:auto;min-height:100dvh;overflow:visible;display:flex;flex-direction:column}body.portfolio-page>.portfolio-header{position:sticky;top:0;background:transparent}.portfolio-page>main{flex:1;min-width:0;min-height:0;padding-top:8px}body.portfolio-page[data-portfolio-view]>footer{position:relative;flex:0 0 auto;flex-wrap:wrap;gap:20px var(--portfolio-footer-gap);padding:var(--portfolio-footer-padding) 0;margin-top:32px;font-size:var(--portfolio-footer-font);line-height:1.4}.portfolio-page>.portfolio-header{flex:0 0 auto}.portfolio-tabs{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin:0 0 24px}.portfolio-tabs [role=tab]{position:relative;padding:0 0 4px;border:0;background:transparent;font-family:Georgia,serif;font-size:clamp(30px,min(2.9vw,5dvh),56px);font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.05em;color:#06051a61;transition:color .18s ease}.portfolio-tabs [role=tab][aria-selected=true]{color:var(--black-color)}.portfolio-tabs [role=tab]:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.22,1,.36,1)}.portfolio-tabs [role=tab][aria-selected=true]:after{transform:scaleX(1)}.portfolio-tabs [role=tab]:hover{color:var(--primary-color)}.portfolio-tabs [role=tab]:focus-visible{outline:2px solid var(--primary-color);outline-offset:6px}.portfolio-tabs>span{font-size:30px;font-weight:300;color:#06051a38}.portfolio-panel[hidden]{display:none!important}.portfolio-page .projects-intro p,.portfolio-page .portfolio-panel>.gallery-description{width:100%;max-width:60ch;margin:0 0 20px;font-family:Gotham,sans-serif;font-size:clamp(17px,min(1.2vw,2.6dvh),22px);font-weight:300;line-height:1.45;letter-spacing:0}.portfolio-lab .page-header-tabs{margin-bottom:24px}.portfolio-panel .gallery-description{width:100%;max-width:60ch;margin-top:0}.portfolio-lab .gallery img{cursor:url(img/cursor-white.svg) 0 0,pointer;cursor:-webkit-image-set(url(img/cursor-white@1x.png) 1x,url(img/cursor-white@2x.png) 2x,url(img/cursor-white@3x.png) 3x) 0 0,pointer;transition:transform .24s cubic-bezier(.22,1,.36,1)}.portfolio-lab .project-image-trigger{display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;cursor:url(img/cursor-white.svg) 0 0,pointer;cursor:-webkit-image-set(url(img/cursor-white@1x.png) 1x,url(img/cursor-white@2x.png) 2x,url(img/cursor-white@3x.png) 3x) 0 0,pointer}.portfolio-lab .project-image-trigger img{width:100%}.portfolio-lab .project-image-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.portfolio-page #floating-player.floating-hidden{visibility:hidden}.portfolio-page #floating-player{z-index:45}@media(min-width:769px){body.portfolio-page[data-portfolio-view=projects]{height:100dvh;min-height:0;overflow:hidden}.portfolio-page[data-portfolio-view=projects]>main{display:flex;flex-direction:column}.portfolio-page[data-portfolio-view=projects] .portfolio-tabs{flex:0 0 auto}body.portfolio-page[data-portfolio-view=projects]>footer{margin-top:0}.portfolio-page .projects-container{display:flex;align-items:center;height:var(--portfolio-gallery-height, auto);padding:12px 0 clamp(64px,9dvh,112px)}.portfolio-page .project{width:var(--portfolio-card-width, 42vw);flex:0 0 var(--portfolio-card-width, 42vw)}.portfolio-page .project video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.portfolio-page .project .project-title{font-size:clamp(18px,min(1.1vw,2.8dvh),26px);line-height:1.3;white-space:normal;overflow-wrap:anywhere}.portfolio-page .project .project-description{font-size:clamp(14px,min(.85vw,2dvh),18px);line-height:1.5;white-space:normal}body.portfolio-page[data-project-overflow=true]{height:auto;min-height:100dvh;overflow:visible}.portfolio-page[data-project-overflow=true] .projects-container{height:auto}.portfolio-page[data-project-overflow=true] .projects-wrapper{width:100%;flex-direction:column;align-items:center;gap:36px}}@media(min-width:769px)and (max-height:700px){body.portfolio-page[data-horizontal-projects]>header.portfolio-header>nav{min-height:84px;padding:10px 0}.portfolio-page[data-horizontal-projects] .portfolio-tabs{margin-bottom:16px}.portfolio-page[data-horizontal-projects] .projects-intro p{max-width:none;margin-bottom:12px}.portfolio-page[data-horizontal-projects] .projects-intro br{display:none}.portfolio-page[data-horizontal-projects] .projects-container{padding-block:8px 40px}}@media(min-width:769px)and (max-aspect-ratio:1/1){body.portfolio-page[data-portfolio-view=projects]{height:auto;min-height:100dvh;overflow:visible}.portfolio-page .projects-container{display:block;height:auto}.portfolio-page .projects-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:36px 24px}.portfolio-page .project{width:100%;min-width:0}body.portfolio-page[data-portfolio-view=projects]>footer{margin-top:32px}}@media(max-width:768px){.portfolio-page .projects-wrapper{width:100%;flex-direction:column;gap:40px}.portfolio-page .project{width:100%;min-width:0}.portfolio-page .project video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.portfolio-page .project :is(.project-title,.project-description){white-space:normal}.portfolio-page .project .project-title{font-size:20px;line-height:1.3}.portfolio-page .project .project-description{font-size:15px;line-height:1.5}.portfolio-page .projects-container{overflow:visible}body.portfolio-page[data-portfolio-view]>footer{gap:20px;font-size:12px}.portfolio-tabs{gap:clamp(8px,2vw,16px);margin-bottom:20px}.portfolio-tabs [role=tab]{font-size:clamp(22px,4.8vw,34px)}.portfolio-tabs>span{font-size:20px}}@media(max-width:480px){.portfolio-tabs{gap:7px}.portfolio-tabs [role=tab]{font-size:clamp(21px,5.7vw,27px)}.portfolio-tabs>span{font-size:17px}}@media(prefers-reduced-motion:reduce){.portfolio-tabs [role=tab],.portfolio-tabs [role=tab]:after{transition:none}}