.developer-profile-body{padding-top:106px;background:radial-gradient(ellipse at 78% 24%,rgba(166,255,0,.075),transparent 35%),var(--background);}
.developer-profile-topline{position:fixed;z-index:95;inset:0 0 auto;min-height:30px;padding:5px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0f130f;border-bottom:1px solid #1c221a;color:#a3aa9d;font-size:.72rem;font-weight:600;}
.developer-profile-topline a{color:var(--primary);}
.developer-profile-topline a:hover{text-decoration:underline;text-underline-offset:3px;}
.developer-profile-header{position:fixed;z-index:94;top:30px;left:0;right:0;min-height:76px;padding:12px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(7,9,8,.94);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);}
.developer-profile-brand{display:inline-flex;align-items:center;gap:10px;color:#f4f5ef;font-size:1.05rem;font-weight:850;letter-spacing:-.025em;}
.developer-profile-brand>span:last-child>span{color:var(--primary);}
.developer-profile-brand .brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(166,255,0,.3);border-radius:11px;background:rgba(166,255,0,.08);color:var(--primary);}
.developer-profile-brand svg,.developer-profile-project-mark svg{width:19px;height:19px;fill:currentColor;}
.developer-profile-nav-link{color:#c7cec1;font-size:.86rem;font-weight:700;transition:color .2s ease;}
.developer-profile-nav-link span{margin-left:5px;color:var(--primary);}
.developer-profile-nav-link:hover{color:var(--primary);}
.developer-profile-main{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:64px 0 48px;}
.developer-profile-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);align-items:center;gap:clamp(42px,8vw,110px);}
.developer-profile-copy{max-width:660px;}
.developer-profile-kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.11em;}
.developer-profile-kicker span{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 16px rgba(166,255,0,.55);}
.developer-profile-copy h1{max-width:10ch;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:900;}
.developer-profile-copy h1 em{color:var(--primary);font-style:normal;}
.developer-profile-role{margin:20px 0 0;color:#c4cabc;font-size:1.12rem;font-weight:650;}
.developer-profile-intro{max-width:58ch;margin:16px 0 28px;color:#a5ada0;font-size:1rem;line-height:1.8;}
.developer-profile-cta{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:11px;padding:0 20px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:#071000;font-size:.94rem;font-weight:850;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:transform .2s var(--ease-smooth),background .2s ease;}
.developer-profile-cta:hover{transform:translateY(-2px);background:var(--primary-hover);}
.developer-profile-cta:focus-visible,.developer-profile-contact:focus-visible,.developer-profile-header a:focus-visible,.developer-profile-topline a:focus-visible{outline:2px solid #fff;outline-offset:4px;}
.developer-profile-cta svg{width:21px;height:21px;fill:currentColor;}
.developer-profile-contacts{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px;}
.developer-profile-contact{display:flex;align-items:center;gap:10px;color:#e5e9df;text-align:left;}
.developer-profile-contact-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:#111411;color:var(--primary);}
.developer-profile-contact-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.developer-profile-contact small,.developer-profile-contact strong,.developer-profile-copy-status{display:block;}
.developer-profile-contact small{margin-bottom:2px;color:#929b8d;font-size:.72rem;}
.developer-profile-contact strong{font-size:.83rem;font-weight:750;}
.developer-profile-contact:hover strong{color:var(--primary);}
.developer-profile-copy-status{min-height:1em;margin-top:2px;color:var(--primary);font-size:.7rem;}
.developer-profile-portrait{position:relative;align-self:stretch;min-height:480px;overflow:hidden;border:1px solid #30372d;border-radius:14px;background:#111411;box-shadow:0 22px 60px rgba(0,0,0,.35);}
.developer-profile-portrait::after{position:absolute;inset:40% 0 0;content:"";background:linear-gradient(transparent,rgba(5,7,6,.88));pointer-events:none;}
.developer-profile-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.developer-profile-portrait figcaption{position:absolute;z-index:1;right:22px;bottom:20px;left:22px;display:grid;gap:5px;}
.developer-profile-portrait figcaption span{color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.developer-profile-portrait figcaption strong{font-size:1.04rem;}
.developer-profile-project{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;margin-top:54px;padding:26px 0 0;border-top:1px solid var(--border);}
.developer-profile-project-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(166,255,0,.25);border-radius:10px;background:rgba(166,255,0,.08);color:var(--primary);}
.developer-profile-project h2{margin:1px 0 7px;font-size:1.25rem;letter-spacing:-.025em;}
.developer-profile-project p{max-width:70ch;color:#a5ada0;font-size:.91rem;line-height:1.7;}
.developer-profile-body .footer-credit-name{margin-left:.35em;}
.developer-profile-body .footer-credit-separator{margin-inline:.38em;}
@media(max-width:760px){.developer-profile-main{width:min(100% - 36px,560px);padding-top:42px;}.developer-profile-hero{grid-template-columns:1fr;gap:30px;}.developer-profile-copy h1{max-width:12ch;font-size:clamp(2.7rem,12vw,4.2rem);}.developer-profile-role,.developer-profile-intro,.developer-profile-project p{font-size:19px;line-height:1.6;}.developer-profile-intro{margin-bottom:24px;}.developer-profile-portrait{min-height:clamp(340px,105vw,500px);}.developer-profile-project{margin-top:36px;padding-top:22px;}.developer-profile-project h2{font-size:1.18rem;}}
@media(max-width:480px){.developer-profile-topline{padding-inline:14px;font-size:.66rem;}.developer-profile-header{padding-inline:16px;}.developer-profile-nav-link{font-size:.75rem;}.developer-profile-main{width:calc(100% - 32px);}.developer-profile-kicker{font-size:.62rem;letter-spacing:.08em;}.developer-profile-contacts{gap:14px 18px;}.developer-profile-contact strong{font-size:.76rem;}.developer-profile-project{grid-template-columns:1fr;}}