:root{--paper:#f5f3ed;--ink:#193b3b;--muted:#6d7d79;--line:#d5dbd3;--teal:#bce5dc;--teal-deep:#16605c;--coral:#f2b39c;--yellow:#f8df94;--white:#fffdf8;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.section-pad{padding:0 clamp(1.25rem,5vw,6.8rem)}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,6.8rem);position:sticky;top:0;z-index:10;background:rgba(245,243,237,.9);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:.78rem;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.62rem}.desktop-nav{display:flex;gap:30px;font-size:.78rem;color:var(--muted)}.desktop-nav a,.header-link,.text-link,.social-links a,.project-link{transition:color .2s,transform .2s}.desktop-nav a:hover,.header-link:hover,.text-link:hover,.social-links a:hover,.project-link:hover{color:var(--teal-deep)}.header-link{font-size:.78rem;font-weight:700}.header-link span,.text-link span,.project-link span,.contact-email span,.social-links span{font-size:1.1rem;margin-left:5px}.menu-toggle{display:none;border:0;background:none;width:36px;height:32px}.menu-toggle span{height:1px;background:var(--ink);display:block;margin:7px 0}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 28%;align-items:center;gap:5rem;padding-top:6rem;padding-bottom:6rem}.eyebrow,.section-label,.project-type,.experience-date,h4,.project-number{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#55a98e;box-shadow:0 0 0 4px #dcefe3}.hero h1{font-size:clamp(3.6rem,8.2vw,8.5rem);line-height:.93;letter-spacing:-.075em;margin:2rem 0 2.1rem;max-width:900px}.hero h1 em,.contact-section em{font-family:Georgia,serif;font-weight:400;color:var(--teal-deep)}.hero-intro{max-width:470px;font-size:1.05rem;color:var(--muted);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:2.4rem}.button{display:inline-flex;gap:24px;align-items:center;padding:15px 20px;font-size:.78rem;font-weight:800}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--teal-deep)}.text-link{font-size:.78rem;font-weight:700}.hero-aside{align-self:end;padding-bottom:4rem}.orbit-card{min-height:260px;padding:25px;background:var(--yellow);position:relative;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(3deg);box-shadow:8px 8px 0 var(--ink)}.orbit-card strong{font-size:1.5rem;line-height:1.15;letter-spacing:-.06em}.orbit-label{font: .66rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.orbit-mark{font-size:4.2rem;line-height:1;position:absolute;right:18px;bottom:8px;color:#e0805f}.hero-note{margin-top:34px;font: .72rem/1.75 var(--mono);color:var(--muted)}.hero-note span{color:var(--ink)}.marquee{overflow:hidden;background:var(--ink);color:var(--paper);font: .7rem var(--mono);letter-spacing:.16em;white-space:nowrap;padding:15px 0}.marquee div{display:inline-block;animation:scroll 28s linear infinite}.marquee span{color:var(--coral);padding:0 24px}@keyframes scroll{to{transform:translateX(-35%)}}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.about-section{padding-top:8.8rem;padding-bottom:9rem}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;padding-top:4.5rem}.about-grid h2,.stack-intro h2{font-size:clamp(2.4rem,4.8vw,5rem);line-height:.98;letter-spacing:-.065em;margin:0}.about-grid h2 span,.stack-intro h2 span{font-family:Georgia,serif;color:var(--teal-deep);font-weight:400}.about-body{max-width:520px;color:var(--muted);font-size:1.03rem}.about-body p{margin:0 0 1.4rem}.quick-facts{display:flex;gap:clamp(25px,5vw,65px);border-top:1px solid var(--line);padding-top:1.4rem;margin-top:2.3rem}.quick-facts div{display:flex;flex-direction:column;gap:2px}.quick-facts strong{font-size:1.7rem;letter-spacing:-.06em}.quick-facts span{font: .63rem var(--mono);text-transform:uppercase;color:var(--muted)}.experience-section{padding-bottom:9rem}.experience-row{display:grid;grid-template-columns:24% 1fr auto;gap:2rem;border-bottom:1px solid var(--line);padding:2.3rem 0;align-items:start}.experience-date{color:var(--muted);font-size:.62rem;padding-top:5px}.experience-row h3{margin:0 0 6px;font-size:1.28rem;letter-spacing:-.04em}.experience-row p{margin:0;color:var(--muted);font-size:.9rem}.experience-row .muted{max-width:540px;margin-top:1rem}.arrow{font-size:1.45rem}.work-section{background:#e5ede8;padding-top:6rem;padding-bottom:8.5rem}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.section-heading>p{margin:0;color:var(--muted);max-width:360px;font-size:.95rem}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:4rem}.project-card{padding:28px;min-height:530px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-8px);box-shadow:10px 10px 0 var(--ink)}.project-teal{background:var(--teal)}.project-coral{background:var(--coral)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-number{color:var(--teal-deep)}.project-link{font-size:.76rem;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px}.project-content{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:end}.project-content h3{font-size:clamp(2rem,4vw,4rem);line-height:.92;letter-spacing:-.08em;margin:0}.project-type{color:rgba(25,59,59,.65);font-size:.62rem;margin-top:16px}.project-content>p{font-size:.9rem;line-height:1.6;margin:0;color:rgba(25,59,59,.78)}.project-highlights{display:flex;flex-wrap:wrap;gap:7px;margin:2.5rem 0 1.2rem}.project-highlights span{font: .64rem var(--mono);border:1px solid rgba(25,59,59,.3);padding:7px 8px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:.67rem;font-weight:700;padding:7px 10px;background:rgba(255,253,248,.55)}.stack-section{padding-top:7.5rem;padding-bottom:9rem}.stack-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding-top:4.5rem}.stack-intro p{max-width:340px;color:var(--muted);margin-top:2rem}.stack-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 3rem}.stack-columns h4{margin:0 0 10px;color:var(--teal-deep)}.stack-columns p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}.contact-section{background:var(--ink);color:var(--paper);padding-top:8rem;padding-bottom:5rem}.contact-inner{max-width:900px}.contact-section .eyebrow{color:var(--teal)}.contact-section h2{font-size:clamp(3.7rem,9vw,9.5rem);line-height:.88;letter-spacing:-.08em;margin:2.4rem 0 3.3rem}.contact-email{font-size:clamp(1.1rem,2.2vw,1.7rem);border-bottom:1px solid rgba(245,243,237,.35);padding-bottom:8px}.contact-email:hover{color:var(--teal)}.social-links{display:flex;gap:28px;margin-top:5rem;font: .72rem var(--mono);text-transform:uppercase}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(1.25rem,5vw,6.8rem);background:var(--ink);border-top:1px solid rgba(245,243,237,.16);color:#a8beb8;font: .65rem var(--mono)}.site-footer a{color:var(--paper)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:rgba(188,229,220,.15);filter:blur(50px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
@media(max-width:800px){.desktop-nav,.header-link{display:none}.menu-toggle{display:block}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:74px;left:0;right:0;padding:18px 20px;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between}.hero{display:block;padding-top:5rem;padding-bottom:5rem}.hero h1{font-size:clamp(3.6rem,16vw,6rem)}.hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;padding:5rem 0 0}.orbit-card{min-height:220px}.hero-note{margin-top:20px}.about-section,.experience-section,.stack-section{padding-top:5.5rem;padding-bottom:6rem}.about-grid,.stack-grid,.section-heading{grid-template-columns:1fr;gap:3rem;padding-top:3rem}.project-list{grid-template-columns:1fr;margin-top:3rem}.project-card{min-height:480px}.project-content{display:block}.project-content>p{margin-top:2rem}.stack-columns{gap:2rem 1.5rem}.contact-section{padding-top:6rem}.site-footer{flex-wrap:wrap}.cursor-glow{display:none}}
@media(max-width:480px){.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-aside{grid-template-columns:1fr}.orbit-card{max-width:280px}.project-card{padding:22px;min-height:520px}.project-content h3{font-size:2.7rem}.quick-facts{gap:20px}.quick-facts strong{font-size:1.4rem}.experience-row{grid-template-columns:1fr;gap:10px}.experience-row .arrow{display:none}.stack-columns{grid-template-columns:1fr}.site-footer{font-size:.57rem}}
.detail-page{background:var(--paper)}.back-link{display:inline-block;font: .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5rem}.back-link:hover{color:var(--teal-deep)}.detail-hero{padding-top:3rem;padding-bottom:7rem;min-height:650px}.detail-teal{background:var(--teal)}.detail-coral{background:var(--coral)}.detail-hero h1{font-size:clamp(4rem,10vw,9.5rem);line-height:.88;letter-spacing:-.08em;margin:2.2rem 0 2.5rem;max-width:1000px}.detail-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal-deep)}.detail-lead{max-width:580px;font-size:1.08rem;line-height:1.7;color:rgba(25,59,59,.78)}.detail-actions{display:flex;gap:12px;margin-top:2.5rem;flex-wrap:wrap}.button-outline{border:1px solid var(--ink)}.button-outline:hover{background:rgba(255,253,248,.35)}.detail-section{padding-top:6rem;padding-bottom:7rem}.detail-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:4.5rem 0 7rem}.detail-snapshot div{border-bottom:1px solid var(--line);padding-bottom:1.2rem;display:flex;flex-direction:column;gap:5px}.detail-snapshot strong{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.08em;line-height:1}.detail-snapshot span{font: .65rem var(--mono);text-transform:uppercase;color:var(--muted)}.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%}.detail-copy h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.95;letter-spacing:-.07em;margin:0}.detail-copy h2 em{font-family:Georgia,serif;color:var(--teal-deep);font-weight:400}.detail-copy p{max-width:540px;color:var(--muted);font-size:1rem;line-height:1.75;margin:0 0 1.3rem}.detail-dark{background:var(--ink);color:var(--paper)}.detail-dark .section-label{border-color:rgba(245,243,237,.22);color:#a8beb8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:4rem}.review-grid article{border-top:1px solid rgba(245,243,237,.28);padding-top:20px;display:flex;flex-direction:column;min-height:240px}.review-index{font: .65rem var(--mono);color:var(--teal)}.review-grid h3{font-size:1.5rem;letter-spacing:-.05em;margin:1.7rem 0 .8rem}.review-grid p{color:#a8beb8;font-size:.88rem;line-height:1.65;margin:0 0 1.5rem}.review-grid a{font: .68rem var(--mono);text-transform:uppercase;color:var(--paper);margin-top:auto}.review-grid a:hover{color:var(--teal)}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:4rem;max-width:800px}.detail-tags span{border:1px solid var(--line);padding:11px 14px;font-size:.76rem}.detail-dark+.detail-section .detail-tags span{border-color:var(--line)}
@media(max-width:800px){.detail-hero{min-height:560px;padding-top:2rem;padding-bottom:5rem}.back-link{margin-bottom:3.5rem}.detail-hero h1{font-size:clamp(3.8rem,16vw,7rem)}.detail-snapshot{margin:3.5rem 0 5rem}.detail-copy,.review-grid{grid-template-columns:1fr;gap:3rem}.review-grid article{min-height:190px}}
@media(max-width:480px){.detail-snapshot{grid-template-columns:1fr 1fr}.detail-snapshot div:last-child{grid-column:span 2}.detail-actions{flex-direction:column;align-items:flex-start}}
.project-main{display:grid;grid-template-columns:minmax(150px,.86fr) 1.14fr;gap:22px;align-items:center;margin:1.4rem 0 1.8rem}.project-preview{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:var(--ink);border:1px solid rgba(25,59,59,.22)}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease,filter .4s ease}.project-preview:hover img{transform:scale(1.035);filter:brightness(.72)}.project-preview span{position:absolute;right:10px;bottom:10px;background:var(--paper);color:var(--ink);padding:8px 10px;font:700 .62rem var(--mono);text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.project-preview:hover span{opacity:1;transform:none}.project-preview b{font-size:.9rem;margin-left:5px}.project-main .project-content{display:block}.project-main .project-content>p{margin-top:1.5rem}
@media(max-width:800px){.project-main{grid-template-columns: minmax(150px,.8fr) 1.2fr;gap:16px}.project-main .project-content>p{margin-top:1rem}}
@media(max-width:480px){.project-main{grid-template-columns:1fr;gap:20px}.project-preview{max-width:260px}.project-main .project-content>p{margin-top:1.5rem}}
.project-main{grid-template-columns:minmax(180px,1fr) 1fr}.project-preview{aspect-ratio:8/5}
@media(max-width:480px){.project-preview{max-width:none}}