.portfolio{--paper:#f8f7f3;--ink:#20251f;--muted:#686c64;--line:#dfdfd6;--orange:#cf4d28;background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;overflow-x:clip}.portfolio *{box-sizing:border-box}.portfolio a{color:inherit;text-decoration:none}.portfolio .container{width:calc(100% - 100px);max-width:1160px;margin-inline:auto}.portfolio .eyebrow{font-family:var(--font-geist-mono),monospace;letter-spacing:1.4px;margin:0;font-size:10px;font-weight:500;line-height:1.6}.portfolio a:focus-visible{outline:3px solid var(--orange);outline-offset:6px;border-radius:3px}.portfolio .skip-link{z-index:100;background:var(--ink);color:#fff;padding:15px;position:fixed;top:-100px;left:20px}.portfolio .skip-link:focus{top:15px}.portfolio .site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;height:105px;display:flex}.portfolio .wordmark{letter-spacing:-3px;font-size:35px;font-weight:650;line-height:1}.portfolio .wordmark span{color:var(--orange)}.portfolio nav{gap:34px;margin-left:auto;margin-right:50px;font-size:13px;display:flex}.portfolio nav a:hover,.portfolio .text-link:hover{color:var(--orange)}.portfolio .language-switch{font-size:11px;font-family:var(--font-geist-mono),monospace;align-items:center;gap:9px;display:flex}.portfolio .language-switch a{color:var(--muted);padding:8px 4px}.portfolio .language-switch a[aria-current]{color:var(--ink);font-weight:700}.portfolio .language-switch span{color:#acafa6}.portfolio .hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:45px;padding-block:77px 75px;display:grid}.portfolio .hero .eyebrow{letter-spacing:1.2px;align-items:center;gap:9px;font-size:9px;display:flex}.portfolio .orange-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:6px;height:6px}.portfolio .hello{color:var(--muted);margin:29px 0 9px;font-size:18px}.portfolio h1{letter-spacing:-4.5px;margin:0;font-size:clamp(52px,6vw,79px);font-weight:550;line-height:1.04}.portfolio .name-dot{color:var(--orange)}.portfolio .hero-statement{letter-spacing:-.8px;margin:27px 0 0;font-size:25px;font-weight:450;line-height:1.3}.portfolio .hero-statement span{color:var(--orange)}.portfolio .hero-description{color:var(--muted);max-width:400px;margin:17px 0 0;font-size:14px;line-height:1.85}.portfolio .hero-actions{align-items:center;gap:29px;margin-top:28px;display:flex}.portfolio .button{border-radius:5px;justify-content:center;align-items:center;gap:22px;padding:15px 20px;font-size:12px;display:inline-flex}.portfolio .primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:background .2s}.portfolio .primary:hover{background:var(--orange);border-color:var(--orange)}.portfolio .text-link{align-items:center;gap:9px;font-size:12px;font-weight:500;transition:color .2s;display:inline-flex}.portfolio .hero-art{justify-self:center;width:100%;max-width:380px;padding-top:25px;position:relative}.portfolio .portrait-frame{background:#fff;border-radius:50%;width:310px;height:310px;margin:10px auto;position:relative;overflow:hidden}.portfolio .portrait-frame img{object-fit:cover;width:100%;height:100%}.portfolio .art-orbit{border:1px solid #d4d7c8;border-radius:50%;position:absolute;inset:0 0 117px;transform:rotate(-20deg)}.portfolio .art-tag{width:54px;height:54px;font-family:var(--font-geist-mono),monospace;border-radius:12px;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;box-shadow:0 4px 15px #20251f09}.portfolio .tag-code{background:#e7eadc;border:1px solid #d3d7c7;font-size:16px;top:55px;left:0;transform:rotate(-8deg)}.portfolio .tag-build{background:var(--orange);color:#fff;top:255px;right:-3px;transform:rotate(10deg)}.portfolio .art-cross{color:#929988;font-size:24px;font-weight:300;position:absolute}.portfolio .cross-top{top:5px;right:30px}.portfolio .cross-bottom{top:304px;left:35px}.portfolio .portrait-caption{letter-spacing:1.7px;font-size:9px;font-family:var(--font-geist-mono),monospace;text-align:center;color:var(--muted);margin-top:22px}.portfolio .now-note{border-top:1px solid var(--line);align-items:center;gap:13px;margin:32px 15px 0;padding:20px 0 0;display:flex}.portfolio .now-note small{letter-spacing:1.4px;font-size:9px;font-family:var(--font-geist-mono),monospace;color:var(--muted)}.portfolio .now-note p{margin:5px 0 0;font-size:11px}.portfolio .status-dot{background:#6a7b50;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 4px #e8ebdf}.portfolio .discipline-strip{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:11px;display:flex}.portfolio .discipline-strip>span{align-items:center;gap:36px;display:flex}.portfolio .discipline-strip>span:last-child>span{display:none}.portfolio .discipline-strip>span>span{color:#979e8b;font-size:17px}.portfolio .section{padding-block:80px;scroll-margin-top:30px}.portfolio .section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:33px;display:flex}.portfolio .section-heading h2{letter-spacing:-1.4px;margin:11px 0 0;font-size:36px;font-weight:450}.portfolio .section-heading>p{color:var(--muted);max-width:230px;margin-bottom:4px;font-size:12px;line-height:1.6}.portfolio .project-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.portfolio .project-card{border:1px solid var(--line);background:#fcfbf8;border-radius:9px;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden}.portfolio .project-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #20251f0b}.portfolio .project-visual{height:300px;position:relative;overflow:hidden}.portfolio .dns-visual{color:#a5ccc7;background:#102d37;justify-content:center;align-items:center;display:flex}.portfolio .dns-grid{background-image:linear-gradient(#77979614 1px,#0000 1px),linear-gradient(90deg,#77979614 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000);mask-image:radial-gradient(#000,#0000)}.portfolio .dns-core{z-index:1;background:linear-gradient(135deg,#225558,#143942);border:1px solid #649a9866;border-radius:24px;justify-content:center;align-items:center;width:114px;height:114px;display:flex;box-shadow:0 0 70px #5dad9930}.portfolio .dns-orbit{border:1px solid #80b8aa25;border-radius:50%;width:220px;height:220px;position:absolute}.portfolio .orbit-two{width:320px;height:320px}.portfolio .dns-node{background:#183a43;border:1px solid #65908b80;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute}.portfolio .node-one{top:48px;left:21%;transform:rotate(-8deg)}.portfolio .node-two{bottom:64px;right:18%;transform:rotate(8deg)}.portfolio .dns-signal{background:#99c5b6;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #99c5b6}.portfolio .signal-one{top:64px;right:26%}.portfolio .signal-two{bottom:74px;left:28%}.portfolio .visual-note{font-family:var(--font-geist-mono),monospace;letter-spacing:1.6px;opacity:.7;font-size:8px;position:absolute;bottom:18px;left:23px}.portfolio .lofi-visual{background:#e7dfd0;justify-content:center;align-items:center;display:flex}.portfolio .record-sleeve{color:#fff1df;z-index:2;background:#d36946;border:1px solid #c85b38;flex-direction:column;justify-content:space-between;width:190px;height:210px;padding:21px;display:flex;position:relative;transform:rotate(-7deg)translate(-20px);box-shadow:2px 10px 25px #72432528}.portfolio .record-sleeve>span{letter-spacing:-1px;font-size:31px;font-weight:550;line-height:1.06}.portfolio .record-sleeve>small{font-family:var(--font-geist-mono),monospace;letter-spacing:1.5px;font-size:6px}.portfolio .vinyl{background:repeating-radial-gradient(circle,#262b25 0 2px,#343930 3px,#262b25 4px);border-radius:50%;justify-content:center;align-items:center;width:204px;height:204px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-10%,-50%);box-shadow:3px 10px 22px #222b222e}.portfolio .vinyl-label{color:#2c3228;background:#e9b57f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:70px;height:70px;font-size:16px;font-weight:600;display:flex}.portfolio .vinyl-label i{background:#273026;border-radius:50%;width:7px;height:7px}.portfolio .project-copy{padding:25px 27px}.portfolio .project-copy .eyebrow{color:var(--muted);letter-spacing:1.2px;font-size:8px}.portfolio .project-title{justify-content:space-between;align-items:center;margin:9px 0 10px;display:flex}.portfolio .project-title h3{letter-spacing:-.8px;margin:0;font-size:27px;font-weight:500}.portfolio .project-title svg{transition:transform .2s}.portfolio .project-card:hover .project-title svg{transform:translate(3px,-3px)}.portfolio .project-copy>p:not(.eyebrow){color:var(--muted);max-width:370px;min-height:44px;margin:0;font-size:12px;line-height:1.8}.portfolio .project-tags{gap:7px;margin-top:20px;display:flex}.portfolio .project-tags span{color:#666c5f;background:#efeee7;border:1px solid #e6e5dc;border-radius:3px;padding:5px 9px;font-size:9px}.portfolio .auspex-card{border:1px solid var(--line);background:#eeeee6;border-radius:8px;align-items:center;gap:26px;margin-top:27px;padding:24px 28px;transition:background .2s;display:flex}.portfolio .auspex-card>.auspex-mark{color:#526447;background:#dfe4d4;border:1px solid #c3cabb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.portfolio .auspex-card h3{letter-spacing:-.7px;margin:5px 0;font-size:22px;font-weight:500}.portfolio .auspex-card p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px;line-height:1.6}.portfolio .auspex-card .eyebrow{font-size:8px}.portfolio .auspex-card>svg{flex-shrink:0;margin-left:auto}.portfolio .extras-grid{grid-template-columns:1fr;gap:28px;margin-top:40px;display:grid}.portfolio .extra-card{border-top:1px solid var(--line);padding-top:26px;position:relative}.portfolio .extra-card>svg{color:#858c7a;position:absolute;top:26px;right:0}.portfolio .extra-card>.eyebrow{color:var(--muted);font-size:8px}.portfolio .extra-card h3{letter-spacing:-.6px;margin:10px 0;font-size:20px;font-weight:500}.portfolio .extra-card>p:not(.eyebrow){color:var(--muted);max-width:440px;margin-bottom:18px;padding-right:30px;font-size:12px;line-height:1.8}.portfolio .lab-links{flex-wrap:wrap;gap:8px 17px;display:flex}.portfolio .lab-links a{border-bottom:1px solid #c7c9bd;align-items:center;gap:3px;padding-bottom:4px;font-size:10px;display:inline-flex}.portfolio .lab-links a:hover{color:var(--orange)}.portfolio .about-section{border-block:1px solid var(--line);background:#edeee7}.portfolio .about-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.portfolio .about-grid h2{letter-spacing:-1.2px;white-space:pre-line;margin:15px 0 25px;font-size:34px;font-weight:450;line-height:1.25}.portfolio .about-grid>div>p:not(.eyebrow){color:var(--muted);margin:0 0 15px;font-size:12px;line-height:1.9}.portfolio .about-grid .text-link{margin-top:11px}.portfolio .experience-list{padding-top:25px}.portfolio .experience-list article{border-bottom:1px solid #d5d9cc;gap:24px;padding:21px 0;display:flex}.portfolio .experience-list article:first-child{padding-top:0}.portfolio .experience-list article>span{color:#858e78;font-size:10px;line-height:1.7;font-family:var(--font-geist-mono),monospace;padding-top:2px}.portfolio .experience-list h3{letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:500}.portfolio .experience-list p{color:var(--muted);max-width:330px;margin:0;font-size:12px;line-height:1.8}.portfolio .contact-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:85px 90px;display:grid}.portfolio .contact-section h2{letter-spacing:-2px;white-space:pre-line;margin:16px 0 20px;font-size:49px;font-weight:450;line-height:1.12}.portfolio .contact-section p:not(.eyebrow){color:var(--muted);max-width:340px;font-size:12px;line-height:1.8}.portfolio .contact-links>a{border-bottom:1px solid var(--line);padding:20px 0;display:block}.portfolio .contact-links small{color:var(--muted);margin-bottom:11px;font-size:10px;display:block}.portfolio .contact-links>a>span{letter-spacing:-.7px;justify-content:space-between;align-items:center;gap:10px;font-size:21px;font-weight:450;display:flex}.portfolio .contact-links>div{gap:27px;margin-top:22px;display:flex}.portfolio .contact-links>div a{align-items:center;gap:10px;font-size:12px;display:flex}.portfolio .contact-links a:hover{color:var(--orange)}.portfolio .site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding-block:23px 30px;font-size:9px;display:flex}.portfolio .site-footer a{align-items:center;gap:7px;display:flex}@media (min-width:1450px){.portfolio .hero{padding-block:90px}.portfolio h1{font-size:87px}}@media (max-width:1000px){.portfolio .container{width:calc(100% - 64px)}.portfolio .hero{grid-template-columns:1.2fr 1fr;gap:20px}.portfolio h1{font-size:64px}.portfolio .hero-statement{font-size:22px}.portfolio .portrait-frame{width:260px;height:260px}.portfolio .art-orbit{inset:10px 0 120px}.portfolio .tag-build{top:210px}.portfolio .cross-bottom{top:260px}.portfolio .about-grid,.portfolio .contact-section{gap:50px}.portfolio .discipline-strip>span{gap:19px}.portfolio .project-visual{height:260px}.portfolio .vinyl{width:175px;height:175px}.portfolio .record-sleeve{width:160px;height:180px}.portfolio .contact-links>a>span{font-size:18px}}@media (max-width:760px){.portfolio .container{width:calc(100% - 40px)}.portfolio .site-header{gap:15px;height:78px}.portfolio nav{gap:17px;margin:0 auto;font-size:11px}.portfolio .wordmark{font-size:30px}.portfolio .language-switch{gap:4px;font-size:10px}.portfolio .hero{grid-template-columns:1fr;gap:35px;padding-block:48px 40px}.portfolio .hero-copy{max-width:530px}.portfolio .hero .eyebrow{letter-spacing:.6px;font-size:8px}.portfolio .hello{margin-top:25px;font-size:16px}.portfolio h1{letter-spacing:-3px;font-size:clamp(52px,12vw,72px)}.portfolio .hero-statement{margin-top:23px;font-size:23px}.portfolio .hero-description{font-size:13px}.portfolio .hero-actions{gap:24px;margin-top:25px}.portfolio .hero-art{max-width:320px;padding-top:15px}.portfolio .portrait-frame{width:240px;height:240px}.portfolio .art-orbit{inset:0 15px 115px}.portfolio .tag-code{top:40px;left:8px}.portfolio .tag-build{top:194px;right:8px}.portfolio .cross-bottom{top:240px;left:35px}.portfolio .portrait-caption{margin-top:19px}.portfolio .now-note{justify-content:center;margin-top:24px;padding-top:17px}.portfolio .discipline-strip{grid-template-columns:1fr 1fr;gap:15px 18px;padding-block:19px;font-size:10px;display:grid}.portfolio .discipline-strip>span{justify-content:space-between;gap:8px}.portfolio .discipline-strip>span>span{font-size:12px}.portfolio .discipline-strip>span:nth-child(2n)>span{display:none}.portfolio .section{padding-block:50px}.portfolio .section-heading{margin-bottom:24px;display:block}.portfolio .section-heading h2{font-size:30px}.portfolio .section-heading>p{max-width:none;margin-top:13px;font-size:11px}.portfolio .project-grid{grid-template-columns:1fr;gap:23px}.portfolio .project-visual{height:280px}.portfolio .record-sleeve{width:180px;height:200px}.portfolio .vinyl{width:195px;height:195px}.portfolio .project-copy{padding:23px}.portfolio .project-copy>p:not(.eyebrow){max-width:none}.portfolio .auspex-card{align-items:flex-start;gap:16px;padding:20px}.portfolio .auspex-card>.auspex-mark{border-radius:8px;width:46px;height:46px}.portfolio .auspex-card>.auspex-mark svg{width:23px}.portfolio .auspex-card>svg{width:21px}.portfolio .auspex-card p:not(.eyebrow){font-size:11px}.portfolio .auspex-card .eyebrow{font-size:7px}.portfolio .extras-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.portfolio .extra-card>p:not(.eyebrow){max-width:none}.portfolio .about-grid{grid-template-columns:1fr;gap:20px}.portfolio .about-grid h2{font-size:30px}.portfolio .experience-list{padding-top:7px}.portfolio .experience-list p{max-width:none}.portfolio .contact-section{grid-template-columns:1fr;gap:18px}.portfolio .contact-section h2{font-size:44px}.portfolio .contact-links>a>span{font-size:21px}.portfolio .site-footer{flex-wrap:wrap;gap:14px;padding-block:24px}.portfolio .site-footer>span:nth-child(2){order:3;width:100%}.portfolio .site-footer>a{margin-left:auto}}@media (prefers-reduced-motion:reduce){.portfolio *{scroll-behavior:auto!important;transition:none!important}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.portfolio .career-history{border-bottom:1px solid #d5d9cc;padding-bottom:24px}.portfolio .career-history>.eyebrow{color:var(--muted);font-size:8px}.portfolio .career-heading{justify-content:space-between;align-items:baseline;gap:15px;margin-top:12px;display:flex}.portfolio .career-heading h3{letter-spacing:-.4px;margin:0;font-size:20px;font-weight:500}.portfolio .career-heading>span{font-family:var(--font-geist-mono),monospace;color:var(--muted);white-space:nowrap;font-size:10px}.portfolio .career-history>p:not(.eyebrow){color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.8}.portfolio .career-history>.career-role{font-weight:500;color:var(--ink)!important}.portfolio .about-grid>div>p.outside-code{border-top:1px solid #d5d9cc;margin-top:28px;padding-top:18px;font-size:11px}.portfolio .career-history+.experience-list{padding-top:24px}.portfolio .auspex-card{background:#fcfbf8;grid-template-columns:320px 1fr;gap:35px;padding:0;display:grid;position:relative;overflow:hidden}.portfolio .auspex-product-visual{background:#071827;height:240px}.portfolio .auspex-product-visual img{object-fit:cover;width:100%;height:100%}.portfolio .auspex-card .auspex-copy{padding:26px 58px 26px 0}.portfolio .auspex-card h3{margin:12px 0;font-size:30px}.portfolio .auspex-card p:not(.eyebrow){max-width:500px;font-size:13px;line-height:1.8}.portfolio .auspex-arrow{position:absolute;top:32px;right:28px}.portfolio .auspex-card:hover{background:#f1f3eb}@media (max-width:760px){.portfolio .auspex-card{grid-template-columns:1fr;gap:0}.portfolio .auspex-product-visual{height:280px}.portfolio .auspex-product-visual img{object-fit:contain}.portfolio .auspex-card .auspex-copy{padding:23px 45px 23px 23px}.portfolio .auspex-card h3{font-size:27px}.portfolio .auspex-card p:not(.eyebrow){font-size:12px}.portfolio .auspex-arrow{top:auto;bottom:70px;right:23px}}.portfolio .language-switch{white-space:nowrap;flex-shrink:0}.portfolio .hero-actions{flex-wrap:wrap}@media (max-width:480px){.portfolio .site-header{flex-wrap:wrap;gap:16px;height:auto;min-height:100px;padding-block:17px}.portfolio .language-switch{margin-left:auto}.portfolio nav{order:3;justify-content:space-between;gap:18px;width:100%;margin:0}}
