.portfolio{--paper:#111210;--ink:#f1f1e9;--muted:#a2a59a;--line:#34362e;--green:#d2fb78;background:var(--paper);color:var(--ink)}
.portfolio .wrap{width:min(1320px,90%)}.portfolio .site-header{height:90px}.portfolio .brand span{color:var(--green)}.portfolio .button{background:var(--green);border-color:var(--green);color:#17200b;border-radius:0;font-weight:600}.portfolio .button:hover{background:#e3ffaa}.portfolio .text-link{border-color:#777d68}.portfolio .site-header nav a:hover,.portfolio .plain:hover{color:var(--green)}.hero-topline{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.6px;color:var(--muted);padding:28px 0}.showcase-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:25px 0 55px}.portfolio .intro{color:var(--green);font-size:13px}.portfolio h1{font-size:clamp(48px,6.5vw,94px);font-weight:600;letter-spacing:-5px;line-height:1.07;margin:20px 0 25px}.portfolio h1 em{color:var(--green);font-size:.8em;letter-spacing:-3px}.portfolio .hero-description{max-width:440px;font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:22px}.portfolio .text-link{font-size:12px;margin:0}.developer-visual{height:520px;position:relative;background:#262b21;isolation:isolate;border:1px solid #535a43}.developer-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141810e6,transparent 65%);z-index:-1}.developer-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;z-index:-2;filter:saturate(.65)}.visual-caption,.visual-footer{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.visual-caption{top:22px}.visual-caption>span:last-child{color:var(--green);font-size:25px}.visual-footer{bottom:20px}.visual-name{position:absolute;top:53%;left:25px;font-size:58px;font-weight:800;letter-spacing:-4px}.visual-name span{color:var(--green)}.code-note{position:absolute;right:-20px;bottom:55px;background:#d2fb78;color:#233011;padding:19px 23px;transform:rotate(-4deg);box-shadow:0 15px 40px #0005;font:11px/1.8 monospace}.code-note>span{font-size:9px;color:#51622c;display:block;margin-bottom:9px}.code-note code{color:inherit;font:inherit}.stack-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stack-strip>span{font:9px monospace;color:var(--muted);letter-spacing:1px}.stack-strip>a{font-size:25px;color:var(--green)}.portfolio .hero-tags{margin:0}.portfolio .tags span{border-color:#454a3c;color:#bec5af;border-radius:0;padding:5px 10px}.portfolio .section{padding:95px 0}.portfolio .section-label{color:var(--green);font:10px monospace;letter-spacing:1.5px}.portfolio h2{font-weight:600;font-size:clamp(32px,3.6vw,50px);letter-spacing:-2px}.portfolio .section-heading p{font-size:13px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 30px;border:1px solid var(--line)}.capabilities article{padding:30px;transition:background .2s}.capabilities article+article{border-left:1px solid var(--line)}.capabilities article:hover{background:#20251a}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.capability-top>span{font:36px monospace;color:var(--green)}.capability-top small{font:9px monospace;color:var(--muted)}.capabilities h3{font-size:21px;font-weight:600}.capabilities p{font-size:13px;color:var(--muted);min-height:66px;margin:15px 0 25px}.capabilities a{font:11px monospace;color:var(--green)}.portfolio .skill-list{gap:8px}.portfolio .skill-list span{font-size:12px;border-color:var(--line);background:transparent;padding:10px 16px;border-radius:0}.portfolio .about-grid{gap:9%}.portfolio .large-copy{font-size:18px;color:#d0d3c7}.portfolio .projects-section{background:#1a1d16}.portfolio .projects-grid{gap:45px 30px}.portfolio .project-art{border-radius:0;height:330px;border:1px solid #ffffff20}.portfolio .art-1{background:#c9f478;color:#213213}.portfolio .art-2{background:#b9b0ed;color:#302750}.portfolio .art-3{background:#e0c5a4;color:#4c3623}.portfolio .art-4{background:#a8cad0;color:#183d42}.portfolio .art-title{font-size:39px;max-width:75%;letter-spacing:-2px}.portfolio .art-decoration{font-size:12px;opacity:1;top:125px;right:30px;width:42%;transform:rotate(-8deg)}.film-strip{display:grid;gap:8px;padding:10px;background:#22351e}.film-strip i{height:27px;background:#8eaa67;display:block;border:1px solid #c7e4a3}.market-bars{display:flex;height:145px;align-items:end;gap:10px}.market-bars i{height:40%;width:24px;background:#64599c}.market-bars i:nth-child(2){height:65%}.market-bars i:nth-child(3){height:55%}.market-bars i:nth-child(4){height:85%}.market-bars i:nth-child(5){height:100%}.book-cover{background:#75543f;color:#f0ddc5;padding:20px;font-size:24px;box-shadow:8px 10px #9a7d61}.book-cover span{display:block;font-size:9px;margin-top:30px}.code-window{background:#1d3b40;color:#b9e0d7;padding:20px;font:10px/2 monospace}.portfolio .project-info h3{font-size:24px;font-weight:600}.portfolio .contact-section{background:var(--green);color:#1d2914;padding:90px 0}.portfolio .contact-section .section-label{color:#4b612c}.portfolio .contact-section .button{background:#1d2914;color:#e1fbb5;border-color:#1d2914}.portfolio .contact-section input,.portfolio .contact-section textarea{color:#1d2914}.portfolio .footer{padding:35px 0}.portfolio .notice{background:#343725;color:#ececd5}.portfolio dialog{background:var(--paper);color:var(--ink)}.portfolio a:focus-visible,.portfolio button:focus-visible{outline-color:#96b957}
@media(min-width:1600px){.developer-visual{height:580px}}@media(max-width:1000px){.showcase-grid{gap:30px}.portfolio h1{letter-spacing:-3px}.developer-visual{height:460px}.hero-actions{align-items:start;flex-direction:column;gap:18px}.portfolio .site-header nav{gap:16px}.capabilities article{padding:22px}.capabilities h3{font-size:17px}.stack-strip>span{max-width:140px}.visual-name{font-size:48px}}
@media(max-width:700px){.portfolio .site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 0;gap:15px}.portfolio .site-header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px}.portfolio .site-header nav a{font-size:11px}.hero-topline{font-size:8px;gap:12px;letter-spacing:.4px}.showcase-grid{grid-template-columns:1fr;padding-top:10px;gap:35px}.portfolio h1{font-size:clamp(43px,10vw,67px);letter-spacing:-2.5px}.portfolio h1 em{letter-spacing:-2px}.portfolio .hero-description{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions .button{font-size:11px;padding:13px}.hero-actions .text-link{font-size:10px}.developer-visual{height:410px;margin-right:12px}.visual-name{font-size:55px}.code-note{right:-12px;font-size:10px}.stack-strip{flex-wrap:wrap;gap:16px}.stack-strip>span{max-width:none;width:100%}.stack-strip .hero-tags{flex:1}.portfolio .section{padding:60px 0}.capabilities{grid-template-columns:1fr}.capabilities article+article{border-left:0;border-top:1px solid var(--line)}.capability-top{margin-bottom:25px}.capabilities h3{font-size:22px}.capabilities p{min-height:0}.portfolio .project-art{height:300px}.portfolio .contact-section{padding:60px 0}.portfolio .contact-grid{gap:35px}.portfolio .hero-tags span{font-size:9px}.portfolio .art-title{font-size:34px}}
@media(prefers-reduced-motion:reduce){.portfolio *{scroll-behavior:auto;transition:none}}