:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#121212}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#121212;color:#f4f4f2}a{-webkit-tap-highlight-color:transparent}.portfolio{display:flex;flex-direction:column;width:min(1120px,calc(100% - 48px));min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(56px,9vw,112px) 0 32px}.intro{margin-bottom:clamp(48px,7vw,80px)}.intro h1{margin:0;font-size:clamp(2.75rem,6vw,5.5rem);font-weight:600;line-height:.98;letter-spacing:-.055em}.intro p{margin:18px 0 0;color:#a5a5a2;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.5}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:grid;grid-template-rows:7fr 3fr;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid #292929;border-radius:16px;background:#191919;color:inherit;text-decoration:none}.project-card--interactive{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.project-card--interactive:focus-visible{outline:2px solid #f4f4f2;outline-offset:4px}.project-card--unavailable{color:#d1d1ce}.project-card__media{min-height:0;overflow:hidden;border-radius:15px 15px 0 0;background:#202020}.project-card__media img{display:block;width:100%;height:100%;object-fit:cover}.project-card__copy{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:14px 16px 16px}.project-card__copy h2{margin:0;font-size:clamp(1rem,1.45vw,1.15rem);font-weight:600;line-height:1.25;letter-spacing:-.02em}.project-card__copy p{margin:6px 0 0;color:#92928f;font-size:.85rem;line-height:1.4}.project-card__status{position:absolute;top:10px;right:12px;color:#71716e;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-card__placeholder{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.055),transparent 42%),#1e1e1e}.cube-mark{display:grid;grid-template-columns:repeat(3,24px);gap:5px;padding:12px;transform:rotate(-7deg);border:1px solid #3a3a3a;border-radius:10px;background:#171717}.cube-mark i{width:24px;aspect-ratio:1;border-radius:4px;background:#323232}.cube-mark i:nth-child(2),.cube-mark i:nth-child(4),.cube-mark i:nth-child(9){background:#454545}.cluster-mark{position:relative;width:116px;height:88px}.cluster-mark:before,.cluster-mark:after{position:absolute;width:44px;height:44px;border:1px solid #3c3c3c;border-radius:50%;content:""}.cluster-mark:before{top:2px;left:5px}.cluster-mark:after{right:4px;bottom:1px}.cluster-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#484848}.cluster-mark i:nth-child(1){left:14px;top:12px}.cluster-mark i:nth-child(2){left:30px;top:22px}.cluster-mark i:nth-child(3){left:20px;top:36px}.cluster-mark i:nth-child(4){left:43px;top:9px}.cluster-mark i:nth-child(5){left:9px;top:28px}.cluster-mark i:nth-child(6){left:40px;top:39px}.cluster-mark i:nth-child(7){right:14px;bottom:12px}.cluster-mark i:nth-child(8){right:30px;bottom:23px}.cluster-mark i:nth-child(9){right:47px;bottom:10px}.cluster-mark i:nth-child(10){right:7px;bottom:34px}.cluster-mark i:nth-child(11){right:42px;bottom:40px}.cluster-mark i:nth-child(12){right:23px;bottom:47px}.footer{display:flex;gap:24px;margin-top:auto;padding-top:clamp(64px,10vw,112px);color:#a5a5a2;font-size:.9rem}.footer a{color:inherit;text-underline-offset:4px;transition:color .16s ease}.footer a:hover,.footer a:focus-visible{color:#f4f4f2}.footer a:focus-visible{border-radius:2px;outline:2px solid #f4f4f2;outline-offset:4px}.footer__unavailable{color:#5f5f5d;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.project-card--interactive:hover{transform:translateY(-4px);border-color:#4a4a48;background:#1d1d1d}}@media(max-width:899px){.portfolio{width:min(620px,calc(100% - 40px));padding-top:56px}.projects{grid-template-columns:1fr}.project-card__copy h2{font-size:clamp(1rem,4vw,1.2rem)}}@media(max-width:480px){.portfolio{width:calc(100% - 32px);padding-top:40px;padding-bottom:24px}.intro{margin-bottom:40px}.intro h1{font-size:clamp(2.45rem,13vw,3.4rem)}.intro p{max-width:30ch;margin-top:14px}.projects{gap:16px}.project-card__copy{padding:12px 14px 14px}.project-card__status{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}