@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f4f1ea;--ink:#151515;--muted:#6e6b66;--line:#d8d3ca;--accent:#c8f13c;--accent-dark:#92b20c;--white:#fffefa;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper)!important;color:var(--ink)!important;font-family:'DM Sans',sans-serif;overflow-x:hidden}a,button{transition:transform .22s var(--ease),color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}.max-w-6xl,.max-w-7xl{max-width:1220px!important}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif!important;letter-spacing:-.065em!important;color:var(--ink)!important}.text-gray-500,.text-gray-600,.text-gray-400{color:var(--muted)!important}.dark body{background:var(--paper)!important;color:var(--ink)!important}.dark{color-scheme:light}
header{height:76px;background:rgba(244,241,234,.88)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(18px);box-shadow:none!important}header .max-w-7xl{height:76px!important;padding:0 28px!important}header a:first-child span{width:34px!important;height:34px!important;border-radius:50%!important;background:var(--ink)!important;color:var(--accent)!important;font-family:'Space Grotesk',sans-serif!important}header b{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important}header nav{gap:5px!important;border:0!important;background:transparent!important;padding:0!important}header nav a{padding:8px 12px!important;border-radius:30px!important;color:var(--muted)!important;font-size:11px!important;font-weight:600!important}header nav a:hover{background:var(--ink)!important;color:var(--paper)!important}header button{color:var(--ink)!important}header button:hover{background:var(--accent)!important}header>div>div:last-child>span{display:none!important}
section{position:relative;border-top:1px solid var(--line);scroll-margin-top:76px}section:not(#home):not(#contact){padding:116px 0!important}section:not(#home):not(#contact):before{content:attr(id);position:absolute;top:30px;left:calc(50% - 610px);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-dark)}section h2{font-size:clamp(3rem,7vw,6.7rem)!important;line-height:.86!important;text-transform:uppercase!important}section h2+p{max-width:520px;color:var(--muted)!important;line-height:1.7}
#home{min-height:780px;padding:155px 0 70px!important;background:var(--paper)!important;overflow:hidden}#home:before{content:'ARKAR\A YAN';white-space:pre;position:absolute;right:30px;top:108px;color:var(--line);font:700 clamp(5rem,13vw,12rem)/.75 'Space Grotesk',sans-serif;letter-spacing:-.12em;text-align:right;pointer-events:none}#home:after{content:'SCROLL TO EXPLORE ↓';position:absolute;bottom:28px;left:calc(50% - 610px);font:10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}#home .max-w-6xl{position:relative;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.85fr)!important;gap:90px!important;align-items:center!important;padding:0 28px!important}#home .max-w-6xl:before{content:'SOFTWARE ENGINEER  /  EDUCATOR  /  FOUNDER';position:absolute;left:28px;top:-88px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.13em}#home .max-w-6xl>div:first-child{padding:0!important;z-index:2}#home .max-w-6xl>div:first-child>p:first-child{display:none}#home h1{font-size:0!important;line-height:0!important;margin:0 0 22px!important}#home h1:before{content:'Building useful\A digital products.';white-space:pre;display:block;font:700 clamp(4.2rem,8.3vw,8.2rem)/.84 'Space Grotesk',sans-serif;letter-spacing:-.105em!important;color:var(--ink)}#home h1:after{content:'with clarity.';display:block;margin-top:10px;font:700 clamp(4.2rem,8.3vw,8.2rem)/.84 'Space Grotesk',sans-serif;letter-spacing:-.105em!important;color:var(--accent-dark)}#home h1 span{display:none}#home h2{font-size:0!important;margin:0!important}#home h2:after{content:'Full-stack engineer, instructor, and founder crafting web, mobile, AI, and developer tools.';display:block;max-width:420px;font:500 17px/1.45 'DM Sans',sans-serif;letter-spacing:-.02em!important;color:var(--muted)!important}#home .max-w-6xl>div:first-child>p:nth-of-type(2){max-width:500px;margin:20px 0 0!important;font-size:14px!important;line-height:1.8!important;color:var(--muted)!important}#home .hero-metrics{display:flex!important;gap:10px!important;margin-top:28px!important;max-width:470px!important}#home .hero-metric{border:1px solid var(--line)!important;border-radius:0!important;background:var(--white)!important;box-shadow:4px 4px 0 var(--ink)!important;padding:16px!important;min-width:170px!important}#home .hero-metric b{font-size:27px!important}#home .metric-icon{width:25px!important;height:25px!important;border-radius:50%!important;background:var(--accent)!important;color:var(--ink)!important}#home .max-w-6xl>div:first-child>div:last-child{display:flex!important;gap:12px!important;margin-top:30px!important}#home .max-w-6xl>div:first-child>div:last-child a{border-radius:0!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:14px 18px!important}#home .max-w-6xl>div:first-child>div:last-child a:first-child{background:var(--ink)!important;color:var(--paper)!important}#home .max-w-6xl>div:first-child>div:last-child a:last-child{border:1px solid var(--ink)!important;background:transparent!important;color:var(--ink)!important}#home .max-w-6xl>div:first-child>div:last-child a:hover{transform:translateY(-3px)!important;background:var(--accent)!important;color:var(--ink)!important}#home .max-w-6xl>div:nth-child(2){padding:0!important;align-self:center!important}#home .max-w-6xl>div:nth-child(2):before{content:'SELECTED\A PROFILE';white-space:pre;position:absolute;right:20px;top:-30px;font:10px/1.4 'DM Mono',monospace;color:var(--muted);text-align:right}#home .max-w-6xl>div:nth-child(2) img{width:100%!important;height:510px!important;max-height:none!important;object-fit:contain!important;filter:grayscale(1) contrast(1.05)!important;animation:none!important}#home .max-w-6xl>div:nth-child(2)>div:last-child{border:1px solid var(--ink)!important;background:var(--accent)!important;border-radius:0!important;box-shadow:6px 6px 0 var(--ink)!important;color:var(--ink)!important;padding:14px 18px!important}#home .max-w-6xl>div:nth-child(2)>div:last-child span{color:var(--ink)!important}
#about{background:var(--white)!important}#about .grid.md\:grid-cols-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important}#about .grid.md\:grid-cols-2>div:first-child{padding:0!important;border:0!important}#about .grid.md\:grid-cols-2>div:first-child:before{content:'ABOUT';display:block;margin-bottom:20px;color:var(--accent-dark);font:10px 'DM Mono',monospace;letter-spacing:.15em}#about .grid.md\:grid-cols-2 h3{font-size:38px!important}#about .grid.md\:grid-cols-2 p{line-height:1.8!important}#about .grid.grid-cols-1{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}#about .grid.grid-cols-1 .card{border:1px solid var(--line)!important;border-radius:0!important;background:var(--paper)!important;box-shadow:none!important;padding:18px!important}#about .grid.grid-cols-1 .card b{font-size:30px!important;color:var(--ink)!important}#about .grid.md\:grid-cols-2>div:last-child{border-left:1px solid var(--line);padding-left:40px!important}#about .grid.md\:grid-cols-2>div:last-child .card{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0 0 20px!important}#about .grid.md\:grid-cols-2>div:last-child .card+ .card{padding-top:20px!important}
#skills{background:var(--ink)!important;color:var(--paper)!important}#skills h2,#skills h3,#skills span{color:var(--paper)!important}#skills:before{color:var(--accent)!important}#skills .flex.flex-wrap.gap-2:first-of-type{border-bottom:1px solid #3a3a3a;padding-bottom:16px}#skills .flex.flex-wrap.gap-2:first-of-type button{border:1px solid #555!important;border-radius:0!important;background:transparent!important;color:#aaa!important}#skills .flex.flex-wrap.gap-2:first-of-type button:hover,#skills .flex.flex-wrap.gap-2:first-of-type button.bg-gray-900{background:var(--accent)!important;color:var(--ink)!important;border-color:var(--accent)!important}#skills .h-3{height:5px!important;border-radius:0!important;background:#3a3a3a!important}#skills .h-3>div{height:5px!important;border-radius:0!important;background:var(--accent)!important}
#projects{background:var(--paper)!important}#projects .flex.items-end h2{font-size:clamp(3rem,7vw,6.7rem)!important}#projects .flex.items-end>span{font:11px 'DM Mono',monospace;color:var(--muted)!important}#projects .flex.flex-wrap.gap-2{border-bottom:1px solid var(--line);padding-bottom:14px}#projects .flex.flex-wrap.gap-2 button{border:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important}#projects .flex.flex-wrap.gap-2 button:hover,#projects .flex.flex-wrap.gap-2 button.bg-gray-900{background:var(--ink)!important;color:var(--paper)!important}#projects article{border:1px solid var(--line)!important;border-radius:0!important;background:var(--white)!important;box-shadow:none!important;overflow:hidden}#projects article:hover{transform:translateY(-6px)!important;box-shadow:6px 6px 0 var(--accent)!important;border-color:var(--ink)!important}#projects article .h-3{height:190px!important;background:var(--ink)!important}#projects article:nth-child(2) .h-3{background:var(--accent-dark)!important}#projects article:nth-child(3) .h-3{background:#a5b5ac!important}#projects article .p-5{padding:20px!important}#projects article h3{font-size:23px!important}#projects article .tag{border:0!important;padding:0!important;color:var(--accent-dark)!important;font:10px 'DM Mono',monospace!important}#projects article .text-\[10px\]{border:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}#projects article button,#projects article a{color:var(--ink)!important;font-weight:700!important}
#experience{background:var(--white)!important}#experience .space-y-6{border-left:0!important;padding-left:0!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;border-top:1px solid var(--line);padding-top:20px}#experience .space-y-6>.card{border:0!important;border-top:2px solid var(--ink)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:15px 16px 0!important;min-height:245px}#experience .space-y-6>.card:before{display:none!important}#experience .space-y-6>.card h3{font-size:16px!important}#experience .space-y-6>.card p{font-size:11px!important;line-height:1.55!important}#experience .tag{border:0!important;padding:0!important;color:var(--accent-dark)!important}
#education,#achievements,#services{background:var(--paper)!important}#education .grid>div,#achievements .grid>div,#services .grid>div{border:1px solid var(--line)!important;border-radius:0!important;background:var(--white)!important;box-shadow:none!important}#achievements .grid>div:nth-child(1){background:var(--accent)!important;color:var(--ink)!important;border-color:var(--ink)!important}#achievements .grid>div:nth-child(1) h3,#achievements .grid>div:nth-child(1) p{color:var(--ink)!important}
#contact{padding:120px 0!important;background:var(--ink)!important;color:var(--paper)!important;overflow:hidden}#contact:before{content:'LET\A\A\A\A\A S\A TALK';white-space:pre;position:absolute;right:28px;top:40px;color:#272727;font:700 clamp(8rem,20vw,18rem)/.7 'Space Grotesk',sans-serif;letter-spacing:-.13em;pointer-events:none}#contact h2,#contact h3,#contact p{color:var(--paper)!important}#contact .max-w-6xl{text-align:left!important;position:relative;z-index:2}#contact .max-w-6xl:before{content:'CONTACT / 01';display:block;color:var(--accent);font:10px 'DM Mono',monospace;letter-spacing:.15em;margin-bottom:25px}#contact h2{font-size:clamp(4rem,9vw,9rem)!important;max-width:760px!important;line-height:.8!important}#contact h2:after{content:'\A Let’s build something useful.';white-space:pre;color:var(--accent)!important}#contact>div>p{max-width:360px!important;color:#aaa!important;line-height:1.7!important}#contact .grid{margin-top:45px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}#contact .card{border:1px solid #454545!important;border-radius:0!important;background:#202020!important;box-shadow:none!important;color:var(--paper)!important;padding:16px!important}#contact .card p{font-size:11px!important;color:#aaa!important}#contact .card a{color:var(--accent)!important}#contact>a{border-radius:0!important;background:var(--accent)!important;color:var(--ink)!important;box-shadow:4px 4px 0 var(--paper)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;margin-top:28px!important}#contact>a:hover{transform:translate(3px,3px)!important;box-shadow:1px 1px 0 var(--paper)!important}
.site-footer{background:var(--ink)!important;border-top:1px solid #3a3a3a!important;color:#aaa!important;padding:65px 0 22px!important}.site-footer h3,.site-footer h4{color:var(--paper)!important}.site-footer .footer-mark{border-radius:50%!important;background:var(--accent)!important;color:var(--ink)!important;box-shadow:none!important}.footer-label{color:var(--accent)!important}.footer-top>div:not(.footer-brand) a{color:#aaa!important}.footer-top>div:not(.footer-brand) a:hover{color:var(--accent)!important}.footer-cta{border:1px solid #454545!important;border-radius:0!important;background:#202020!important}.footer-cta>a{color:var(--accent)!important}.footer-social a{border-radius:50%!important;border-color:#454545!important}.footer-bottom{border-color:#3a3a3a!important}
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease) var(--reveal-delay)}.scroll-reveal.is-visible{opacity:1;transform:none}.card{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)!important}
@media(max-width:900px){#home .max-w-6xl{gap:35px!important}#home:before{right:15px;font-size:clamp(4rem,14vw,8rem)}#experience .space-y-6{grid-template-columns:repeat(2,1fr)!important}#contact .grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:640px){header{height:66px}header .max-w-7xl{height:66px!important;padding:0 16px!important}header nav{display:none!important}section:not(#home):not(#contact){padding:82px 0!important}section:not(#home):not(#contact):before{left:18px;top:24px}#home{min-height:auto;padding:120px 0 70px!important}#home:before{right:12px;top:88px;font-size:4rem}#home:after{left:18px;bottom:22px;font-size:8px}#home .max-w-6xl{display:flex!important;flex-direction:column!important;gap:45px!important;padding:0 18px!important}#home .max-w-6xl:before{left:18px;top:-65px;font-size:8px;line-height:1.4;max-width:260px}#home .max-w-6xl>div:first-child{width:100%!important}#home h1:before,#home h1:after{font-size:clamp(3.7rem,16vw,6rem)!important}#home h2:after{font-size:15px!important}#home .max-w-6xl>div:first-child>p:nth-of-type(2){font-size:12px!important}#home .hero-metrics{width:100%!important;gap:8px!important}#home .hero-metric{min-width:0!important;flex:1!important;padding:13px!important;box-shadow:3px 3px 0 var(--ink)!important}#home .hero-metric b{font-size:22px!important}#home .max-w-6xl>div:first-child>div:last-child{flex-wrap:wrap!important}#home .max-w-6xl>div:nth-child(2){width:100%!important}#home .max-w-6xl>div:nth-child(2):before{right:0;top:-25px}#home .max-w-6xl>div:nth-child(2) img{height:330px!important}#about .grid.md\:grid-cols-2{display:block!important}#about .grid.md\:grid-cols-2>div:last-child{border-left:0;border-top:1px solid var(--line);padding:30px 0 0!important;margin-top:36px}#about .grid.grid-cols-1{grid-template-columns:1fr!important}#projects .grid.md\:grid-cols-2{grid-template-columns:1fr!important}#projects article .h-3{height:150px!important}#experience .space-y-6{grid-template-columns:1fr!important}#experience .space-y-6>.card{min-height:auto;padding:20px 0!important}#contact{padding:84px 0!important}#contact:before{font-size:7rem;top:140px;right:-15px}#contact h2{font-size:clamp(3.6rem,16vw,6rem)!important}#contact .grid{grid-template-columns:1fr 1fr!important}#contact .card{min-height:125px!important}#contact .card:last-child{grid-column:1/-1}#contact>a{display:inline-flex!important}.footer-top{grid-template-columns:1fr!important;gap:30px!important}.footer-brand,.footer-cta{grid-column:auto!important}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.scroll-reveal{opacity:1!important;transform:none!important}}

/* black & white experience/footer system */
:root{--paper:#f7f7f5;--ink:#111;--muted:#727272;--line:#d6d6d2;--accent:#111;--accent-dark:#111;--white:#fff}html,body{background:var(--paper)!important;color:var(--ink)!important}.dark{--paper:#111;--ink:#f7f7f5;--muted:#a4a4a0;--line:#353535;--accent:#f7f7f5;--accent-dark:#f7f7f5;--white:#1a1a1a}.dark body,.dark #root{background:#111!important;color:#f7f7f5!important}.dark header{background:rgba(17,17,17,.9)!important;border-color:#353535!important}.dark header a,.dark header b,.dark header button{color:#f7f7f5!important}.dark header nav a:hover{background:#f7f7f5!important;color:#111!important}.dark h1,.dark h2,.dark h3,.dark h4,.dark section h2{color:#f7f7f5!important}
#experience{background:var(--white)!important;padding-top:128px!important;padding-bottom:128px!important}#experience:before{content:'EXPERIENCE / 03'!important;top:34px!important;color:var(--muted)!important}#experience .max-w-6xl>h2{max-width:700px!important;margin-bottom:18px!important}#experience .max-w-6xl>p{max-width:390px!important;font-size:14px!important}#experience .space-y-6{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:62px!important;border-top:1px solid var(--ink)!important;padding:0!important;overflow:hidden}#experience .space-y-6>.card{border:0!important;border-right:1px solid var(--line)!important;border-top:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:300px!important;padding:22px 20px 12px!important;position:relative!important}#experience .space-y-6>.card:first-child{border-left:1px solid var(--line)!important}#experience .space-y-6>.card:after{content:'0' counter(experience);counter-increment:experience;position:absolute;top:20px;right:16px;font:10px 'DM Mono',monospace;color:var(--muted)}#experience .space-y-6{counter-reset:experience}#experience .space-y-6>.card h3{padding-top:34px!important;font-size:16px!important;line-height:1.05!important;text-transform:none!important;max-width:170px!important}#experience .space-y-6>.card .tag{border:1px solid var(--ink)!important;color:var(--ink)!important;border-radius:999px!important;padding:4px 7px!important;font-size:9px!important}#experience .space-y-6>.card p{font-size:11px!important;line-height:1.65!important;color:var(--muted)!important}#experience .space-y-6>.card h4{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;margin-top:22px!important}#experience .space-y-6>.card .flex{gap:5px!important}#experience .space-y-6>.card .flex .tag{border:0!important;padding:2px 0!important;color:var(--muted)!important;border-radius:0!important}#experience .space-y-6>.card:hover{background:var(--paper)!important;transform:none!important;box-shadow:inset 0 -4px 0 var(--ink)!important}
.site-footer{background:var(--ink)!important;color:var(--paper)!important;border-top:1px solid var(--ink)!important;padding:92px 0 26px!important}.site-footer:before{display:none!important}.site-footer h3,.site-footer h4{color:var(--paper)!important}.footer-top{grid-template-columns:1.4fr .75fr .95fr 1.25fr!important;gap:58px!important}.footer-mark{width:46px!important;height:46px!important;border-radius:50%!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important}.footer-brand h3{font-size:26px!important;margin-top:18px!important}.footer-brand p{color:#999!important;font-size:13px!important}.footer-label{color:var(--paper)!important;font:10px 'DM Mono',monospace!important;letter-spacing:.15em!important}.footer-top>div:not(.footer-brand) a{color:#999!important;font-size:12px!important;margin:14px 0!important}.footer-top>div:not(.footer-brand) a:hover{color:var(--paper)!important;transform:translateX(4px)}.footer-social a{border:1px solid #555!important;color:#aaa!important;border-radius:50%!important}.footer-social a:hover{border-color:var(--paper)!important;color:var(--paper)!important}.footer-cta{border:1px solid #555!important;border-radius:0!important;background:transparent!important;padding:25px!important}.footer-cta h4{font-size:29px!important;line-height:1.02!important}.footer-cta>a{color:var(--paper)!important;border-bottom:1px solid var(--paper);padding-bottom:5px}.footer-bottom{border-color:#444!important;color:#888!important}.footer-bottom span:last-child{color:var(--paper)!important}
/* functional theme toggle: default is light paper/ink, click switches to ink/paper */
.dark #about,.dark #projects,.dark #education,.dark #achievements,.dark #services,.dark #experience{background:#1a1a1a!important}.dark #skills{background:#080808!important}.dark #projects article,.dark #about .grid.grid-cols-1 .card,.dark #education .grid>div,.dark #achievements .grid>div,.dark #services .grid>div{background:#111!important;border-color:#3b3b3b!important;color:#f7f7f5!important}.dark #home{background:#111!important}.dark #home:before{color:#292929!important}.dark #home h1:before,.dark #home h2:after,.dark #home .max-w-6xl>div:nth-child(2)>div:last-child{color:#f7f7f5!important}.dark #home .hero-metric{background:#1a1a1a!important;border-color:#555!important;color:#f7f7f5!important;box-shadow:4px 4px 0 #f7f7f5!important}.dark #home .max-w-6xl>div:first-child>div:last-child a:first-child{background:#f7f7f5!important;color:#111!important}.dark #home .max-w-6xl>div:first-child>div:last-child a:last-child{border-color:#f7f7f5!important;color:#f7f7f5!important}.dark #contact{background:#050505!important}.dark .site-footer{background:#050505!important}
@media(max-width:900px){#experience .space-y-6{grid-template-columns:repeat(2,1fr)!important}.footer-top{grid-template-columns:1fr 1fr!important;gap:36px!important}.footer-brand,.footer-cta{grid-column:span 2!important}}@media(max-width:640px){#experience .space-y-6{grid-template-columns:1fr!important;margin-top:38px!important}#experience .space-y-6>.card{min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:20px 0!important}#experience .space-y-6>.card:first-child{border-left:0!important}.footer-top{grid-template-columns:1fr!important;gap:30px!important}.footer-brand,.footer-cta{grid-column:auto!important}}

/* final contrast fixes */
header a:first-child span{color:var(--paper)!important;background:var(--ink)!important}#home .max-w-6xl>div:nth-child(2)>div:last-child{background:var(--ink)!important;color:var(--paper)!important}#home .max-w-6xl>div:nth-child(2)>div:last-child span{color:var(--paper)!important}.dark header a:first-child span{background:var(--paper)!important;color:var(--ink)!important}.dark #home .max-w-6xl>div:nth-child(2)>div:last-child{background:var(--paper)!important;color:var(--ink)!important}.dark #home .max-w-6xl>div:nth-child(2)>div:last-child span{color:var(--ink)!important}

/* FINAL VISUAL QA: stable palette, original image color, nav/footer repair */
:root{--paper:#f6f4ef;--ink:#16233b;--muted:#667085;--line:#d9dde5;--accent:#ff6b5f;--accent-dark:#d84e45;--secondary:#19a8a1;--white:#fff;--panel:#fff;color-scheme:light}
html,body{background:var(--paper)!important;color:var(--ink)!important}body{font-family:'DM Sans',sans-serif!important}.dark{--paper:#101827;--ink:#f6f4ef;--muted:#aab4c6;--line:#344158;--accent:#ff847a;--accent-dark:#ff6b5f;--secondary:#55d0c7;--white:#182238;--panel:#182238;color-scheme:dark}.dark body,.dark #root{background:var(--paper)!important;color:var(--ink)!important}
/* navigation */
header{height:76px!important;background:rgba(246,244,239,.92)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 28px rgba(22,35,59,.06)!important;backdrop-filter:blur(18px)}.dark header{background:rgba(16,24,39,.92)!important;border-color:var(--line)!important}header .max-w-7xl{height:76px!important;max-width:1220px!important;padding:0 28px!important}header a:first-child span{background:var(--ink)!important;color:var(--paper)!important;box-shadow:0 5px 0 var(--accent)!important}header b{color:var(--ink)!important;font-size:12px!important;letter-spacing:.13em!important;text-transform:uppercase!important}header nav{display:flex!important;gap:3px!important;border:0!important;background:transparent!important;padding:0!important}header nav a{color:var(--muted)!important;background:transparent!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;padding:9px 13px!important}header nav a:hover{background:var(--ink)!important;color:var(--paper)!important}header button{color:var(--ink)!important;background:transparent!important}header button:hover{background:var(--accent)!important;color:#fff!important}
/* global content */
section:not(#home):not(#contact){padding:118px 0!important}section:not(#home):not(#contact):before{color:var(--accent-dark)!important}h1,h2,h3,h4{color:var(--ink)!important}.text-gray-500,.text-gray-600,.text-gray-400{color:var(--muted)!important}.card{background:var(--panel)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:0 10px 28px rgba(22,35,59,.05)!important}.dark .card{box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
/* hero */
#home{background:var(--paper)!important;min-height:780px!important}#home:before{color:rgba(22,35,59,.09)!important}#home h1:before{color:var(--ink)!important}#home h1:after{color:var(--accent-dark)!important}#home h2:after{color:var(--ink)!important}#home .max-w-6xl>div:nth-child(2) img{filter:drop-shadow(0 24px 45px rgba(22,35,59,.18))!important;animation:float 6s ease-in-out infinite!important}#home .max-w-6xl>div:nth-child(2)>div:last-child{background:var(--secondary)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:5px 5px 0 var(--ink)!important}#home .max-w-6xl>div:nth-child(2)>div:last-child span{color:#fff!important}#home .hero-metric{background:var(--white)!important;border-color:var(--line)!important;box-shadow:4px 4px 0 var(--ink)!important}.metric-icon{background:var(--secondary)!important;color:#fff!important}.metric-icon-violet,.metric-icon-cyan{background:var(--secondary)!important;color:#fff!important}#home .max-w-6xl>div:first-child>div:last-child a:first-child{background:var(--ink)!important;color:var(--paper)!important}#home .max-w-6xl>div:first-child>div:last-child a:last-child{border-color:var(--ink)!important;color:var(--ink)!important}#home .max-w-6xl>div:first-child>div:last-child a:hover{background:var(--accent)!important;color:#fff!important}
/* sections */
#about,#projects,#education,#achievements,#services{background:var(--paper)!important}#skills{background:var(--ink)!important;color:var(--paper)!important}#skills h2,#skills h3,#skills span{color:var(--paper)!important}#skills .flex.flex-wrap.gap-2:first-of-type button{color:var(--paper)!important;border-color:#657089!important}#skills .flex.flex-wrap.gap-2:first-of-type button:hover,#skills .flex.flex-wrap.gap-2:first-of-type button.bg-gray-900{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}#skills .h-3{background:#48536a!important}#skills .h-3>div{background:var(--secondary)!important}#projects article .h-3{background:linear-gradient(135deg,var(--ink),var(--secondary))!important;height:170px!important}#projects article:nth-child(2) .h-3{background:linear-gradient(135deg,var(--accent-dark),#ffb36d)!important}#projects article:nth-child(3) .h-3{background:linear-gradient(135deg,#6d7cff,#b9bfff)!important}#projects article:hover{border-color:var(--accent)!important;box-shadow:6px 6px 0 var(--accent)!important}.tag{color:var(--accent-dark)!important;border-color:rgba(216,78,69,.28)!important;background:rgba(255,107,95,.07)!important}
/* experience */
#experience{background:var(--white)!important}#experience .space-y-6{border-top-color:var(--ink)!important}#experience .space-y-6>.card{background:transparent!important;border-color:var(--line)!important;color:var(--ink)!important}#experience .space-y-6>.card:hover{background:var(--paper)!important;box-shadow:inset 0 -4px 0 var(--accent)!important}#experience .space-y-6>.card .tag{color:var(--accent-dark)!important;border-color:var(--accent-dark)!important}
/* contact */
#contact{background:var(--ink)!important;color:var(--paper)!important}#contact h2,#contact h3,#contact p{color:var(--paper)!important}#contact h2:after{color:var(--accent)!important}#contact:before{color:rgba(255,255,255,.06)!important}#contact .card{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.2)!important;color:var(--paper)!important;box-shadow:none!important}#contact .card p{color:#b9c0cc!important}#contact .card a{color:var(--secondary)!important}#contact>a{background:var(--accent)!important;color:#fff!important;box-shadow:4px 4px 0 var(--secondary)!important}
/* footer */
.site-footer{background:var(--ink)!important;color:#aeb6c4!important;border-top:1px solid rgba(255,255,255,.18)!important;padding:78px 0 24px!important;overflow:hidden!important}.site-footer:before{display:none!important}.site-footer .max-w-6xl{max-width:1220px!important;padding:0 28px!important}.footer-top{display:grid!important;grid-template-columns:minmax(230px,1.5fr) minmax(120px,.7fr) minmax(190px,1fr) minmax(240px,1.25fr)!important;gap:42px!important;align-items:start!important;padding-bottom:58px!important}.footer-brand h3,.footer-cta h4{color:var(--paper)!important}.footer-brand p{color:#aeb6c4!important}.footer-mark{background:var(--accent)!important;color:#fff!important;border-radius:50%!important;box-shadow:none!important}.footer-label{color:var(--secondary)!important}.footer-top>div:not(.footer-brand) a{color:#aeb6c4!important;font-size:12px!important}.footer-top>div:not(.footer-brand) a:hover{color:var(--paper)!important}.footer-social a{border-color:rgba(255,255,255,.24)!important;color:#aeb6c4!important}.footer-social a:hover{border-color:var(--accent)!important;color:var(--accent)!important}.footer-cta{border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.05)!important;color:var(--paper)!important;border-radius:12px!important}.footer-cta h4{font-size:27px!important}.footer-cta>a{color:var(--accent)!important}.footer-bottom{border-color:rgba(255,255,255,.18)!important;color:#8791a0!important}.footer-bottom span:last-child{color:var(--secondary)!important}
/* dark mode component corrections */
.dark #about,.dark #projects,.dark #education,.dark #achievements,.dark #services{background:#121b2c!important}.dark #experience{background:#182238!important}.dark #projects article,.dark #about .grid.grid-cols-1 .card,.dark #education .grid>div,.dark #achievements .grid>div,.dark #services .grid>div{background:#182238!important;border-color:#344158!important;color:var(--ink)!important}.dark #home .hero-metric{background:#182238!important;border-color:#344158!important}.dark #home .max-w-6xl>div:nth-child(2)>div:last-child{background:var(--secondary)!important}.dark .site-footer{background:#0b1220!important}
@media(max-width:900px){header nav{display:none!important}.footer-top{grid-template-columns:1fr 1fr!important;gap:32px!important}.footer-brand,.footer-cta{grid-column:span 2!important}}
@media(max-width:640px){#home .max-w-6xl{padding:0 18px!important}#home .max-w-6xl:before{left:18px!important}#home .max-w-6xl>div:nth-child(2) img{filter:drop-shadow(0 18px 30px rgba(22,35,59,.2))!important}.footer-top{grid-template-columns:1fr!important;gap:30px!important}.footer-brand,.footer-cta{grid-column:auto!important}.footer-bottom{flex-direction:column!important}}

/* independent contact/footer rebuild: no inherited grid overflow */
#contact{position:relative;isolation:isolate;overflow:hidden!important;padding:112px 0 90px!important;background:var(--ink)!important}#contact:before{content:'CONTACT';position:absolute;right:-30px;top:80px;white-space:normal!important;color:rgba(255,255,255,.05)!important;font:700 clamp(7rem,18vw,15rem)/.8 'Space Grotesk',sans-serif!important;pointer-events:none;z-index:-1}#contact .max-w-6xl{display:block!important;max-width:1220px!important;padding:0 28px!important;text-align:left!important}#contact .max-w-6xl:before{content:'CONTACT / LET’S TALK';display:block!important;margin:0 0 28px!important;color:var(--secondary)!important;font:10px 'DM Mono',monospace!important;letter-spacing:.16em!important}#contact h2{display:block!important;max-width:680px!important;margin:0!important;font-size:clamp(3.5rem,8vw,8rem)!important;line-height:.86!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;color:var(--paper)!important}#contact h2:after{content:'Let’s build something useful.'!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:620px!important;margin-top:12px!important;color:var(--accent)!important;font:inherit!important;line-height:.86!important}#contact .max-w-6xl>p{display:block!important;max-width:380px!important;margin:26px 0 0!important;color:#b8c0cc!important;font-size:14px!important;line-height:1.7!important}#contact .grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:8px!important;margin:54px 0 0!important}#contact .grid .card{min-width:0!important;min-height:150px!important;padding:18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important;overflow:hidden!important}#contact .grid .card h3,#contact .grid .card p{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}#contact .grid .card h3{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important}#contact .grid .card p{font-size:11px!important;line-height:1.45!important}#contact .max-w-6xl>a{display:inline-flex!important;margin:30px 0 0!important;align-items:center!important;gap:10px!important;border-radius:0!important;background:var(--accent)!important;color:#fff!important;box-shadow:4px 4px 0 var(--secondary)!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.site-footer{position:relative!important;overflow:hidden!important;background:#101827!important;color:#b8c0cc!important;padding:80px 0 24px!important;border-top:1px solid rgba(255,255,255,.18)!important}.site-footer .max-w-6xl{max-width:1220px!important;padding:0 28px!important}.footer-top{display:grid!important;grid-template-columns:minmax(220px,1.35fr) minmax(120px,.75fr) minmax(180px,1fr) minmax(220px,1.25fr)!important;gap:42px!important;width:100%!important;align-items:start!important}.footer-top>div{min-width:0!important}.footer-brand h3{font-size:26px!important;color:#f6f4ef!important}.footer-brand p{max-width:280px!important;color:#aeb6c4!important;line-height:1.7!important}.footer-top>div:not(.footer-brand) a{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;color:#aeb6c4!important;font-size:12px!important}.footer-cta{min-width:0!important;padding:24px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important}.footer-cta h4{color:#f6f4ef!important;font-size:27px!important;line-height:1.05!important;overflow-wrap:anywhere!important}.footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;width:100%!important}.footer-bottom span{overflow-wrap:anywhere!important}
@media(max-width:900px){#contact .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-top{grid-template-columns:1fr 1fr!important}.footer-brand,.footer-cta{grid-column:span 2!important}}@media(max-width:640px){#contact{padding:86px 0 70px!important}#contact .max-w-6xl{padding:0 18px!important}#contact h2{font-size:clamp(3.2rem,15vw,6rem)!important}#contact .grid{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:38px!important}#contact .grid .card{min-height:120px!important;padding:13px!important}#contact .grid .card:last-child{grid-column:1/-1}#contact .max-w-6xl>a{margin-top:22px!important}.site-footer{padding:64px 0 22px!important}.site-footer .max-w-6xl{padding:0 18px!important}.footer-top{grid-template-columns:1fr!important;gap:30px!important}.footer-brand,.footer-cta{grid-column:auto!important}.footer-bottom{align-items:flex-start!important;flex-direction:column!important}}

/* final overflow guard */
#contact:before{right:0!important;max-width:100%!important;overflow:hidden!important}#contact .max-w-6xl{overflow:hidden!important}

/* footer social links: explicit icon + label layout */
.site-footer .footer-social{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:22px!important}.site-footer .footer-social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:34px!important;height:34px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;color:#f6f4ef!important;background:transparent!important;text-decoration:none!important;transform:none!important}.site-footer .footer-social a:hover{border-color:var(--accent)!important;color:var(--accent)!important;transform:translateY(-2px)!important}.site-footer .footer-social a svg{display:block!important;width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;flex:0 0 15px!important;stroke:currentColor!important;overflow:visible!important}.site-footer .footer-social a span{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;color:inherit!important;font:600 10px 'DM Mono',monospace!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap!important}@media(max-width:640px){.site-footer .footer-social{gap:7px!important}.site-footer .footer-social a{padding:0 9px!important}}

/* motion upgrade + larger desktop hero portrait */
:root{--motion-ease:cubic-bezier(.23,1,.32,1)}
html{scroll-behavior:smooth}.scroll-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(2px);transition:opacity .78s var(--motion-ease) var(--reveal-delay),transform .78s var(--motion-ease) var(--reveal-delay),filter .78s var(--motion-ease) var(--reveal-delay);will-change:opacity,transform,filter}.scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}section.scroll-reveal{transform:translate3d(0,46px,0)}section.scroll-reveal.is-visible{transform:none}.card.scroll-reveal:hover{transform:translate3d(0,-7px,0)!important}.hero-metric.scroll-reveal:hover{transform:translate3d(0,-4px,0)!important}.footer-top>div.scroll-reveal{transition-duration:.65s}
#home .max-w-6xl>div:nth-child(2){min-height:575px!important;display:flex!important;align-items:center!important;justify-content:center!important}#home .max-w-6xl>div:nth-child(2) img{height:610px!important;max-height:none!important;width:112%!important;max-width:none!important;object-fit:contain!important;transform:translateY(16px) scale(1.06);transform-origin:center bottom;transition:transform 1s var(--motion-ease),filter .6s ease!important}#home .max-w-6xl>div:nth-child(2):hover img{transform:translateY(8px) scale(1.1)!important}#home .max-w-6xl>div:nth-child(2)>div:last-child{z-index:3;transform:translateY(-5px);transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease)!important}#home .max-w-6xl>div:nth-child(2)>div:last-child:hover{transform:translateY(-10px)!important;box-shadow:8px 8px 0 var(--ink)!important}
/* subtle section rhythm */
#about .card.scroll-reveal:nth-child(2),#projects article.scroll-reveal:nth-child(2),#services .card.scroll-reveal:nth-child(2){--reveal-delay:90ms!important}#about .card.scroll-reveal:nth-child(3),#projects article.scroll-reveal:nth-child(3),#services .card.scroll-reveal:nth-child(3){--reveal-delay:160ms!important}#about .card.scroll-reveal:nth-child(4),#projects article.scroll-reveal:nth-child(4),#services .card.scroll-reveal:nth-child(4){--reveal-delay:230ms!important}
@media(max-width:1100px){#home .max-w-6xl>div:nth-child(2){min-height:510px!important}#home .max-w-6xl>div:nth-child(2) img{height:550px!important;width:108%!important}}
@media(max-width:640px){#home .max-w-6xl>div:nth-child(2){min-height:0!important;display:block!important}#home .max-w-6xl>div:nth-child(2) img{height:350px!important;width:100%!important;transform:none!important}#home .max-w-6xl>div:nth-child(2):hover img{transform:none!important}.scroll-reveal{transform:translate3d(0,22px,0)!important;filter:none}.scroll-reveal.is-visible{transform:none!important}.card.scroll-reveal:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scroll-reveal,.scroll-reveal.is-visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}#home .max-w-6xl>div:nth-child(2) img,#home .max-w-6xl>div:nth-child(2):hover img{transform:none!important;transition:none!important}}

/* bidirectional scroll choreography */
.scroll-reveal{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(2px);transition:opacity .7s var(--motion-ease) var(--reveal-delay),transform .7s var(--motion-ease) var(--reveal-delay),filter .7s var(--motion-ease) var(--reveal-delay)}.scroll-reveal.from-top{transform:translate3d(0,-30px,0) scale(.985)}.scroll-reveal.from-bottom{transform:translate3d(0,30px,0) scale(.985)}.scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}section.scroll-reveal.from-top{transform:translate3d(0,-48px,0) scale(.985)}section.scroll-reveal.from-bottom{transform:translate3d(0,48px,0) scale(.985)}section.scroll-reveal.is-visible{transform:none}.scroll-reveal:not(.is-visible){pointer-events:none}.card.scroll-reveal.is-visible:hover{transform:translate3d(0,-7px,0)!important;filter:none}.footer-top>div.scroll-reveal{transition-duration:.62s}
@media(max-width:640px){.scroll-reveal,.scroll-reveal.from-top,.scroll-reveal.from-bottom{transform:translate3d(0,20px,0)!important;filter:none}.scroll-reveal.is-visible{transform:none!important}.card.scroll-reveal.is-visible:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.from-top,.scroll-reveal.from-bottom,.scroll-reveal.is-visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}


/* final accessibility contrast pass: keep every content layer readable in dark mode */
.dark #root,
.dark #root section,
.dark #root section p,
.dark #root section li,
.dark #root section span,
.dark #root section small,
.dark #root section label,
.dark #root section button,
.dark #root section a{color:var(--ink)}
.dark #root .text-gray-500,.dark #root .text-gray-600,.dark #root .text-gray-400,.dark #root .text-slate-500,.dark #root .text-slate-600,.dark #root .text-slate-400{color:var(--muted)!important}
.dark #root .text-blue-600,.dark #root .text-purple-600,.dark #root .text-cyan-600{color:var(--secondary)!important}
.dark #root .text-gray-900,.dark #root .text-slate-900{color:var(--ink)!important}
.dark #root .bg-white,.dark #root .bg-gray-50,.dark #root .bg-gray-100,.dark #root .bg-gray-200{background:var(--panel)!important;color:var(--ink)!important}
.dark #root .bg-gray-800,.dark #root .bg-gray-900{background:#0b1220!important;color:var(--ink)!important}
.dark #root .border-gray-200,.dark #root .border-gray-300,.dark #root .border-gray-700,.dark #root .border-gray-800{border-color:var(--line)!important}
.dark #root #skills .text-gray-500,.dark #root #skills .text-gray-600,.dark #root #skills .text-gray-400{color:#c5cede!important}
.dark #root #contact .text-gray-500,.dark #root #contact .text-gray-600,.dark #root #contact .text-gray-400{color:#c5cede!important}
.dark #root #home .hero-metric span,.dark #root #home .hero-metric p{color:#c5cede!important}
.dark #root #projects article .text-\[10px\]{background:#22304a!important;color:#d8e0ef!important;border-color:#40516d!important}
.dark #root #projects article a,.dark #root #projects article button{color:var(--secondary)!important}
.dark #root #projects article .tag,.dark #root .tag{color:var(--accent)!important}

/* restrained movement: hover lift plus directional reveal, disabled for reduced-motion users */
@media (prefers-reduced-motion:no-preference){
  #root a:hover,#root button:hover{transform:translateY(-2px)}
  #root .hero-metric:hover,#root #projects article:hover,#root #services .card:hover{transform:translate3d(0,-7px,0)!important}
  #root .hero-metric:active,#root button:active{transform:scale(.97)!important}
}


/* targeted dark-mode repair for Technical Skills and Contact */
.dark #root #skills h2,
.dark #root #skills h3,
.dark #root #skills span,
.dark #root #skills p,
.dark #root #skills button,
.dark #root #skills .flex.justify-between span{color:#f6f4ef!important}
.dark #root #skills p,
.dark #root #skills .text-gray-500,
.dark #root #skills .text-gray-600,
.dark #root #skills .text-gray-400{color:#c5cede!important}
.dark #root #skills button{background:#182238!important;border-color:#657089!important}
.dark #root #skills button.bg-gray-900{background:#ff847a!important;color:#101827!important;border-color:#ff847a!important}
.dark #root #contact h2,
.dark #root #contact h3,
.dark #root #contact p,
.dark #root #contact .card h3{color:#f6f4ef!important}
.dark #root #contact>div>p,
.dark #root #contact .card p{color:#c5cede!important}
.dark #root #contact .card a{color:#55d0c7!important}


/* cursor position feedback: a quiet spotlight that follows the pointer */
.cursor-glow{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(260px circle at var(--cursor-x,50vw) var(--cursor-y,50vh),rgba(25,168,161,.13),transparent 68%)}
.cursor-glow.is-active{opacity:1}
.dark .cursor-glow{background:radial-gradient(280px circle at var(--cursor-x,50vw) var(--cursor-y,50vh),rgba(85,208,199,.12),transparent 68%)}
@media(max-width:900px),(pointer:coarse){.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.cursor-glow{display:none}}


/* footer Contact column: keep each detail readable and visually separated */
.site-footer .footer-top>div:nth-child(3){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
.site-footer .footer-top>div:nth-child(3) .footer-label{margin:0 0 14px!important}
.site-footer .footer-top>div:nth-child(3) a{display:flex!important;align-items:center!important;width:100%!important;min-height:32px!important;margin:0!important;padding:5px 0!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;transition:color .22s var(--motion-ease),transform .22s var(--motion-ease)!important}
.site-footer .footer-top>div:nth-child(3) a:before{content:'↗';display:inline-block!important;width:18px!important;margin-right:5px!important;color:var(--secondary)!important;font:12px 'DM Mono',monospace!important;opacity:.85!important}
.site-footer .footer-top>div:nth-child(3) a:hover{transform:translateX(4px)!important;color:var(--paper)!important}
@media(max-width:640px){.site-footer .footer-top>div:nth-child(3) a{min-height:30px!important;padding:4px 0!important}}


/* recommended motion upgrade: progress, staggered hero, skill bars, project micro-motion */
.scroll-progress{position:fixed;top:0;left:0;z-index:100;width:var(--scroll-progress,0%);height:3px;background:linear-gradient(90deg,var(--accent),var(--secondary));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent);pointer-events:none;transition:width .12s linear}
#home h1:before,#home h1:after{content:none!important;display:none!important}
#home h1{font-size:clamp(4.2rem,8.3vw,8.2rem)!important;line-height:.84!important;letter-spacing:-.105em!important}
#home h1 span{display:block!important;opacity:0;transform:translate3d(0,26px,0);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease);color:var(--ink)!important}
#home h1 span:nth-child(2){transition-delay:90ms;color:var(--ink)!important}
#home h1 span:nth-child(3){margin-top:10px;transition-delay:180ms;color:var(--accent-dark)!important}
#home.scroll-reveal.is-visible h1 span{opacity:1;transform:none}
.skill-fill{width:0!important;transform-origin:left center;transition:width .85s var(--motion-ease);will-change:width}
#skills.scroll-reveal.is-visible .skill-fill{width:var(--skill-width)!important}
#projects article .tag{transition:color .25s var(--motion-ease),letter-spacing .25s var(--motion-ease)}
#projects article:hover .tag{letter-spacing:.08em!important;color:var(--secondary)!important}
#projects article button svg,#projects article a svg{transition:transform .25s var(--motion-ease)}
#projects article button:hover svg,#projects article a:hover svg{transform:translateX(5px)}
.site-footer .footer-top>div.scroll-reveal.is-visible a{opacity:0;transform:translate3d(-10px,0,0);animation:footer-link-in .45s var(--motion-ease) forwards}
.site-footer .footer-top>div.scroll-reveal.is-visible a:nth-of-type(2){animation-delay:70ms}.site-footer .footer-top>div.scroll-reveal.is-visible a:nth-of-type(3){animation-delay:140ms}.site-footer .footer-top>div.scroll-reveal.is-visible a:nth-of-type(4){animation-delay:210ms}
@keyframes footer-link-in{to{opacity:1;transform:none}}
@media(max-width:640px){#home h1{font-size:clamp(3.7rem,16vw,6rem)!important}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none!important}.scroll-reveal.is-visible h1 span{opacity:1!important;transform:none!important;transition:none!important}.skill-fill{transition:none!important}.site-footer .footer-top>div.scroll-reveal.is-visible a{opacity:1!important;transform:none!important;animation:none!important}}


/* keep staggered hero headline as intentional lines */
#home h1 span{white-space:nowrap!important}
@media(max-width:640px){#home h1 span{white-space:normal!important}}


/* complete interaction polish */
header nav a{position:relative}
header nav a.is-active{color:var(--ink)!important;background:var(--accent)!important}
header nav a.is-active:after{content:'';position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:70;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s var(--motion-ease),transform .25s var(--motion-ease),background .25s ease;box-shadow:0 10px 25px rgba(0,0,0,.14)}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--accent);color:#fff;transform:translateY(-3px)!important}.back-to-top svg{transform:rotate(-90deg)}
.theme-toggle svg{transition:transform .45s var(--motion-ease)}.theme-toggle:hover svg{transform:rotate(180deg)}
.availability-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.availability-badge span{width:7px;height:7px;border-radius:50%;background:#32c777;box-shadow:0 0 0 0 rgba(50,199,119,.5);animation:status-pulse 2s infinite}@keyframes status-pulse{70%{box-shadow:0 0 0 7px rgba(50,199,119,0)}}
.mobile-menu{transform-origin:top;animation:menu-in .28s var(--motion-ease)}@keyframes menu-in{from{opacity:0;transform:translateY(-8px) scaleY(.96)}to{opacity:1;transform:none}}
.project-card{transition:transform .3s var(--motion-ease),box-shadow .3s var(--motion-ease),border-color .3s ease!important}.project-card:hover .h-3{filter:saturate(1.35);transform:scaleX(1.03);transform-origin:left;transition:transform .45s var(--motion-ease),filter .3s ease}.project-card h3,.card h3{transition:color .25s ease}.project-card:hover h3,.services .card:hover h3{color:var(--accent-dark)!important}
.project-modal>div{animation:modal-in .35s var(--motion-ease)}@keyframes modal-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
#skills .flex.flex-wrap.gap-2:first-of-type button{transition:background .25s var(--motion-ease),color .25s var(--motion-ease),transform .2s ease!important}#skills .grid>div{animation:skill-in .5s var(--motion-ease) both}@keyframes skill-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
#experience .space-y-6>.card:before{content:'';display:block!important;position:absolute;left:-2px;top:0;width:3px;height:0;background:var(--accent);transition:height .55s var(--motion-ease)}#experience .space-y-6>.card.is-visible:before{height:100%}
#projects article h3,#services .card h3,#experience .card h3{position:relative;width:max-content;max-width:100%}#projects article h3:after,#services .card h3:after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .3s var(--motion-ease)}#projects article:hover h3:after,#services .card:hover h3:after{width:100%}
@media(max-width:640px){.back-to-top{right:16px;bottom:16px;width:38px;height:38px}.availability-badge{font-size:9px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.availability-badge span{animation:none}.mobile-menu,.project-modal>div{animation:none}.project-card:hover .h-3{transform:none}.theme-toggle svg{transition:none}.back-to-top{transition:none}#skills .grid>div{animation:none}#experience .space-y-6>.card:before{transition:none}}