.home{min-height:100vh}.portfolio-grid{padding-top:20vh}.portfolio-grid .image-grid{columns:5;gap:var(--body-padding)}.portfolio-grid .portfolio-item{margin-bottom:var(--body-padding)}.portfolio-grid .portfolio-item img,.portfolio-grid .portfolio-item video{width:100%;height:auto;display:block;object-fit:cover}@media (max-width: 1930px){.portfolio-grid .image-grid{columns:4}}@media (max-width: 1024px){.portfolio-grid .image-grid{columns:3}}@media (max-width: 700px){.portfolio-grid .image-grid{columns:2}}@media (max-width: 500px){.portfolio-grid .image-grid{columns:1}}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:initial}html{scroll-behavior:initial;-webkit-tap-highlight-color:rgba(255,255,255,0)}body{text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}a{all:unset;cursor:pointer}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:initial}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:initial!important}}body,html{font-family:Inter,sans-serif}.container{padding:0 var(--body-padding)}:root{--body-padding: 16px;--nav-font-size: 22px;--nav-font-weight: 400}@media (max-width: 670px){:root{--nav-font-size: 18px}}@media (max-width: 570px){:root{--nav-font-size: 14px}.navbar .nav-actions button{margin-left:2ch!important}}@media (max-width: 410px){:root{--nav-font-size: 12px}.navbar .nav-actions button{margin-left:2ch!important}}@media (max-width: 345px){:root{--nav-font-size: 11px}.navbar .nav-actions button{margin-left:1ch!important}}.navbar{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:var(--body-padding);color:#fff;width:100%;mix-blend-mode:difference;font-size:var(--nav-font-size);font-weight:var(--nav-font-weight);z-index:100}.navbar .logo{font-size:var(--nav-font-size);font-weight:var(--nav-font-weight)}.navbar .nav-actions button{margin-left:3ch;cursor:pointer}