:root{--paper:#f4f3ee;--ink:#171715;--muted:#696963;--line:#c9c8bf;--yellow:#f4d44d;--white:#fffef9;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.site-shell{max-width:1600px;margin:auto;padding:0 5.2vw}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:1.55rem;letter-spacing:-.09em;text-decoration:none;color:var(--ink)}.wordmark span,.contact-mark span{color:#c1a000}nav{display:flex;align-items:center;gap:34px}nav a,.text-link{font-size:.82rem;font-weight:700;color:var(--ink);text-decoration:none}nav a:hover,.text-link:hover,.contact-links a:hover{opacity:.6}.nav-contact{border:1px solid var(--ink);padding:11px 15px}.nav-contact span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:1.3rem}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;padding:88px 0 74px;align-items:center;min-height:560px}.eyebrow{font:500 .68rem var(--mono);letter-spacing:.11em;color:var(--muted);margin:0 0 25px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aab63;margin-right:10px;box-shadow:0 0 0 4px #9aab6324}.hero h1{font-size:clamp(4.5rem,8.2vw,8.2rem);line-height:.91;letter-spacing:-.095em;margin:0;font-weight:700}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.06em;bottom:.04em;height:.25em;background:var(--yellow);transform:rotate(-1.7deg)}.hero-intro{font-size:1rem;line-height:1.85;color:#4e4e48;max-width:530px;margin:31px 0 27px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 19px;text-decoration:none;font-size:.82rem;font-weight:800;border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--white)}.text-link span{margin-left:5px}.hero-meta{display:flex;gap:24px;margin-top:55px;font:500 .58rem var(--mono);letter-spacing:.08em;color:#77776e}.hero-art{position:relative;max-width:510px;width:100%;justify-self:end}.art-label{font: .62rem/1.8 var(--mono);letter-spacing:.08em;color:var(--muted);margin:0 0 13px 10px}.art-label b{font-weight:500;color:var(--ink)}.art-frame{height:400px;border:1px solid var(--ink);position:relative;overflow:hidden;background:#e9e8e0}.art-frame:before,.art-frame:after{content:"";position:absolute;background:#d5d4ca}.art-frame:before{height:1px;left:0;right:0;top:50%}.art-frame:after{width:1px;top:0;bottom:0;left:50%}.orbit{position:absolute;border:1px solid #99988f;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-27deg)}.orbit-one{width:76%;height:48%}.orbit-two{width:58%;height:82%;transform:translate(-50%,-50%) rotate(35deg)}.art-core{position:absolute;z-index:2;width:124px;height:124px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:4rem;font-weight:800;letter-spacing:-.12em;padding-right:7px}.art-core span{font-size:2rem}.art-node{position:absolute;z-index:3;width:13px;height:13px;background:var(--ink);border:3px solid #e9e8e0;border-radius:50%}.node-one{top:25%;left:26%}.node-two{top:70%;right:23%;background:var(--yellow);width:17px;height:17px}.node-three{right:16%;top:31%}.art-index{position:absolute;right:17px;bottom:15px;font: .65rem var(--mono);z-index:2}.art-caption{font: .65rem var(--mono);color:var(--muted);text-align:right;margin-top:12px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0;margin-bottom:100px}.proof-strip>div{display:flex;flex-direction:column;gap:6px;padding:0 25px;border-right:1px solid var(--line)}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border:0}.proof-strip strong{font-size:2rem;letter-spacing:-.07em}.proof-strip span{font-size:.72rem;color:var(--muted)}.section{padding:15px 0 110px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.section-heading h2{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1;letter-spacing:-.08em;margin:0;font-weight:700}.section-note{max-width:280px;font-size:.86rem;line-height:1.8;color:var(--muted);margin-top:24px}.timeline{border-top:1px solid var(--ink)}.timeline-item{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:28px 0 34px;border-bottom:1px solid var(--line)}.timeline-date{font: .63rem var(--mono);color:var(--muted);line-height:1.8}.item-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap}.item-title h3,.project-card h3,.skill-group h3,.education-card h3{font-size:1.2rem;letter-spacing:-.04em;margin:0;font-weight:800}.item-title span{font-size:.75rem;color:var(--muted)}.timeline-body>p,.project-card>p{font-size:.82rem;line-height:1.8;color:#55554f}.impact-list{padding-left:17px;margin:17px 0;color:#55554f;font-size:.78rem;line-height:1.8}.impact-list li{padding:0 0 7px 3px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.tag-row span{border:1px solid #bdbcb2;padding:6px 9px;font: .61rem var(--mono);color:#55554f}.projects-section{display:block;padding-top:0}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading-row .section-note{max-width:310px;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{border:1px solid var(--ink);padding:20px;background:var(--white);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.project-top,.project-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.project-number{font: .7rem var(--mono)}.project-kind{font: .58rem var(--mono);letter-spacing:.07em;color:var(--muted)}.project-visual{height:190px;margin:20px 0;background:#efeee8;position:relative;overflow:hidden;border:1px solid #deddd4;display:grid;place-items:center}.visual-billing{background:#eeece2}.mini-window{width:69%;background:#fffef9;border:1px solid #222;padding:12px;box-shadow:7px 7px 0 var(--yellow);transform:rotate(-2deg)}.mini-bar{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid #d4d3ca}.mini-bar i{width:5px;height:5px;border-radius:50%;background:#777}.mini-line{height:6px;background:#deddd5;width:64%;margin-top:13px}.mini-line.wide{width:90%;margin-top:15px}.mini-line.short{width:38%;margin-bottom:7px}.mini-payment{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font: .48rem var(--mono)}.mini-payment b{font-weight:500}.mini-payment i{display:inline-block;width:6px;height:6px;background:#8aa36d;border-radius:50%;margin-left:4px}.visual-awaaz{background:#dcdcf0}.sound-bars{position:absolute;display:flex;align-items:center;gap:5px;height:90px;opacity:.55}.sound-bars i{width:3px;background:#6d6d9d;height:25%;border-radius:5px}.sound-bars i:nth-child(3n){height:80%}.sound-bars i:nth-child(4n){height:45%}.sound-bars i:nth-child(5n){height:100%}.awaaz-orb{height:105px;width:105px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:1px solid var(--ink);font-size:3rem;font-weight:800;letter-spacing:-.12em;z-index:1}.awaaz-orb span{font-size:1rem;align-self:start;margin-top:20px}.visual-caption{position:absolute;bottom:13px;font: .55rem var(--mono);letter-spacing:.12em}.visual-sites{background:#e6e6dc}.site-stack{position:relative;width:72%;height:125px}.site-panel{position:absolute;width:75%;height:105px;border:1px solid var(--ink);padding:13px;font-weight:800;letter-spacing:-.05em}.panel-back{background:var(--yellow);right:0;top:0;transform:rotate(6deg);font-size:1.1rem}.panel-back span{float:right}.panel-front{background:#fdfcf7;left:0;bottom:0;font-size:1.2rem;line-height:1.05}.panel-front b{font-size:1.2rem}.panel-front span{display:block;font: .48rem var(--mono);letter-spacing:.08em;margin-top:9px}.visual-perry{background:#e7e5db}.browser-card{width:78%;border:1px solid var(--ink);background:#fbfaf5;box-shadow:7px 7px 0 #c9c7bb;transform:rotate(2deg)}.browser-head{display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--ink);padding:9px}.browser-head span{width:5px;height:5px;border:1px solid var(--ink);border-radius:50%}.browser-head b{font: .45rem var(--mono);margin-left:8px}.browser-content{display:flex;min-height:92px}.browser-side{width:25%;border-right:1px solid #d3d2c9;background:repeating-linear-gradient(to bottom,#d8d7cd 0 3px,transparent 3px 13px);margin:10px}.browser-main{flex:1;padding:13px}.browser-main i{display:block;width:80%;height:5px;background:#d6d5cb;margin-bottom:9px}.browser-main i:nth-child(2){width:62%}.browser-main i:nth-child(3){width:45%}.browser-button{background:var(--yellow);border:1px solid var(--ink);padding:7px;font: .45rem var(--mono);width:max-content;margin-top:12px}.project-card h3{font-size:1.35rem;margin:4px 0 0}.project-card>p{margin:12px 0 0}.project-card .tag-row{margin-bottom:25px}.project-foot{border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font: .55rem var(--mono);color:var(--muted);text-transform:uppercase}.award-label{font: .58rem var(--mono);color:#726000;margin:0 0 11px}.capabilities{padding-top:0}.skill-groups{border-top:1px solid var(--ink)}.skill-group{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.skill-index{font: .65rem var(--mono);color:#9a8500;padding-top:4px}.skill-group h3{font-size:.96rem}.skill-group p{font-size:.77rem;line-height:1.8;color:var(--muted);margin:7px 0 0}.education-card{grid-column:2;border:1px solid var(--ink);padding:23px;display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:35px;background:#eeede5}.education-card .eyebrow{margin-bottom:12px}.education-card h3{font-size:1.05rem}.education-card p:not(.eyebrow){font-size:.75rem;color:var(--muted);margin-bottom:0}.education-card>span{font: .6rem var(--mono);white-space:nowrap;color:var(--muted)}.cert-row{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.cert-row span{border:1px solid var(--line);padding:8px 10px;font-size:.62rem;color:var(--muted)}.contact-section{background:var(--ink);color:var(--white);margin:0 calc(-5.2vw);padding:76px 5.2vw;display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:1}.contact-section .eyebrow{color:#b9b8ad}.contact-section h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.95;letter-spacing:-.09em;margin:0}.contact-section p:not(.eyebrow){font-size:.86rem;line-height:1.8;color:#c6c5bb;max-width:390px;margin:24px 0}.button-yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.contact-links{display:flex;gap:23px;margin-top:33px}.contact-links a{font-size:.72rem;color:var(--white);text-decoration:none}.contact-mark{font-size:clamp(8rem,19vw,19rem);line-height:.8;font-weight:800;letter-spacing:-.13em;color:#2e2e2a;align-self:center;padding-right:.1em}.contact-mark span{color:#49432a}footer{display:flex;justify-content:space-between;gap:15px;padding:19px 0;font: .55rem var(--mono);color:var(--muted);letter-spacing:.04em}footer a{color:var(--ink);text-decoration:none}.menu-toggle{cursor:pointer}
@media(max-width:900px){.site-shell{padding:0 5vw}.hero{gap:3vw;padding:65px 0 55px}.hero h1{font-size:clamp(4rem,10vw,6.5rem)}.hero-art{max-width:380px}.art-frame{height:330px}.section{grid-template-columns:.6fr 1.4fr;gap:4vw}.timeline-item{grid-template-columns:110px 1fr}.contact-section{margin:0 -5vw;padding:65px 5vw}}
@media(max-width:680px){.topbar{height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;z-index:10;top:70px;left:0;right:0;background:var(--paper);padding:22px 5vw;border-bottom:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 0 50px;gap:42px}.hero h1{font-size:clamp(4rem,16vw,6.2rem)}.hero-intro{font-size:.92rem}.hero-meta{margin-top:35px;flex-wrap:wrap;gap:10px 20px}.hero-art{justify-self:stretch;max-width:none}.art-frame{height:300px}.proof-strip{grid-template-columns:repeat(2,1fr);row-gap:22px;margin-bottom:70px}.proof-strip>div{padding:0 15px}.proof-strip>div:nth-child(2){border-right:0}.proof-strip>div:nth-child(3){padding-left:0}.proof-strip strong{font-size:1.7rem}.section{display:block;padding-bottom:75px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:3.6rem}.section-note{max-width:390px}.timeline-item{grid-template-columns:1fr;gap:10px;padding:23px 0}.timeline-date{font-size:.6rem}.item-title{align-items:flex-start;flex-direction:column;gap:5px}.impact-list{font-size:.76rem}.section-heading-row{display:block}.section-heading-row .section-note{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-visual{height:180px}.capabilities{padding-bottom:70px}.education-card,.cert-row{margin-left:0}.education-card{flex-direction:column;align-items:flex-start;gap:13px}.contact-section{padding:55px 5vw;min-height:470px}.contact-mark{position:absolute;right:20px;bottom:35px;font-size:8rem;opacity:.8}.contact-section h2{font-size:4.2rem}.contact-links{flex-wrap:wrap;gap:16px}footer{flex-wrap:wrap;font-size:.5rem}footer span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Context-first highlights and useful project links */
.story-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin-bottom:100px}
.story-strip>article{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:21px 24px;border-right:1px solid var(--line);min-width:0}
.story-strip>article:first-child{padding-left:0}
.story-strip>article:last-child{border-right:0;padding-right:0}
.story-strip .story-kicker{font:500 .62rem var(--mono);letter-spacing:.1em;color:#8a7600}
.story-strip strong{font-size:1.13rem;line-height:1.25;letter-spacing:-.04em}
.story-strip p{font-size:.74rem;line-height:1.7;color:var(--muted);margin:0}
.inline-links,.project-links,.repo-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:15px}
.inline-links a,.project-links a,.repo-links a{font-size:.72rem;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--yellow);padding-bottom:3px}
.inline-links a:hover,.project-links a:hover,.repo-links a:hover{background:var(--yellow)}
.more-work{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:25px;border:1px solid var(--ink);background:#eeede5}
.more-work h3{font-size:1.25rem;letter-spacing:-.04em;margin:0}
.more-work p:not(.eyebrow){font-size:.8rem;line-height:1.7;color:var(--muted);max-width:540px;margin:10px 0 0}
.more-work .eyebrow{margin-bottom:10px}
.repo-links{margin-top:15px}
.visual-mobile{background:#e5e7de}
.phone-mock{width:105px;height:155px;border:1.5px solid var(--ink);border-radius:14px;background:#fffef9;padding:17px 10px 10px;position:relative;box-shadow:7px 7px 0 var(--yellow);transform:rotate(-3deg)}
.phone-notch{position:absolute;top:6px;left:38px;width:28px;height:4px;border-radius:4px;background:var(--ink)}
.phone-heading{font-size:.45rem;font-weight:800;margin:2px 0 10px}
.phone-avatar{height:24px;width:24px;border-radius:50%;background:var(--yellow);border:1px solid var(--ink);margin-bottom:10px}
.phone-row{height:5px;background:#d6d5cb;margin:7px 0;width:100%}.phone-row.short{width:63%}
.phone-tabs{display:flex;justify-content:space-around;border-top:1px solid #d6d5cb;padding-top:8px;margin-top:14px}.phone-tabs i{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%}
@media(max-width:900px){.story-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.story-strip>article:nth-child(2){border-right:0;padding-right:0}.story-strip>article:nth-child(3){padding-left:0}.story-strip>article:nth-child(3),.story-strip>article:nth-child(4){border-top:1px solid var(--line);padding-top:22px}}
@media(max-width:680px){.story-strip{grid-template-columns:1fr;margin-bottom:70px}.story-strip>article,.story-strip>article:first-child,.story-strip>article:last-child,.story-strip>article:nth-child(2),.story-strip>article:nth-child(3){padding:17px 0;border-right:0;border-top:1px solid var(--line)}.story-strip>article:first-child{border-top:0;padding-top:0}.story-strip strong{font-size:1.15rem}.more-work{align-items:flex-start;flex-direction:column;padding:20px}.more-work .button{width:100%;justify-content:space-between}}