:root{--bg:#f3f1e9;--panel:#fffdf6;--panel-2:#ece8dc;--ink:#15201b;--muted:#18211c;--line:#15201b24;--line-strong:#15201b5c;--green:#087b5f;--orange:#c85f22;--pink:#b54173;--blue:#2f68b8;--shadow:0 22px 70px #2c25191f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 18% 8%, #087b5f24, transparent 28rem), radial-gradient(circle at 84% 14%, #c85f221f, transparent 26rem), linear-gradient(#15201b0b 1px, transparent 1px), linear-gradient(90deg, #15201b0b 1px, transparent 1px), var(--bg);background-size:auto,auto,30px 30px,30px 30px,auto;margin:0;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace}body:before{z-index:-1;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(#15201b05 50%,#0000 50%) 0 0/100% 4px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}main{border:1px solid var(--line-strong);width:min(1480px,100% - 24px);box-shadow:var(--shadow);background:#fffdf6c7;margin:12px auto}.hero,.section,.contact{width:min(1280px,100% - 36px);margin:0 auto}.hero{padding:16px 0 42px}.nav{border:1px solid var(--line);background:#fffdf6e6;grid-template-columns:1fr auto auto auto;margin-bottom:18px;display:grid}.nav:before{content:"";color:var(--green);align-items:center;padding:0 14px;font-size:12px;display:flex}.nav a{border-left:1px solid var(--line);min-height:42px;color:var(--muted);text-transform:uppercase;align-items:center;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.nav a:hover{background:var(--green);color:#fff}.top-contact{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.top-contact a{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#fffdf6b8;align-items:center;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex}.top-contact a:hover{border-color:var(--green);color:#fff;background:var(--green)}.hero__grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px;display:grid}.hero__content,.hero-panel,.stats div,.project-card,.section--split,.compact-card,.contact{border:1px solid var(--line);background:linear-gradient(#fffdf6f2,#f6f2e8fa)}.hero__content{min-height:470px;padding:clamp(26px,5vw,58px);position:relative;overflow:hidden}.hero__content:before{content:"SYSTEM PROFILE // FULLSTACK_BACKEND_ENGINEER // STATUS: OPEN_TO_WORK";border-bottom:1px solid var(--line);color:var(--green);background:#087b5f12;margin:-28px -58px 38px;padding:10px 14px;font-size:12px;display:block}.hero__content:after{content:"{ api: true, ui: true, infra: true }";color:#087b5f38;font-size:14px;position:absolute;bottom:22px;right:26px}.eyebrow{color:var(--orange);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:900}.eyebrow:before{content:"> ";color:var(--green)}h1,h2,h3,p{margin-top:0}h1{max-width:980px;color:var(--ink);letter-spacing:-.08em;margin-bottom:22px;font-size:clamp(42px,7vw,92px);line-height:.92}h1::selection,h2::selection,h3::selection,p::selection,span::selection{background:var(--green);color:#03100b}h2{color:var(--ink);letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(32px,4.6vw,62px);line-height:.96}h3{color:var(--ink);letter-spacing:-.04em;margin-bottom:14px;font-size:24px;line-height:1.05}.hero__lead,.section__header p,.section--split p,.contact p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.75}.hero__actions,.contact__links{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.button,.contact__links a{border:1px solid var(--line-strong);min-height:44px;color:var(--green);background:#087b5f0f;align-items:center;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex}.button--primary{background:var(--green);color:#fff}.button:hover,.contact__links a:hover{background:var(--orange);border-color:var(--orange);color:#fff}.hero-panel{min-height:470px;padding:24px;position:relative;overflow:hidden}.hero-panel p,.hero-photo,.hero-panel strong,.hero-panel span{z-index:1;position:relative}.hero-panel p{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.hero-photo{aspect-ratio:4/5;border:1px solid var(--line-strong);background:linear-gradient(135deg, #087b5f21, transparent 46%), var(--panel);width:min(100%,260px);margin:22px 0 0 auto;padding:8px;box-shadow:12px 12px #087b5f1a}.hero-photo img{object-fit:cover;filter:saturate(.92)contrast(1.03);width:100%;height:100%;display:block}.hero-panel strong{color:var(--green);letter-spacing:-.06em;text-transform:uppercase;margin:28px 0 18px;font-size:34px;line-height:1;display:block}.hero-panel span{color:var(--muted);font-size:14px;line-height:1.7}.orbit{border:1px solid #087b5f61;border-radius:0;animation:2.4s ease-in-out infinite pulse;position:absolute}.orbit--one{width:130px;height:130px;top:56px;right:46px}.orbit--two{border-color:#b5417366;width:58px;height:58px;animation-delay:-1s;top:90px;right:82px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.stats div{min-height:92px;padding:14px}.stats strong{color:var(--green);text-transform:uppercase;margin-bottom:10px;font-size:18px;display:block}.stats span{color:var(--muted);font-size:13px;line-height:1.45}.section{border-top:1px solid var(--line);padding:58px 0}.section__header{grid-template-columns:.9fr 1.1fr;align-items:end;gap:30px;margin-bottom:22px;display:grid}.section__header .eyebrow{grid-column:1/-1;margin-bottom:-8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-card{animation:.46s both rise;animation-delay:var(--delay);padding:18px;position:relative;overflow:hidden}.project-card:before{content:"CASE_FILE";border-bottom:1px solid var(--line);color:var(--green);background:#087b5f0e;margin:-18px -18px 16px;padding:9px 12px;font-size:11px;font-weight:900;display:block}.project-card__top{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:11px;display:flex}.project-card__top strong{color:var(--orange);text-align:right}.project-media{grid-template-columns:1.1fr .9fr;gap:8px;margin:0 0 16px;display:grid}.project-media__item{cursor:zoom-in;border:1px solid var(--line);background:#e6e0d3;padding:0;display:block;position:relative;overflow:hidden}.project-media__item span{background:var(--green);color:#fff;opacity:0;text-transform:uppercase;padding:5px 8px;font-size:10px;font-weight:900;transition:opacity .14s;position:absolute;bottom:8px;right:8px}.project-media__item:hover span,.project-media__item:focus-visible span{opacity:1}.project-media img{object-fit:cover;width:100%;height:142px;transition:filter .16s,transform .16s;display:block}.project-media__item:first-child img{height:188px}.project-media__item:hover img,.project-media__item:focus-visible img{filter:brightness(.72)saturate(1.18);transform:scale(1.03)}.image-modal{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal__backdrop{cursor:zoom-out;background:#0f1210bd;border:0;position:absolute;inset:0}.image-modal__panel{z-index:1;border:1px solid var(--line-strong);background:var(--panel);width:min(94vw,1500px);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 24px 90px #14120e52}.image-modal__close{z-index:2;cursor:pointer;border:0;border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--green);color:#fff;text-transform:uppercase;min-height:40px;margin-left:auto;padding:0 14px;font-size:11px;font-weight:900;display:block;position:sticky;top:0}.image-modal__panel img{background:#fff;width:100%;height:auto;display:block}.case-block{grid-template-columns:86px 1fr;gap:12px;margin:12px 0;display:grid}.case-block span{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:900}.case-block p,.compact-card p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tags span,.skill-cloud span{color:var(--blue);background:#2f68b80f;border:1px solid #2f68b82e;padding:6px 8px;font-size:11px}.section--split{grid-template-columns:.85fr 1.15fr;gap:26px;padding:24px;display:grid}.skill-cloud{flex-wrap:wrap;align-content:center;gap:8px;display:flex}.skill-cloud span{color:var(--green);border-color:var(--line);padding:10px 12px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.compact-card{min-height:210px;padding:16px}.compact-card>span{color:var(--orange);text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:900;display:inline-block}.contact{margin-bottom:24px;padding:30px}.contact h2{color:var(--green)}.contact p{max-width:900px}@keyframes pulse{0%,to{opacity:.38;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){main{width:calc(100% - 14px);margin:7px auto}.nav{grid-template-columns:1fr}.nav a{border-top:1px solid var(--line);border-left:0}.top-contact a{flex:220px}.hero__grid,.section__header,.section--split,.project-grid,.compact-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.hero,.section,.contact{width:calc(100% - 20px)}h1{font-size:40px}h2{font-size:32px}.hero__content,.hero-panel{min-height:auto;padding:20px}.hero__content:before{margin:-20px -20px 24px;font-size:10px}.hero-panel strong{margin-top:26px;font-size:28px}.hero-photo{width:min(100%,220px);margin-right:auto}.stats,.project-media{grid-template-columns:1fr}.project-media img,.project-media__item:first-child img{height:184px}.image-modal{padding:10px}.image-modal__panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.case-block{grid-template-columns:1fr;gap:4px}}