:root{--bg:#f2ede3;--bg-deep:#eae3d4;--ink:#1a1714;--ink-soft:#3a342d;--muted:#7a7064;--rule:#1a1714;--accent:#d4431a;--accent-soft:#e86a44;--paper:#faf6ec}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Geist,sans-serif;font-size:16px;font-weight:400;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.25 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mono{letter-spacing:.03em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:.75rem}.serif{font-variation-settings:"opsz" 144, "SOFT" 50;font-family:Fraunces,serif}#root{z-index:2;position:relative}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2ede3d9;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{border-bottom-color:#1a171414}nav .logo{letter-spacing:-.02em;font-family:Fraunces,serif;font-size:1.1rem;font-weight:500}nav .logo span{color:var(--accent)}nav ul{gap:2rem;list-style:none;display:flex}nav a{color:var(--ink-soft);letter-spacing:.02em;font-size:.82rem;text-decoration:none;transition:color .2s;position:relative}nav a:hover{color:var(--accent)}nav a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}nav .contact-btn{background:var(--ink);color:var(--paper);letter-spacing:.04em;border-radius:100px;padding:.55rem 1rem;font-size:.78rem;transition:background .2s}nav .contact-btn:hover{background:var(--accent)}nav .contact-btn:after{display:none}main{z-index:2;position:relative}section{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);align-items:center;gap:1rem;margin-bottom:3rem;font-family:Geist Mono,monospace;font-size:.72rem;display:flex}.section-label:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.section-num{color:var(--ink);font-weight:500}.hero{flex-direction:column;justify-content:space-between;min-height:100vh;padding-top:9rem;padding-bottom:3rem;display:flex;position:relative}.hero-meta{border-bottom:1px solid #1a171426;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;padding-bottom:1.5rem;display:grid}.hero-meta>div{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:Geist Mono,monospace;font-size:.75rem}.hero-meta>div strong{color:var(--ink);margin-top:.3rem;font-size:.82rem;font-weight:500;display:block}.hero-meta .live:after{content:"";background:#2d8f3c;border-radius:50%;width:6px;height:6px;margin-left:.5rem;animation:1.8s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-variation-settings:"opsz" 144, "SOFT" 100;letter-spacing:-.04em;color:var(--ink);font-family:Fraunces,serif;font-size:clamp(3rem,11vw,11rem);font-weight:300;line-height:.88}.hero-title .italic{color:var(--accent);font-style:italic;font-weight:300}.hero-title .line{display:block}.hero-title .line-2{padding-left:15%}.hero-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;margin-top:3rem;display:grid}.hero-bio{color:var(--ink-soft);max-width:42ch;font-family:Fraunces,serif;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:300;line-height:1.45}.hero-bio em{color:var(--accent);font-style:italic}.hero-stats{text-align:right;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-num{color:var(--ink);letter-spacing:-.03em;font-family:Fraunces,serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;line-height:1}.stat-num sup{vertical-align:super;color:var(--accent);font-size:.5em;font-weight:500}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:.5rem;font-family:Geist Mono,monospace;font-size:.68rem}.marquee{background:var(--bg-deep);z-index:2;border-top:1px solid #1a17141a;border-bottom:1px solid #1a17141a;padding:1rem 0;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;color:var(--ink-soft);gap:3rem;font-family:Fraunces,serif;font-size:1.5rem;font-style:italic;font-weight:300;animation:40s linear infinite scroll;display:flex}.marquee-track span{align-items:center;gap:3rem;display:flex}.marquee-track span:after{content:"✦";color:var(--accent);font-style:normal}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{grid-template-columns:1fr 2fr;align-items:start;gap:4rem;margin-top:4rem;display:grid}.about-text{color:var(--ink);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:clamp(1.4rem,2.2vw,2.1rem);font-weight:300;line-height:1.35}.about-text em{color:var(--accent);font-style:italic}.about-text .drop{float:left;color:var(--accent);padding-top:.08em;padding-right:.1em;font-family:Fraunces,serif;font-size:4.5em;font-weight:400;line-height:.85}.work-intro{border-bottom:1px solid #1a171426;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;padding-bottom:2rem;display:grid}.work-title{letter-spacing:-.03em;font-family:Fraunces,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:.95}.work-title em{color:var(--accent);font-style:italic}.work-desc{color:var(--ink-soft);align-self:end;max-width:50ch;font-size:.95rem;line-height:1.6}.project{cursor:pointer;border-top:1px solid #1a171426;grid-template-columns:80px 1fr 2fr;gap:2rem;padding:3rem 0;transition:padding .4s;display:grid;position:relative}.project:last-child{border-bottom:1px solid #1a171426}.project:hover{padding-left:1.5rem}.project:hover .project-name{color:var(--accent)}.project:before{content:"→";color:var(--accent);opacity:0;font-size:1.5rem;transition:all .4s;position:absolute;top:3.5rem;left:0;transform:translate(-20px)}.project:hover:before{opacity:1;transform:translate(0)}.project-year{color:var(--muted);letter-spacing:.05em;padding-top:.5rem;font-family:Geist Mono,monospace;font-size:.8rem}.project-name{letter-spacing:-.02em;margin-bottom:.8rem;font-family:Fraunces,serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;line-height:1;transition:color .3s}.project-type{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.4rem;font-family:Geist Mono,monospace;font-size:.7rem}.project-client{color:var(--ink-soft);font-family:Fraunces,serif;font-size:1rem;font-style:italic;font-weight:300}.project-body{padding-top:.4rem}.project-body p{color:var(--ink-soft);max-width:55ch;margin-bottom:1.2rem;font-size:.98rem;line-height:1.55}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tags span{color:var(--ink-soft);letter-spacing:.04em;border:1px solid #1a171433;border-radius:100px;padding:.3rem .65rem;font-family:Geist Mono,monospace;font-size:.68rem;transition:all .2s}.project:hover .project-tags span{border-color:var(--accent);color:var(--accent)}.expertise-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem;display:grid}.expertise-block{border-top:2px solid var(--ink);padding-top:1.5rem}.expertise-block h3{letter-spacing:-.01em;margin-bottom:.3rem;font-family:Fraunces,serif;font-size:1.5rem;font-weight:400}.expertise-block .num{color:var(--accent);letter-spacing:.1em;margin-bottom:.8rem;font-family:Geist Mono,monospace;font-size:.72rem}.expertise-block ul{margin-top:1.2rem;list-style:none}.expertise-block li{color:var(--ink-soft);border-bottom:1px solid #1a171414;justify-content:space-between;align-items:center;padding:.55rem 0;font-size:.9rem;display:flex}.expertise-block li:last-child{border-bottom:none}.expertise-block li .level{color:var(--muted);font-family:Geist Mono,monospace;font-size:.7rem}.timeline{margin-top:3rem}.timeline-row{border-top:1px solid #1a17141a;grid-template-columns:140px 1fr 1fr 180px;align-items:baseline;gap:2rem;padding:1.2rem 0;font-size:.92rem;transition:background .2s;display:grid}.timeline-row:last-child{border-bottom:1px solid #1a17141a}.timeline-row:hover{background:var(--bg-deep);padding-left:1rem;padding-right:1rem}.timeline-row .tl-year{color:var(--muted);letter-spacing:.04em;font-family:Geist Mono,monospace;font-size:.78rem}.timeline-row .tl-company{font-family:Fraunces,serif;font-size:1.05rem;font-weight:500}.timeline-row .tl-role{color:var(--ink-soft);font-family:Fraunces,serif;font-style:italic;font-weight:300}.timeline-row .tl-stack{color:var(--muted);text-align:right;letter-spacing:.02em;font-family:Geist Mono,monospace;font-size:.7rem}.pullquote{text-align:center;max-width:900px;margin:5rem auto;padding:3rem 2rem;position:relative}.pullquote:before{content:"\"";color:var(--accent);opacity:.18;font-family:Fraunces,serif;font-size:10rem;line-height:1;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.pullquote blockquote{color:var(--ink);letter-spacing:-.01em;z-index:1;font-family:Fraunces,serif;font-size:clamp(1.5rem,2.8vw,2.3rem);font-style:italic;font-weight:300;line-height:1.3;position:relative}.pullquote blockquote em{color:var(--accent)}.contact{background:var(--ink);color:var(--paper);max-width:none;margin:0;padding:8rem 2rem 3rem;position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;background:radial-gradient(#d4431a26,#0000 60%);width:140%;height:200%;position:absolute;top:-50%;left:-20%}.contact-inner{z-index:1;max-width:1400px;margin:0 auto;position:relative}.contact .section-label{color:#f5f1e880}.contact .section-label .section-num{color:var(--paper)}.contact-title{letter-spacing:-.04em;margin-bottom:3rem;font-family:Fraunces,serif;font-size:clamp(3rem,9vw,8rem);font-weight:300;line-height:.9}.contact-title em{color:var(--accent-soft);font-style:italic}.contact-grid{border-top:1px solid #f5f1e826;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-top:3rem;display:grid}.contact-grid .col h4{letter-spacing:.12em;text-transform:uppercase;color:#f5f1e880;margin-bottom:1rem;font-family:Geist Mono,monospace;font-size:.72rem}.contact-grid .col a{color:var(--paper);padding:.3rem 0;font-family:Fraunces,serif;font-size:1.2rem;text-decoration:none;transition:color .2s,transform .2s;display:block}.contact-grid .col a:hover{color:var(--accent-soft);transform:translate(4px)}.contact-grid .col p{color:#f5f1e8b3;font-size:.95rem;line-height:1.5}.contact-email{color:var(--paper);border-bottom:1px solid #f5f1e84d;margin-bottom:2rem;padding-bottom:.3rem;font-family:Fraunces,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;text-decoration:none;transition:border-color .3s,color .3s;display:inline-block}.contact-email:hover{border-color:var(--accent-soft);color:var(--accent-soft)}footer{color:#f5f1e880;letter-spacing:.05em;border-top:1px solid #f5f1e826;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;font-family:Geist Mono,monospace;font-size:.72rem;display:flex}@media (width<=900px){section{padding:4rem 1.5rem}nav{padding:1rem 1.5rem}nav ul{display:none}.hero{padding-top:7rem}.hero-meta{grid-template-columns:1fr;gap:1rem;padding-bottom:1rem}.hero-title .line-2{padding-left:0}.hero-bottom{grid-template-columns:1fr}.hero-stats{text-align:left}.about,.work-intro{grid-template-columns:1fr}.project{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.project:before{display:none}.project:hover{padding-left:0}.expertise-grid{grid-template-columns:1fr;gap:2rem}.timeline-row{grid-template-columns:1fr;gap:.4rem;padding:1.5rem 0}.timeline-row .tl-stack{text-align:left}.contact{padding:4rem 1.5rem 2rem}.contact-grid{grid-template-columns:1fr;gap:2rem}footer{text-align:center;flex-direction:column;gap:1rem}}.terminal-section{max-width:1400px;margin:0 auto;padding:4rem 2rem}.terminal-container{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 30px 60px #00000080}.terminal-header{background:#1a1a1a;border-bottom:1px solid #ffffff0d;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.terminal-header span{color:#888;letter-spacing:.1em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:.75rem}.terminal-body{color:#f8f8f2;padding:2rem;font-family:Geist Mono,monospace;font-size:.88rem;line-height:1.7}.log-line{gap:1rem;margin-bottom:.5rem;display:flex}.log-line .prompt{color:#daff31;font-weight:500}.log-line .content{color:#f8f8f2}.highlight-blue{color:#4ed3ff;font-weight:500}.dim{color:#a6e22e}.log-line.system{color:#daff31}.highlight-blue{color:#4ed3ff}.highlight-yellow,.log-line .dim{color:#daff31}.cursor{margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (width<=768px){.terminal-section{padding:2rem 1rem}.terminal-body{padding:1rem;font-size:.75rem}}