.portfolio-pinned-only{display:none}.portfolio-stacked-only{display:inline-flex}.portfolio :is(button,a,input):focus-visible{outline-offset:4px;outline:2px solid #0f766e}.portfolio-dialog-footer{padding-bottom:max(.875rem, env(safe-area-inset-bottom))}.portfolio-dialog-scroll{overflow-anchor:none;scroll-padding-top:120px}.portfolio-project-scene{height:calc(100svh - 84px);padding:64px 20px 20px;top:84px}@media (min-width:1024px) and (min-height:740px){.portfolio-pinned-only{display:inline-flex}.portfolio-stacked-only{display:none}}@media (max-width:1023px){.portfolio #projects{display:none}.portfolio #projects-mobile{display:block}.portfolio-dialog-header .portfolio-dialog-visual,.portfolio-dialog-header .portfolio-dialog-metrics{display:none}.portfolio-dialog-header .portfolio-dialog-heading{min-height:0}.portfolio-dialog-header h3{font-size:1.75rem}}@media (min-width:768px) and (max-height:739px){.portfolio #projects{display:none}.portfolio #projects-mobile{max-width:64rem;display:block}.portfolio #projects-mobile>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (max-height:600px){.portfolio-hero{min-height:100svh;padding-block:3rem}.portfolio-hero h1{font-size:3rem}.portfolio-dialog-header{padding:.75rem 1rem}.portfolio-dialog-header h3{font-size:1.5rem}.portfolio-dialog-header .portfolio-dialog-visual,.portfolio-dialog-header .portfolio-dialog-metrics,.portfolio-dialog-header .portfolio-dialog-badges{display:none}.portfolio-dialog-header .portfolio-dialog-heading{min-height:0}.portfolio-dialog-overlay{padding:8px}.portfolio-dialog{max-height:calc(100dvh - 16px)}.portfolio-dialog-header .portfolio-dialog-heading>div>div{margin-bottom:0}.portfolio-dialog-header .portfolio-dialog-heading>div>div>div{padding-right:3rem}.portfolio-dialog-header button{position:absolute;top:0;right:0}.portfolio-dialog-header h3{margin-top:.5rem;padding-right:3rem}.portfolio-dialog-footer{padding-block:6px}.portfolio-dialog-footer p{display:none}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :before,.portfolio :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}