:root{--ink:#102a43;--paper:#f7f4ee;--muted:#627d98;--line:#d9e2ec;--amber:#e07a5f;--violet:#2a9d8f;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 64px));margin:auto}.nav-wrap{border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--amber);font:500 11px 'DM Mono';letter-spacing:-1px}.nav-links{display:flex;gap:34px;font-size:13px;color:var(--muted)}.nav-links a:hover,.text-link:hover{color:var(--violet)}.nav-cta{font-size:13px;font-weight:700}.nav-cta span,.text-link span{color:var(--violet);margin-left:7px}.hero{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}.eyebrow{font:500 11px 'DM Mono';text-transform:uppercase;letter-spacing:.11em;color:var(--violet);margin:0 0 22px}.pulse{display:inline-block;width:7px;height:7px;background:#62ad71;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #62ad7122}.hero h1,h2{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:.97;margin:0;font-weight:800}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.hero-text{max-width:520px;color:var(--muted);font-size:17px;line-height:1.75;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 19px;font-size:12px;font-weight:800}.button-primary{background:var(--ink);color:var(--white);transition:.25s}.button-primary:hover{background:var(--violet);transform:translateY(-2px)}.button-primary span{color:var(--amber);font-size:18px}.text-link{font-size:12px;font-weight:800}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:440px;height:250px}.orbit-two{width:340px;height:380px;transform:rotate(30deg)}.terminal-card{position:relative;width:min(390px,100%);background:#20201e;color:#f2f0e9;box-shadow:22px 27px 0 -8px var(--amber);z-index:2;transform:rotate(-3deg)}.terminal-top{height:42px;padding:0 15px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #3a3935}.dot{width:8px;height:8px;border-radius:50%}.red{background:#ed6d5a}.yellow{background:#e8b14e}.green{background:#70b77a}.terminal-title{font:10px 'DM Mono';color:#77756e;margin-left:auto;margin-right:auto}.terminal-body{padding:27px 30px 32px;font:14px/2 'DM Mono'}.terminal-body p{margin:0}.muted{color:#66655f;margin-right:20px}.purple{color:#b59eff}.string{color:#e4b671}.cursor{display:inline-block;width:7px;height:15px;background:var(--amber);vertical-align:-2px;margin-left:5px}.visual-label{position:absolute;font:10px 'DM Mono';letter-spacing:.1em;color:var(--muted)}.label-top{top:50px;right:8px}.label-bottom{bottom:47px;left:2px}.signal-bar{background:var(--ink);color:var(--paper);padding:20px 0}.signal-inner{display:flex;align-items:center;gap:34px;font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.signal-inner>span{color:var(--amber)}.signal-items{display:flex;flex:1;justify-content:space-between;color:#aaa79e}.section{padding-top:135px;padding-bottom:135px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.section-heading h2,.about-section h2,.skills-section h2{font-size:clamp(42px,5vw,66px)}.section-intro{color:var(--muted);max-width:300px;font-size:14px;line-height:1.7;margin:0}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}.project-card{background:var(--white);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:8px 9px 0 var(--line)}.project-meta{display:flex;justify-content:space-between;padding:19px 20px;font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.project-number{color:var(--violet)}.status{color:#5f9b69}.project-art{height:180px;margin:0 20px;display:grid;place-items:center;position:relative;overflow:hidden}.serialization-art{background:#27263e;color:#aaa4f0}.binary-lines{font:500 14px/1.7 'DM Mono';letter-spacing:.18em;position:absolute;left:32px;top:29px;opacity:.4}.schema-box{border:1px solid #8e83de;background:#27263e;padding:21px 28px;display:flex;flex-direction:column;gap:7px;transform:rotate(-4deg);box-shadow:9px 9px 0 #7065c244}.schema-box span,.schema-box i{font:10px 'DM Mono';color:#a69feb}.schema-box b{font:14px 'DM Mono';color:var(--white)}.language-art{background:#e6e2d8}.bracket{font:80px Georgia;color:var(--amber);line-height:1}.code-snippet{font:13px 'DM Mono';line-height:2;color:var(--ink);transform:rotate(5deg)}.code-snippet span{color:var(--violet)}.list-art{background:#ebeee9;gap:10px;display:flex}.list-node{width:49px;height:49px;border:1px solid #9eaa9b;display:grid;place-items:center;font:13px 'DM Mono';color:#6b7969}.list-node.active{background:#6e9d79;color:#fff;border-color:#6e9d79}.list-arrow{font:19px 'DM Mono';color:#6e9d79}.project-content{padding:27px 20px 24px}.project-content h3{font-size:19px;margin:0 0 11px;letter-spacing:-.04em}.project-content p{color:var(--muted);font-size:13px;line-height:1.65;margin:0;min-height:65px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.tags span{border:1px solid var(--line);padding:6px 9px;font:10px 'DM Mono';color:var(--muted)}.about-section{background:#e5e1d7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy{max-width:500px}.about-copy p{color:var(--muted);font-size:15px;line-height:1.75}.about-copy .large-copy{font-size:22px;color:var(--ink);line-height:1.45;margin-top:0;letter-spacing:-.03em}.about-copy .text-link{display:inline-block;margin-top:13px}.section-heading.compact{margin-bottom:48px}.section-heading.compact h2{font-size:52px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:150px 25px 1fr;gap:20px;padding:29px 0;border-bottom:1px solid var(--line)}.timeline-date{font:11px 'DM Mono';color:var(--muted);padding-top:3px}.timeline-dot{width:9px;height:9px;border:2px solid var(--violet);border-radius:50%;margin-top:4px}.current .timeline-dot{background:var(--amber);border-color:var(--amber)}.role-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.timeline-content h3{margin:0;font-size:18px;letter-spacing:-.04em}.role-type{font:10px 'DM Mono';color:var(--violet);text-transform:uppercase}.timeline-content p{margin:9px 0;color:var(--muted);font-size:13px}.timeline-content small{color:var(--muted);line-height:1.7;font-size:12px;display:block;max-width:700px}.skills-section{background:#20201e;color:var(--paper);padding:105px 0}.skills-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.skills-section .eyebrow{color:var(--amber)}.skills-note{color:#96938b;line-height:1.7;font-size:13px;max-width:310px;margin-top:29px}.skill-cloud{padding-top:10px}.skill-group{display:grid;grid-template-columns:140px 1fr;gap:20px;border-top:1px solid #41403b;padding:21px 0}.skill-label{font:11px 'DM Mono';color:var(--amber);text-transform:uppercase}.skill-group div{display:flex;flex-wrap:wrap;gap:9px}.skill-group b{border:1px solid #55534d;padding:9px 11px;font-size:12px;font-weight:500;color:#cfcbc1}.contact-section{padding-top:135px;padding-bottom:75px}.contact-card{background:var(--amber);padding:70px 80px;position:relative;overflow:hidden}.contact-card .eyebrow{color:#59430e}.contact-card h2{font-size:62px;position:relative;z-index:1}.contact-card p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:390px;margin:27px 0 28px;position:relative;z-index:1}.contact-card .button{background:var(--ink);position:relative;z-index:1}.contact-orbit{position:absolute;width:400px;height:400px;border:1px solid #b77c19;border-radius:50%;right:-40px;top:-140px}.contact-orbit:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #b77c19;border-radius:50%;right:75px;top:75px}.footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.06em}.footer a{color:var(--ink)}
@media(max-width:800px){.container{width:min(100% - 38px,600px)}.nav{height:70px}.nav-links{display:none}.nav-cta{font-size:11px}.hero{display:block;padding-top:85px;padding-bottom:90px}.hero h1{font-size:59px}.hero-visual{height:380px;margin-top:55px}.signal-inner{display:block}.signal-items{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:14px}.section{padding-top:90px;padding-bottom:90px}.section-heading,.about-grid,.skills-grid{display:block}.section-intro{margin-top:23px}.project-grid{grid-template-columns:1fr}.project-art{height:195px}.about-copy{margin-top:45px}.timeline-item{grid-template-columns:90px 15px 1fr;gap:12px}.role-head{display:block}.role-type{display:block;margin-top:8px}.skills-grid{display:block}.skill-cloud{margin-top:50px}.skill-group{grid-template-columns:100px 1fr}.contact-section{padding-top:90px}.contact-card{padding:45px 30px}.contact-card h2{font-size:47px}.contact-orbit{right:-180px}.footer{font-size:8px}.footer span:nth-child(2){display:none}}
/* Personal storytelling and experience details */
.visual-story{padding:110px 0 130px;display:grid;grid-template-columns:1.1fr .72fr .9fr;gap:20px;align-items:end}.story-intro{padding:0 20px 20px 0}.story-intro h2{font-size:clamp(38px,4.2vw,58px);margin-bottom:22px}.story-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:330px}.photo-card{margin:0;background:var(--white);border:1px solid var(--line);padding:10px;box-shadow:8px 8px 0 #dce6ec}.photo-card img{display:block;width:100%;height:300px;object-fit:contain;background:#e9eef1;filter:saturate(.85)}.portrait-card img{object-position:center}.contest-card img{height:300px}.photo-card figcaption{display:flex;gap:12px;padding:16px 8px 8px}.photo-card figcaption>span,.card-index{font:11px 'DM Mono';color:var(--violet)}.photo-card strong{display:block;font-size:12px;line-height:1.4}.photo-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.4}.experience-label{display:flex;justify-content:space-between;align-items:end;margin-top:65px;border-top:1px solid var(--line);padding-top:45px}.experience-label .eyebrow{margin:0}.experience-label>p:last-child{color:var(--muted);font-size:13px;margin:0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.experience-card{background:var(--white);border:1px solid var(--line);padding:28px;position:relative}.experience-card h3{font-size:22px;letter-spacing:-.05em;margin:12px 0}.experience-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.contact-link{display:inline-block;margin-left:24px;color:var(--ink)}
@media(max-width:800px){.visual-story{display:block;padding:85px 0 90px}.story-intro{padding:0;margin-bottom:35px}.photo-card{max-width:400px;margin:20px auto}.contest-card img{height:300px}.experience-label{display:block;margin-top:45px}.experience-label>p:last-child{margin-top:18px}.experience-grid{grid-template-columns:1fr}.contact-link{display:block;margin:22px 0 0}}