@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) minmax(0,1fr);min-height:100vh;display:grid}.portfolio-page.theme-light{--black:#f5f5f4;--white:#111;--muted:#666;--line:#0000002e;background:var(--black);color:var(--white)}.sidebar{background:#020508;height:100vh;position:sticky;top:0;overflow:hidden}.theme-light .sidebar{background:#e8e8e5}.theme-light .sidebar:after{background:linear-gradient(145deg,#ffffff1f,#ffffff47)}.theme-light .blue-orb{opacity:.28}.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%}.theme-switcher{background:#0003;border:1px solid #ffffff59;border-radius:999px;align-self:flex-end;padding:3px;display:flex}.theme-switcher button{color:#9a9a9a;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:10px;transition:color .25s,background .25s}.theme-switcher button.is-selected{color:var(--black);background:var(--white)}.theme-light .theme-switcher{background:#ffffff73;border-color:#0003}.theme-light .theme-switcher button{color:#666}.theme-light .theme-switcher button.is-selected{color:#f5f5f4;background:#111}.identity{max-width:440px;margin:80px 0 auto}.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}.theme-light .bio{color:#333}.theme-light .identity{color:#151515}.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}.theme-light .skills span{color:#333;border-color:#0000004d}.skills span:hover,.theme-light .skills span:hover{border-color:var(--blue);color:#fff}.skills span:hover{background:var(--blue)}.sidebar-footer{color:#737373;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex}.work-area{min-width:0;padding:36px clamp(32px,5vw,92px) 52px;position:relative;overflow-x:hidden}.work-area>.theme-switcher{position:absolute;top:0;right:clamp(32px,5vw,92px)}.detail-toolbar{color:#777;letter-spacing:.14em;justify-content:space-between;align-items:center;margin:36px 0 34px;font-size:10px;display:flex}.back-button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.back-button:hover{color:var(--white)}.project-detail{width:100%;min-width:0;max-width:980px}.detail-preview{background:#fff;justify-content:center;align-items:center;min-height:360px;padding:28px;display:flex}.detail-preview img{-o-object-fit:cover;object-fit:cover;width:100%;max-height:430px;display:block}.project-detail h1{color:var(--white);letter-spacing:-.09em;margin:78px 0 74px;font-size:clamp(64px,10vw,142px);line-height:.84}.detail-intro-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,8vw,140px);padding-bottom:52px;display:grid}.detail-intro-grid h2,.detail-section-heading h2{color:var(--white);letter-spacing:.1em;margin:0 0 16px;font-size:11px}.detail-intro-grid p{color:#999;max-width:390px;margin:0;font-size:13px;line-height:1.65}.detail-section{border-bottom:1px solid var(--line);padding:52px 0}.detail-section-heading{color:var(--blue);align-items:baseline;gap:20px;margin-bottom:30px;display:flex}.detail-section-heading span{font-size:11px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.process-grid>div{background:linear-gradient(145deg,#1784ff21,#ffffff06);border:1px solid #ffffff14;border-radius:18px;min-height:230px;padding:24px 22px;position:relative}.process-grid>div:not(:last-child):after{z-index:1;width:42px;height:42px;color:var(--blue);content:"→";background:#0b1220;border:1px solid #1784ff59;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.process-grid span{color:var(--blue);font-size:10px}.process-grid h3{color:var(--white);letter-spacing:-.05em;margin:54px 0 12px;font-size:22px}.process-grid p{color:#888;margin:0;font-size:11px;line-height:1.55}.exploration-section .detail-section-heading{text-align:center;display:block}.exploration-section .detail-section-heading span{margin-bottom:14px;display:block}.exploration-section{padding:104px 0 122px}.exploration-section .detail-section-heading h2{letter-spacing:-.08em;font-size:clamp(46px,7vw,108px);font-weight:400}.wireframe-grid{gap:22px;width:max-content;animation:38s linear infinite lofi-scroll;display:flex}.exploration-section{overflow:hidden}.wireframe-grid div{background:#171717;border:0;border-radius:20px;width:clamp(360px,48vw,640px);height:430px;overflow:hidden;box-shadow:0 18px 55px #00000038}.wireframe-grid div:nth-child(2n){transform:translateY(44px)}.wireframe-grid div:nth-child(3n){transform:translateY(-18px)}.wireframe-grid img{-o-object-fit:cover;object-fit:cover;filter:grayscale(.2)contrast(.9);width:100%;height:100%}@keyframes lofi-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 11px))}}.design-preview-grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,.9fr);align-items:start;gap:22px;display:grid}.design-preview-grid figure{background:#151515;border-radius:18px;margin:0;position:relative;overflow:hidden}.design-preview-grid figure:nth-child(2){margin-top:80px}.design-preview-grid img{-o-object-fit:cover;object-fit:cover;width:100%;height:480px;display:block}.design-preview-grid figure:nth-child(2) img{height:390px}.design-preview-grid figcaption{color:#fff;letter-spacing:.14em;font-size:9px;position:absolute;bottom:16px;right:18px}.styleguide-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.styleguide-grid>div{border:1px solid var(--line);flex-direction:column;gap:14px;min-height:160px;padding:22px;display:flex}.styleguide-grid span{color:#888;letter-spacing:.1em;font-size:10px}.styleguide-grid strong{color:var(--white);letter-spacing:-.07em;font-size:42px}.styleguide-grid small{color:#888;font-size:11px}.swatches{gap:8px;margin-top:24px;display:flex}.swatches i{background:#1784ff;border-radius:50%;width:44px;height:44px}.swatches i:nth-child(2){background:#0a1630}.swatches i:nth-child(3){background:#f5f5f4;border:1px solid #777}.swatches i:nth-child(4){background:#777}.styleguide-label{color:#888;letter-spacing:.14em;margin-bottom:28px;font-size:10px}.styleguide-typography{border-bottom:1px solid var(--line);padding-bottom:58px}.color-group h3,.styleguide-typography h3{color:var(--white);margin:0 0 16px;font-size:15px;font-weight:500}.styleguide-typography>strong{color:var(--white);letter-spacing:-.06em;font-size:34px;display:block}.type-specimen{grid-template-columns:280px 1fr;align-items:end;gap:34px;margin-top:32px;display:grid}.type-aa{color:var(--white);letter-spacing:-.14em;font-size:210px;line-height:.7}.type-weights{color:#bbb;grid-template-columns:repeat(2,1fr);gap:28px;font-size:12px;line-height:1.65;display:grid}.type-weights p{margin:0}.type-weights b{color:var(--white);font-size:13px;font-weight:500}.styleguide-colors{padding-top:58px}.color-group{margin-bottom:38px}.color-row,.semantic-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.semantic-grid{grid-template-columns:repeat(5,1fr)}.color-card{color:#101010;border-radius:5px;flex-direction:column;justify-content:space-between;min-height:116px;padding:14px;display:flex}.color-card b{font-size:11px;font-weight:500}.color-card small{font-size:9px}.primary-100{background:#dcebff}.primary-400{color:#fff;background:#1784ff}.primary-700{color:#fff;background:#0745c8}.grey-100{background:#f5f5f4}.grey-600{color:#fff;background:#858585}.grey-900{color:#fff;background:#050505;border:1px solid #444}.info{background:#cce7ff}.success{background:#ccefdc}.warning{background:#ffe4bf}.error{background:#ffd0d0}.neutral{background:#d7d7d7}.other-works{min-width:0;padding-top:80px;overflow:hidden}.other-works-heading{color:#888;letter-spacing:.14em;justify-content:space-between;margin-bottom:28px;font-size:10px;display:flex}.other-works-track{gap:24px;width:max-content;display:flex}.other-work-card{cursor:pointer;width:clamp(240px,27vw,360px)}.other-work-image{background:#e8ebee;border-radius:18px;height:220px;padding:12px}.other-work-image img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%}.other-work-meta{justify-content:space-between;align-items:baseline;padding-top:16px;display:flex}.other-work-meta h3{color:var(--white);letter-spacing:-.06em;margin:0;font-size:22px}.other-work-meta span{color:#888;font-size:14px}.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:42px;padding-right:0;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:190px;padding:18px 10px;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-preview{z-index:10;pointer-events:none;background:#0c0c0ceb;border:0;border-radius:6px;width:300px;padding:8px;animation:.22s ease-out both preview-in;position:fixed;box-shadow:0 18px 50px #0000004d}.project-preview img{-o-object-fit:cover;object-fit:cover;background:#222;border-radius:2px;width:100%;height:170px;display:block}.project-preview span{color:#aaa;letter-spacing:.14em;padding:8px 2px 2px;font-size:9px;display:block}@keyframes preview-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(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}.theme-light .work-area{background:#f5f5f4}.theme-light .section-heading{color:#555}.theme-light .heading-line{background:#999}.theme-light .project h2{color:#c8c8c6}.theme-light .project.is-active h2,.theme-light .project:hover h2{color:#111}.theme-light .project-meta{color:#777}.theme-light .work-footer a{color:#444}.theme-light .detail-intro-grid p,.theme-light .process-grid p,.theme-light .styleguide-grid small{color:#555}.theme-light .process-grid>div{background:linear-gradient(145deg,#1784ff1f,#00000006);border-color:#00000014}.theme-light .process-grid>div:not(:last-child):after{background:#f5f5f4;border-color:#1784ff4d}.theme-light .wireframe-grid div{background:linear-gradient(135deg,#0000 49%,#0000001f 50%,#0000 51%),linear-gradient(#fff 0 18%,#e5e5e5 0);border-color:#aaa}.theme-light .styleguide-grid>div{border-color:#0000002e}.theme-light .other-work-image{background:#e1e3e5}@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:64px 0 50px}.logo{width:min(100%,290px)}.work-area{padding:28px 24px 40px}.section-heading{margin-bottom:17px;padding-right:0}.work-intro{margin-bottom:42px}.section-block{margin-bottom:68px}.project{min-height:145px;padding-inline:4px}.project h2{font-size:clamp(37px,13vw,62px)}.project-meta{gap:7px;font-size:11px}.project-preview{display:none}.detail-toolbar{margin-top:20px}.detail-preview{min-height:220px;padding:16px}.project-detail h1{margin:52px 0 46px;font-size:clamp(58px,18vw,96px)}.detail-intro-grid,.styleguide-grid{grid-template-columns:1fr;gap:34px;padding-bottom:48px}.type-specimen{grid-template-columns:1fr;gap:36px}.type-aa{font-size:150px}.type-weights{grid-template-columns:1fr}.color-row,.semantic-grid{grid-template-columns:repeat(2,1fr)}.detail-section{padding:52px 0}.exploration-section{padding:72px 0 88px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid>div:not(:last-child):after{display:none}.wireframe-grid div{width:min(78vw,340px);height:280px}.wireframe-grid{gap:12px}.design-preview-grid{grid-template-columns:1fr;gap:14px}.design-preview-grid figure:nth-child(2){margin-top:0}.design-preview-grid figure:nth-child(2) img,.design-preview-grid img{height:300px}.other-works{padding-top:52px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}