:root{--bg:#11100f;--paper:#e9e5dc;--muted:#99958d;--line:#34312c;--orange:#ff6b35;--cream:#f4f0e7;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 80px));margin:auto}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-weight:500}.brand span{letter-spacing:.12em}.brand i{width:8px;height:8px;background:var(--orange);display:block;border-radius:50%}.topbar nav{display:flex;gap:34px}.topbar nav a,.status{color:var(--muted);text-decoration:none}.topbar nav a:hover,.text-link:hover{color:var(--orange)}.status{display:flex;align-items:center;gap:8px}.status span{width:6px;height:6px;border-radius:50%;background:#84bd71;box-shadow:0 0 12px #84bd71}.hero{min-height:670px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.eyebrow{font:11px var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.eyebrow span,.section-label span:first-child{color:var(--orange);margin-right:18px}.eyebrow b{font-weight:400;color:var(--orange);margin:0 8px}.hero h1{font-size:clamp(68px,9.1vw,132px);line-height:.88;letter-spacing:-.075em;margin:32px 0 30px;font-weight:700}.hero h1 em,.section h2 em,.contact h2 em{font-family:Georgia,serif;color:var(--orange);font-weight:400;letter-spacing:-.08em}.intro{font-size:17px;line-height:1.65;color:#c1bdb4;max-width:430px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:24px;padding:17px 21px;text-decoration:none;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:var(--bg);background:var(--orange)}.button-primary:hover{background:#ff865b}.button span{font-size:19px;line-height:0}.text-link{color:var(--paper);text-decoration:none;font:11px var(--mono)}.text-link span{color:var(--orange);font-size:17px;margin-left:8px}.hero-art{height:430px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:380px;height:380px;right:10px;top:10px;background:radial-gradient(circle at 35% 30%,#ffae6a 0,#f2602d 26%,#7f2e24 63%,transparent 70%);opacity:.86}.orb-two{width:210px;height:210px;right:170px;bottom:0;background:radial-gradient(circle at 65% 35%,#ffc677 0,#dd4d27 40%,transparent 71%);opacity:.75}.code-card{position:absolute;width:340px;right:22px;top:76px;background:#1d1b19;border:1px solid #4a3c34;box-shadow:0 25px 70px #0009;transform:rotate(4deg);font:11px/1.8 var(--mono)}.code-top{height:38px;border-bottom:1px solid #39322c;display:flex;align-items:center;padding:0 15px;gap:6px}.code-top>span{width:6px;height:6px;background:#655c53;border-radius:50%}.code-top small{margin-left:auto;color:#81766d;font-size:9px}.code-card pre{padding:22px 22px 15px;margin:0;color:#bab2a8}.code-card code i{color:#e78d5d;font-style:normal}.code-card code b{color:#ffd38c}.code-card code u{text-decoration:none;color:#98bd8d}.code-card code strong{color:#ff8a5f;font-weight:500}.code-foot{border-top:1px solid #39322c;padding:10px 15px;color:#7c756d;font-size:9px}.code-foot span{color:#83ba6f}.code-foot b{float:right;font-weight:400;color:#9b9085}.hero-stamp{position:absolute;bottom:25px;left:25px;transform:rotate(-8deg);font:10px var(--mono);color:#ffb16d;border:1px solid #e58a58;border-radius:50%;width:76px;height:76px;display:grid;place-content:center;text-align:center;line-height:1.2}.hero-stamp strong{font:22px var(--sans);letter-spacing:-.08em}.marquee{border-block:1px solid var(--line);padding:19px 0;overflow:hidden;white-space:nowrap;color:var(--orange);font:12px var(--mono);letter-spacing:.08em}.marquee div{display:flex;justify-content:space-around;min-width:1050px;animation:slide 26s linear infinite}.marquee b{font-size:15px;font-weight:400}.section{padding-top:128px}.section-label{display:flex;align-items:center;gap:22px;color:var(--muted);font:11px var(--mono);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:16px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px}.section h2,.contact h2{font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.07em;margin:0}.profile-text{max-width:470px}.lead{font-size:21px;line-height:1.45;color:var(--cream);margin:0 0 24px}.profile-text>p:not(.lead){color:var(--muted);line-height:1.8;font-size:14px}.chips,.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.chips span,.skill-tags span{border:1px solid var(--line);border-radius:100px;padding:8px 13px;color:#b8b2a9;font:10px var(--mono)}.timeline{margin-top:58px;margin-left:25%;border-left:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:145px 28px 1fr;gap:25px;position:relative;padding:0 0 52px}.timeline-item:last-child{padding-bottom:0}.year{font:11px var(--mono);color:var(--muted);padding-top:4px}.dot{width:9px;height:9px;border:1px solid var(--orange);border-radius:50%;background:var(--bg);margin-top:4px;margin-left:-30px;z-index:1}.current .dot{background:var(--orange);box-shadow:0 0 16px var(--orange)}.timeline h3{margin:0;font-size:23px;letter-spacing:-.04em}.timeline p{color:var(--orange);font:11px var(--mono);margin:8px 0 15px}.timeline small{color:var(--muted);font-size:12px;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:58px}.skill-card{background:var(--bg);padding:31px 28px 28px;min-height:280px}.skill-card.accent{background:#221b17}.skill-no{font:10px var(--mono);color:var(--orange)}.skill-card h3{font-size:28px;letter-spacing:-.06em;margin:52px 0 13px}.skill-card p{font-size:13px;line-height:1.65;color:var(--muted);max-width:280px}.skill-tags{margin-top:25px}.skill-tags span{padding:6px 9px}.contact{padding-top:140px;padding-bottom:35px}.contact-inner{background:var(--orange);color:var(--bg);padding:68px 8%;position:relative;overflow:hidden}.contact-inner:after{content:'↗';position:absolute;right:7%;top:23px;font-size:170px;line-height:1;font-family:Georgia,serif;opacity:.2;transform:rotate(-25deg)}.contact .eyebrow{color:#7d321f}.contact .eyebrow span{color:var(--bg)}.contact h2{font-size:clamp(56px,8vw,104px);margin:36px 0 25px;position:relative;z-index:1}.contact h2 em{color:var(--bg)}.contact-inner>p:not(.eyebrow){max-width:380px;font-size:15px;line-height:1.6}.button-light{background:var(--bg);color:var(--paper);margin-top:22px}.contact-meta{display:flex;justify-content:space-between;border-top:1px solid #b64f2d;margin-top:80px;padding-top:16px;font:10px var(--mono)}@keyframes slide{to{transform:translateX(-25%)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}@media(max-width:760px){.container{width:calc(100% - 40px)}.topbar{height:76px}.topbar nav{display:none}.status{font-size:9px}.hero{display:block;min-height:auto;padding-top:90px;padding-bottom:75px}.hero h1{font-size:68px;margin-top:25px}.intro{font-size:15px}.hero-art{height:345px;margin-top:40px}.orb-one{width:290px;height:290px;right:0}.orb-two{width:150px;height:150px;right:120px}.code-card{width:290px;right:0;top:42px;font-size:9px}.hero-stamp{left:0;bottom:10px}.profile-grid{display:block;padding-top:42px}.profile-text{margin-top:35px}.section{padding-top:90px}.timeline{margin-left:0}.timeline-item{grid-template-columns:80px 20px 1fr;gap:15px}.timeline h3{font-size:19px}.timeline small{font-size:11px}.skills-grid{display:block}.skill-card{min-height:0;padding:28px}.skill-card h3{margin-top:35px}.contact{padding-top:90px}.contact-inner{padding:40px 25px}.contact h2{font-size:59px}.contact-meta{flex-wrap:wrap;gap:12px;margin-top:55px}.marquee div{min-width:900px}}
