@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--black:#050505;--white:#f5f5f4;--muted:#858585;--line:#ffffff26;--blue:#1784ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--black)}body{color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.page-enter-active,.page-leave-active{transition:opacity .45s,transform .45s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(12px)}.portfolio-page{grid-template-columns:minmax(360px,35vw) 1fr;min-height:100vh;display:grid}.sidebar{background:#020508;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(145deg,#0003,#00000080);position:absolute;inset:0}.sidebar-inner{z-index:2;flex-direction:column;height:100%;padding:36px clamp(32px,4vw,64px) 34px;display:flex;position:relative}.blue-orb{filter:blur(34px);opacity:.7;background:#0745c8;border-radius:50%;position:absolute;transform:rotate(-23deg)}.blue-orb--one{opacity:.5;width:45%;height:75%;top:-8%;left:-25%}.blue-orb--two{opacity:.52;background:#0264dd;width:45%;height:72%;bottom:-8%;right:-27%}.blue-orb--three{opacity:.95;background:#031f56;width:26%;height:85%;bottom:-13%;left:28%}.nav{color:#a3a3a3;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:26px;font-size:11px;display:flex}.nav-mark{color:var(--white);letter-spacing:-.12em;font-size:22px;font-weight:800}.nav-links{gap:20px;display:flex}.nav a{transition:color .25s}.nav a:hover{color:var(--white)}.contact-link{margin-left:auto;color:var(--white)!important}.contact-link span,.work-footer a span{color:var(--blue);margin-left:4px;font-size:15px}.identity{max-width:440px;margin:auto 0}.logo{width:min(100%,330px);height:auto;margin-bottom:28px;display:block}.role{background:var(--blue);color:#fff;letter-spacing:-.02em;border-radius:999px;margin:0 0 27px;padding:8px 13px;font-size:clamp(11px,1vw,14px);font-weight:500;display:inline-block}.role span{font-weight:700}.bio{color:#d1d1d1;max-width:405px;font-size:14px;line-height:1.55}.bio p{margin:0 0 20px}.skills{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.skills span{color:#ddd;border:1px solid #ffffff73;border-radius:999px;padding:9px 14px;font-size:11px;transition:all .25s}.skills span:hover{border-color:var(--blue);background:var(--blue);color:#fff}.sidebar-footer{color:#737373;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex}.work-area{padding:36px clamp(32px,5vw,92px) 52px}.work-intro{color:#696969;letter-spacing:.14em;justify-content:space-between;margin-bottom:54px;font-size:10px;display:flex}.work-count{color:var(--blue)}.section-block{margin-bottom:94px}.section-heading{color:#a3a3a3;letter-spacing:.01em;align-items:center;gap:30px;margin-bottom:17px;font-size:12px;display:flex}.heading-line{background:#777;flex:1;height:1px}.project{border-top:1px solid var(--line);cursor:pointer;align-items:center;min-height:170px;transition:opacity .35s,padding .35s;display:flex;position:relative}.project:last-child{border-bottom:1px solid var(--line)}.project h2{white-space:pre-line;color:#242424;letter-spacing:-.075em;max-width:68%;margin:0;font-size:clamp(42px,5.5vw,78px);font-weight:700;line-height:.94;transition:color .35s,transform .35s}.project.is-active h2,.project:hover h2{color:var(--white);transform:translate(7px)}.project-meta{color:#686868;text-align:right;flex-direction:column;align-items:flex-end;gap:11px;margin-left:auto;font-size:14px;display:flex}.project.is-active .project-meta .year{background:var(--blue);color:#fff;border-radius:99px;padding:4px 12px}.project-arrow{color:var(--blue);opacity:0;font-size:20px;transition:opacity .3s;position:absolute;bottom:20px;right:0}.project:hover .project-arrow{opacity:1}.work-footer{color:#5e5e5e;letter-spacing:.12em;justify-content:space-between;margin-top:30px;font-size:10px;display:flex}.work-footer a{color:#c6c6c6;letter-spacing:0}@media (width<=760px){.portfolio-page{display:block}.sidebar{height:auto;min-height:690px;position:relative}.sidebar-inner{min-height:690px;padding:24px 24px 26px}.identity{margin:auto 0 50px}.logo{width:min(100%,290px)}.work-area{padding:28px 24px 40px}.work-intro{margin-bottom:42px}.section-block{margin-bottom:68px}.project{min-height:125px}.project h2{font-size:clamp(37px,13vw,62px)}.project-meta{gap:7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}