@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@400;500;600&display=swap";.bikes-screens{perspective:1800px;width:86%;height:78%;position:relative}.bikes-screens img{object-fit:cover;border:1px solid #ffffff38;border-radius:10px;width:78%;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 40px 90px #00000080}.screen-sales{top:0;left:0;transform:rotateY(5deg)rotate(-1deg)}.screen-returns{bottom:0;right:0;transform:rotateY(-5deg)rotate(1deg)}.project:hover .screen-sales{transform:translate(-2%,-2%)rotateY(2deg)rotate(-1.5deg)}.project:hover .screen-returns{transform:translate(2%,2%)rotateY(-2deg)rotate(1.5deg)}.job-screen{width:82%;padding-top:38px;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative}.job-screen:before{content:"";filter:blur(90px);opacity:.3;background:#5683bf;position:absolute;inset:-15% 8% 15%}.job-screen>span{letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;font:10px DM Mono;position:absolute;top:0;left:0}.job-screen>img{border:1px solid #fff3;border-radius:10px;width:100%;display:block;position:relative;transform:rotateX(2deg);box-shadow:0 45px 100px #0000008c}.project:hover .job-screen{transform:translateY(-2%)scale(1.025)}.portrait{background:#0b0b0c!important;display:block!important}.portrait:after{content:"";z-index:1;background:linear-gradient(#0000 60%,#040406c7);position:absolute;inset:0}.portrait>img{object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.05);width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1);display:block}.portrait:hover>img{transform:scale(1.035)}.portrait>span{z-index:2;color:#b8b8b6!important}@media (width<=900px){.bikes-screens{width:92%;height:82%}.bikes-screens img{border-radius:5px;width:86%}.job-screen{width:92%;padding-top:24px}.job-screen>img{border-radius:5px}}:root{color:#f4f4f1;font-synthesis:none;--line:#ffffff1f;--muted:#969694;background:#070707;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#070707;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1700px,100% - 96px);margin:auto}.progress{transform-origin:0;z-index:100;background:#7ba9ff;height:2px;position:fixed;top:0;left:0;right:0}.nav{z-index:50;border:1px solid #0000;justify-content:space-between;align-items:center;width:min(1700px,100% - 80px);height:62px;padding:0 20px;transition:all .4s;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--line);background:#0f0f0fb8;border-radius:100px;width:min(900px,100% - 32px);top:12px}.mark{letter-spacing:-1px;font-size:22px;font-weight:600}.mark span{color:#6295ff}.nav nav{gap:36px;display:flex}.nav nav a,.nav-cta{text-transform:uppercase;letter-spacing:.08em;color:#bbb;font:12px DM Mono}.nav-cta{border:1px solid var(--line);border-radius:40px;align-items:center;gap:8px;padding:12px 16px;display:flex}.hero{background:radial-gradient(circle at 70% 40%,#14233a 0,#0000 26%),linear-gradient(135deg,#111,#050505 60%);flex-direction:column;justify-content:center;height:100vh;min-height:720px;padding:110px max(48px,50vw - 850px);display:flex;position:relative;overflow:hidden}.hero-atmosphere{filter:blur(40px);position:absolute;inset:0}.hero-atmosphere i{opacity:.2;background:#315f9e;border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}.hero-atmosphere i:first-child{width:38vw;height:38vw;top:5%;right:-8%}.hero-atmosphere i:nth-child(2){background:#5c2c85;width:20vw;height:20vw;animation-delay:-4s;bottom:-8%;left:18%}.hero-atmosphere i:nth-child(3){background:#235274;width:10vw;height:30vw;animation-delay:-7s;top:20%;left:50%}@keyframes float{50%{transform:translate(5vw,3vw)scale(1.15)}}.noise{opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#aaa;align-items:center;gap:10px;font:11px DM Mono;display:flex;position:relative}.eyebrow span{background:#6eff9c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #6eff9c}.hero-title{margin:40px 0 0;position:relative}.hero-title h1{letter-spacing:-.075em;margin:-.06em 0;font-size:clamp(76px,9.6vw,184px);font-weight:500;line-height:.85;overflow:hidden}.hero-title .outline{color:#0000;-webkit-text-stroke:1px #ffffffa6;margin-left:11vw}.hero-bottom{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:38px;left:max(48px,50vw - 850px);right:max(48px,50vw - 850px)}.hero-bottom p{color:#aaa;max-width:370px;margin:0;font-size:14px;line-height:1.7}.hero-bottom b{color:#fff}.round-link{border:1px solid var(--line);border-radius:50%;place-items:center;width:92px;height:92px;transition:all .3s;display:grid;position:relative}.round-link span{white-space:nowrap;text-transform:uppercase;color:#aaa;font:11px DM Mono;position:absolute;right:110px}.round-link:hover{color:#000;background:#fff;transform:scale(.95)}.section-label{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;color:#aaa;gap:30px;padding-top:110px;font:12px DM Mono;display:flex}.section-label span{color:#fff}.statement{flex-direction:column;justify-content:center;min-height:85vh;display:flex}.statement>p{letter-spacing:-.06em;max-width:1450px;margin:0;font-size:clamp(48px,6.2vw,112px);line-height:1.02}.statement em{color:#7f7f7b;font-style:normal}.ticker{border-block:1px solid var(--line);color:#777;justify-content:space-around;align-items:center;margin-top:90px;padding:24px 0;font:12px DM Mono;display:flex}.ticker i{background:#4d79ce;border-radius:50%;width:4px;height:4px}.about,.work,.expertise{padding-bottom:180px}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:9vw;padding-top:90px;display:grid}.portrait{background:linear-gradient(145deg,#17191d,#0b0b0c);place-items:center;height:680px;display:grid;position:relative;overflow:hidden}.portrait-glow{filter:blur(100px);opacity:.35;background:#316cb2;border-radius:50%;width:70%;height:70%;position:absolute}.monogram{letter-spacing:-.15em;color:#171e29;z-index:1;font-size:320px;font-weight:500;line-height:1}.portrait>span{text-transform:uppercase;color:#777;font:10px DM Mono;position:absolute;bottom:20px;left:22px}.about-copy .kicker{text-transform:uppercase;color:#7ea7ee;font:12px DM Mono}.about-copy h2,.section-heading h2{letter-spacing:-.055em;margin:28px 0;font-size:clamp(48px,5vw,88px);font-weight:500;line-height:1.04}.about-copy h2 span{color:#777}.about-copy>p:last-of-type{color:#a4a4a0;max-width:700px;font-size:18px;line-height:1.75}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:60px;padding-top:30px;display:grid}.facts div{flex-direction:column;gap:8px;display:flex}.facts b{font-size:32px;font-weight:500}.facts span{text-transform:uppercase;color:#777;font:10px DM Mono}.section-heading{justify-content:space-between;align-items:end;margin:60px 0 80px;display:flex}.section-heading p{color:#888;max-width:380px;line-height:1.6}.project-list{flex-direction:column;gap:130px;display:flex}.project-visual{background:#111;place-items:center;height:min(63vw,850px);display:grid;overflow:hidden}.project.blue .project-visual{background:radial-gradient(circle at 70% 20%,#476f9e,#152132 48%,#0b1017)}.project.violet .project-visual{background:radial-gradient(circle at 30% 20%,#745b8e,#251b31 48%,#0e0a12)}.project.amber .project-visual{background:radial-gradient(circle at 50% 30%,#80633e,#2b2115 48%,#100d09)}.window{background:#0a0a0b;border:1px solid #ffffff2e;border-radius:12px;width:72%;height:72%;transition:all .7s cubic-bezier(.16,1,.3,1);box-shadow:0 50px 100px #00000080}.project:hover .window{transform:scale(1.04)rotate(-1deg)}.window-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:42px;padding:0 15px;display:flex}.window-bar i{background:#343434;border-radius:50%;width:7px;height:7px}.window-content{background:linear-gradient(145deg,#ffffff0a,#0000);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:calc(100% - 42px);display:flex}.window-content span,.window-content small{letter-spacing:.2em;color:#777;font:10px DM Mono}.window-content b{letter-spacing:-.06em;font-size:clamp(40px,6vw,100px)}.project-meta{grid-template-columns:80px 1fr auto;align-items:start;padding-top:28px;display:grid}.project-meta>span{color:#666;font:12px DM Mono}.project-meta h3{margin:0;font-size:34px;font-weight:500}.project-meta p{color:#888}.tags{gap:8px;margin-top:24px;display:flex}.tags em{border:1px solid var(--line);color:#aaa;border-radius:50px;padding:8px 12px;font:10px DM Mono}.project-meta>svg{transition:all .3s}.project:hover .project-meta>svg{transform:translate(5px,-5px)}.skill-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.skill-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:end;min-height:360px;padding:34px;transition:all .4s;display:flex;position:relative}.skill-grid article:hover{background:#0d1118}.skill-grid article>span{color:#666;font:11px DM Mono;position:absolute;top:34px}.skill-grid article>svg{color:#527fcf;position:absolute;top:34px;right:34px}.skill-grid h3{margin:0 0 16px;font-size:36px;font-weight:500}.skill-grid p{color:#888;max-width:520px;line-height:1.7}.github{padding-bottom:180px}.github-card{border:1px solid var(--line);background:linear-gradient(120deg,#0f1827,#0d0d0e 65%);flex-direction:column;justify-content:space-between;min-height:600px;padding:70px;display:flex;position:relative;overflow:hidden}.github-card:after{content:"";border:1px solid #5b89db4d;border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-100px;box-shadow:0 0 80px #3b67b524}.github-card>div{text-transform:uppercase;color:#8ea9d7;align-items:center;gap:12px;font:11px DM Mono;display:flex}.github-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(56px,7vw,116px);font-weight:500;line-height:.92}.github-card>a{z-index:2;border-bottom:1px solid #888;align-items:center;gap:12px;width:max-content;padding-bottom:8px;font:13px DM Mono;display:flex}.contact{flex-direction:column;justify-content:center;height:100vh;min-height:800px;padding:0 max(48px,50vw - 850px);display:flex;position:relative;overflow:hidden}.contact .section-label{position:absolute;top:0;left:max(48px,50vw - 850px);right:max(48px,50vw - 850px)}.contact-glow{filter:blur(170px);opacity:.17;background:#1f569f;border-radius:50%;width:600px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.contact>div:nth-of-type(3){z-index:1}.contact p{text-transform:uppercase;color:#888;font:12px DM Mono}.contact h2{letter-spacing:-.075em;margin:40px 0;font-size:clamp(70px,10vw,180px);font-weight:500;line-height:.8}.contact h2 span{color:#0000;-webkit-text-stroke:1px #777}.email{z-index:2;border-bottom:1px solid #777;align-items:center;gap:10px;width:max-content;padding-bottom:10px;font-size:18px;display:flex}.contact footer{border-top:1px solid var(--line);color:#777;text-transform:uppercase;justify-content:space-between;padding-top:24px;font:10px DM Mono;display:flex;position:absolute;bottom:30px;left:max(48px,50vw - 850px);right:max(48px,50vw - 850px)}.contact footer div{gap:28px;display:flex}.contact footer a{align-items:center;gap:6px;display:flex}.contact footer svg{width:13px}@media (width<=900px){.shell{width:calc(100% - 40px)}.nav{width:calc(100% - 24px);top:10px}.nav nav{display:none}.hero{padding-inline:24px}.hero-title h1{font-size:clamp(52px,15vw,100px)}.hero-title .outline{margin-left:0}.hero-bottom{left:24px;right:24px}.round-link{width:68px;height:68px}.round-link span{display:none}.statement{min-height:70vh}.statement>p{font-size:44px}.ticker{justify-content:start;gap:30px;overflow:hidden}.about-grid{grid-template-columns:1fr}.portrait{height:500px}.section-heading{display:block}.section-heading p{margin-top:30px}.project-list{gap:80px}.project-visual{height:70vw}.window{width:86%;height:76%}.project-meta{grid-template-columns:42px 1fr auto}.skill-grid{grid-template-columns:1fr}.github-card{min-height:500px;padding:36px}.contact{padding-inline:24px}.contact .section-label,.contact footer{left:24px;right:24px}.contact footer>span,.contact footer>a{display:none}.contact footer div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}