.portfolio-main{overflow:clip}.page-frame{width:min(100% - 3rem,1320px);margin-inline:auto}.section{padding:clamp(6rem,10vw,10rem) 0}.eyebrow{color:var(--accent);font-family:var(--font-geist-mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.72rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.8rem;height:1px}.hero{border-bottom:1px solid var(--border);min-height:100svh;padding-top:76px;position:relative;overflow:hidden}.hero-grid{opacity:.42;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:min(11vw,160px) min(11vw,160px);position:absolute;inset:76px 0 0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hero:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:min(50vw,720px);box-shadow:0 0 0 5vw color-mix(in srgb, var(--accent) 3%, transparent), 0 0 0 10vw color-mix(in srgb, var(--accent) 2%, transparent);content:"";border-radius:50%;position:absolute;top:18%;right:-12vw}.hero-inner{z-index:1;flex-direction:column;min-height:calc(100svh - 76px);padding:clamp(2.5rem,6vh,5rem) 0 1.5rem;display:flex;position:relative}.hero-kicker{color:var(--muted);font-family:var(--font-geist-mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.7rem;display:flex}.status-dot{background:#4c8b65;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4c8b6529}.hero-heading{margin:auto 0 clamp(2.25rem,5vh,4rem);position:relative}.hero-index{color:var(--muted);font-family:var(--font-geist-mono);font-size:.68rem;position:absolute;top:1rem;left:0}.hero h1{max-width:1120px;font-family:var(--font-archivo);letter-spacing:-.07em;margin-left:clamp(0rem,8vw,7rem);font-size:clamp(3.4rem,8.4vw,8.5rem);font-weight:800;line-height:.88}.hero h1 span{color:var(--accent);font-weight:500;display:block}.hero-bottom{border-top:1px solid var(--border-strong);grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding:2rem 0;display:grid}.hero-intro{max-width:580px;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.hero-actions{justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.button{letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:.65rem;padding:.95rem 1.25rem;font-size:.77rem;font-weight:700;text-decoration:none;display:inline-flex}.button svg,.text-link svg,.work-open svg,.contact-email svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.button-primary{background:var(--fg);color:var(--bg)}.button-primary:hover svg{transform:translate(3px)}.text-link{border-bottom:1px solid var(--border-strong);align-items:center;gap:.4rem;padding-bottom:.25rem;font-size:.85rem;text-decoration:none;display:inline-flex}.hero-foot{color:var(--muted);font-family:var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.64rem;display:flex}.hero-scroll{align-items:center;gap:.75rem;display:flex}.hero-scroll i{background:var(--border-strong);width:3rem;height:1px;display:inline-block;overflow:hidden}.reveal{animation:.7s cubic-bezier(.22,1,.36,1) both rise}.reveal-2{animation-delay:90ms}.reveal-3{animation-delay:.18s}.reveal-4{animation-delay:.26s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.section-heading{grid-template-columns:1.6fr .75fr;align-items:end;gap:4rem;margin-bottom:clamp(3rem,6vw,6rem);display:grid}.section-heading h2,.experience-section h2{font-family:var(--font-archivo);letter-spacing:-.065em;margin-top:1rem;font-size:clamp(2.8rem,5.8vw,6rem);font-weight:700;line-height:.98}.section-heading>p{max-width:460px;color:var(--muted);font-size:1rem;line-height:1.7}.work-list{flex-direction:column;gap:clamp(4rem,8vw,8rem);display:flex}.work-card{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.work-card:nth-child(2n){grid-template-columns:minmax(300px,.75fr) minmax(0,1.55fr)}.work-card:nth-child(2n) .work-visual{order:2}.work-visual{aspect-ratio:16/10;background:color-mix(in srgb, var(--project-color) 15%, var(--bg-inverse));color:#f2eee6;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.work-visual:before{content:"";background:linear-gradient(145deg,#ffffff14,#0000 60%);border:1px solid #fff3;transition:inset .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:9%}.work-visual:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--project-color) 80%, white);content:"";width:34%;box-shadow:0 0 70px color-mix(in srgb, var(--project-color) 45%, transparent);border-radius:50%;position:absolute}.work-visual:hover:before{inset:6%}.work-mark{z-index:1;aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a66;border:1px solid #ffffff8c;place-items:center;width:22%;transition:transform .4s;display:grid;transform:rotate(-7deg)}.work-visual:hover .work-mark{transform:rotate(0)scale(1.05)}.work-mark span{font-family:var(--font-archivo);letter-spacing:-.06em;font-size:clamp(1.3rem,3vw,3rem);font-weight:800}.work-number{font-family:var(--font-geist-mono);font-size:.65rem;position:absolute;top:1.25rem;left:1.25rem}.work-open{z-index:2;border:1px solid #fff6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:1.25rem;right:1.25rem}.work-meta{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding-bottom:1rem;font-size:.68rem;display:flex}.work-copy h3{font-family:var(--font-archivo);letter-spacing:-.06em;margin:1.3rem 0 1rem;font-size:clamp(2.2rem,4vw,4.3rem);font-weight:700;line-height:1}.work-copy h3 a{text-decoration:none}.work-copy p{color:var(--muted);font-size:1rem;line-height:1.7}.tag-row{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tag-row span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.42rem .7rem;font-size:.68rem}.button-outline{border:1px solid var(--border-strong)}.all-work{margin-top:5rem}.about-section{border-block:1px solid var(--border);background:var(--bg-raised)}.about-grid{grid-template-columns:.55fr 1.45fr;gap:clamp(3rem,8vw,8rem);display:grid}.about-sticky{flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.section-index{color:var(--border-strong);font-family:var(--font-archivo);letter-spacing:-.08em;font-size:clamp(5rem,12vw,12rem);font-weight:800;line-height:.7}.about-content h2{max-width:900px;font-family:var(--font-archivo);letter-spacing:-.06em;font-size:clamp(2.7rem,5vw,5.5rem);font-weight:600;line-height:1.02}.about-columns{color:var(--muted);grid-template-columns:1fr 1fr;gap:2rem;margin:3rem 0 4rem;line-height:1.8;display:grid}.about-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.about-stats div{flex-direction:column;gap:.35rem;padding:2rem 1rem 0 0;display:flex}.about-stats strong{font-family:var(--font-archivo);letter-spacing:-.06em;font-size:clamp(2.4rem,4vw,4rem)}.about-stats span{color:var(--muted);text-transform:uppercase;font-size:.75rem}.section-heading.compact{margin-bottom:3rem}.capability-list{border-top:1px solid var(--border-strong)}.capability{border-bottom:1px solid var(--border);grid-template-columns:.2fr .8fr 1fr .7fr;align-items:start;gap:2rem;padding:2.2rem 0;transition:padding .25s;display:grid}.capability:hover{padding-inline:.75rem}.capability>span{color:var(--accent);font-family:var(--font-geist-mono);font-size:.7rem}.capability h3{font-family:var(--font-archivo);letter-spacing:-.04em;font-size:clamp(1.35rem,2.2vw,2rem)}.capability p{color:var(--muted);line-height:1.65}.capability small{color:var(--muted);font-family:var(--font-geist-mono);text-transform:uppercase;font-size:.64rem;line-height:1.7}.experience-section{color:#e9e4da;background:#171816}.experience-grid{grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);display:grid}.experience-section .eyebrow{color:#d7744f}.experience-list article{border-top:1px solid #e9e4da38;padding:2rem 0 2.5rem}.experience-topline{color:#9b9b91;font-family:var(--font-geist-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:.68rem;display:flex}.experience-list h3{font-family:var(--font-archivo);letter-spacing:-.05em;margin-top:2rem;font-size:clamp(1.8rem,3vw,3.2rem)}.experience-list h4{color:#d7744f;margin:.45rem 0 1.5rem;font-size:.9rem;font-weight:500}.experience-list p{color:#a7a79e;max-width:650px;line-height:1.75}.experience-list ul{color:#c4c1b9;grid-template-columns:1fr 1fr;gap:.6rem 2rem;margin-top:1.5rem;font-size:.85rem;list-style:none;display:grid}.experience-list li:before{color:#d7744f;content:"+";margin-right:.6rem}.github-section{background:var(--bg-raised)}.github-section>div{max-width:1320px!important;padding:0 1.5rem!important}.github-section h2{letter-spacing:-.065em!important;font-size:clamp(2.8rem,5.8vw,6rem)!important;font-weight:700!important}.message-section{border-top:1px solid var(--border)}.message-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);display:grid}.message-intro h2{font-family:var(--font-archivo);letter-spacing:-.065em;margin:1rem 0 1.5rem;font-size:clamp(2.8rem,5vw,5rem);font-weight:700;line-height:1}.message-intro p{max-width:460px;color:var(--muted);line-height:1.75}.message-form{flex-direction:column;gap:2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.message-form label{flex-direction:column;gap:.75rem;display:flex}.message-form label>span{color:var(--muted);font-family:var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.message-form label b{color:var(--accent);font-weight:500}.message-form input,.message-form textarea{border:0;border-bottom:1px solid var(--border-strong);width:100%;color:var(--fg);font:inherit;resize:vertical;background:0 0;border-radius:0;outline:0;padding:.9rem 0}.message-form input:focus,.message-form textarea:focus{border-color:var(--accent)}.message-form input::placeholder,.message-form textarea::placeholder{color:color-mix(in srgb, var(--muted) 65%, transparent)}.form-trap{clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;position:absolute!important}.form-footer{justify-content:space-between;align-items:center;gap:2rem;display:flex}.form-status{max-width:420px;color:var(--muted);font-size:.78rem;line-height:1.5}.form-status--error{color:#b54b38}.form-status--success{color:var(--secondary)}.form-submit{border:1px solid var(--fg);background:var(--fg);color:var(--bg);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.4rem;font-size:.76rem;font-weight:700;display:inline-flex}.form-submit:disabled{opacity:.55;cursor:wait}.contact-section{background:var(--accent);color:#f5eee5;padding:clamp(6rem,12vw,12rem) 0 2rem}.contact-inner>.eyebrow{color:#f5eee5}.contact-inner h2{font-family:var(--font-archivo);letter-spacing:-.07em;margin:2rem 0 3rem;font-size:clamp(3.3rem,8vw,8rem);font-weight:700;line-height:.92}.contact-email{border-bottom:1px solid #ffffffa6;align-items:center;gap:.75rem;padding-bottom:.35rem;font-size:clamp(1rem,2vw,1.6rem);text-decoration:none;display:inline-flex}.contact-footer{border-top:1px solid #ffffff52;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:2rem;margin-top:clamp(6rem,10vw,10rem);padding-top:1.5rem;font-size:.75rem;line-height:1.6;display:grid}.contact-footer>div{justify-content:center;gap:1.5rem;display:flex}.contact-footer a{text-decoration:none}.contact-footer>p:last-child{text-align:right}@media (max-width:900px){.hero-bottom,.section-heading,.about-grid,.experience-grid,.message-grid{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.work-card,.work-card:nth-child(2n){grid-template-columns:1fr}.work-card:nth-child(2n) .work-visual{order:0}.about-sticky{flex-direction:row;align-items:flex-start}.section-index{font-size:5rem}.capability{grid-template-columns:.15fr .85fr 1fr}.capability small{grid-column:2/-1}}@media (max-width:640px){.page-frame{width:min(100% - 2rem,1320px)}.hero{padding-top:66px}.hero-grid{background-size:80px 80px;inset-block-start:66px}.hero-inner{min-height:calc(100svh - 66px);padding-top:2rem}.hero-heading{margin-block:auto 2rem}.hero-index{margin-bottom:1rem;position:static}.hero h1{margin-left:0;font-size:clamp(3.25rem,16vw,5rem);line-height:.92}.hero-bottom{gap:1.5rem;padding:1.5rem 0}.hero-actions{flex-direction:column;align-items:stretch;gap:1rem}.text-link{align-self:flex-start}.hero-scroll{display:none}.section{padding:5.5rem 0}.section-heading{gap:1.5rem;margin-bottom:3rem}.work-list{gap:4.5rem}.work-visual{aspect-ratio:4/3}.about-columns,.about-stats{grid-template-columns:1fr}.about-columns{gap:1.25rem}.about-stats div{border-bottom:1px solid var(--border);padding:1.2rem 0}.capability{grid-template-columns:1fr;gap:.8rem}.capability small{grid-column:auto}.experience-list ul,.contact-footer{grid-template-columns:1fr}.contact-footer>div{justify-content:flex-start}.contact-footer>p:last-child{text-align:left}.form-row{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:flex-start}}