@import "https://fonts.googleapis.com/css?family=Martian%20Mono:700|Noto%20Sans%20Takri:400";
:root{--text-sm:.75rem;--text-base:1rem;--text-xl:1.333rem;--text-2xl:1.777rem;--text-3xl:2.369rem;--text-4xl:3.158rem;--text-5xl:4.21rem;--brown-1:#fefdfc;--brown-2:#fcf9f6;--brown-3:#f6eee7;--brown-4:#f0e4d9;--brown-5:#ebdaca;--brown-6:#e4cdb7;--brown-7:#dcbc9f;--brown-8:#cea37e;--brown-9:#ad7f58;--brown-10:#a07553;--brown-11:#815e46;--brown-12:#3e332e;--bg:var(--brown-2);--bg-strong:var(--brown-1);--ink:#211b18;--muted:#6f655f;--line:#3e332e24;--surface:#fffcf8c7;--surface-solid:#fffdf9;--accent:var(--brown-10);--accent-2:var(--brown-8);--shadow:0 24px 70px #3e332e24}:root[data-theme=dark]{--bg:#171311;--bg-strong:#211b18;--ink:#f6eee7;--muted:#cbbbae;--line:#ebdaca29;--surface:#2f2723c7;--surface-solid:#2a231f;--accent:var(--brown-7);--accent-2:var(--brown-9);--shadow:0 26px 80px #00000057}*{box-sizing:border-box}html{scroll-behavior:auto;font-size:100%}body{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 32rem), linear-gradient(215deg, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 28rem), var(--bg);color:var(--ink);font-family:Noto Sans Takri,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);margin:0;font-weight:400;transition:background .18s,color .18s}a{color:inherit;text-decoration:none}button{font:inherit}main{min-height:100vh;padding-top:72px;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);z-index:10;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:72px;padding:0 clamp(1rem,4vw,4rem);transition:transform .22s,opacity .22s,background .18s,border-color .18s;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.header-actions{align-items:center;gap:.55rem;display:flex}.brand{font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-base);letter-spacing:0;align-items:center;font-weight:700;display:inline-flex}.brand span{background:var(--ink);color:var(--bg);border-radius:999px;padding:.56rem .82rem}nav{font-size:var(--text-sm);justify-content:center;gap:clamp(.75rem,2vw,1.6rem);font-weight:700;display:flex}nav a{color:var(--muted);transition:color .14s,transform .14s}nav a:hover{color:var(--ink);transform:translateY(-1px)}.theme-toggle{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.theme-toggle:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--accent);transform:translateY(-2px)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(290px,.82fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:calc(100vh - 72px);padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem);display:grid}.hero-copy{max-width:780px}.eyebrow,.section-kicker{color:var(--brown-11);font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 1rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .section-kicker{color:var(--brown-7)}h1,h2,h3,h4,h5{letter-spacing:0;margin-top:0;font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-weight:700}h1{font-size:var(--text-5xl);max-width:880px;margin-bottom:1.4rem;line-height:.98}h2{font-size:var(--text-4xl);margin-bottom:0;line-height:1.08}h3{font-size:var(--text-xl);line-height:1.18}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}p{margin-top:0}small{font-size:var(--text-sm)}.hero-text{color:var(--muted);font-size:var(--text-xl);max-width:720px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);border-radius:999px;align-items:center;gap:.58rem;min-height:48px;padding:.85rem 1.08rem;font-weight:700;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:var(--bg);box-shadow:0 14px 34px #211b182e}.button.primary:hover{background:var(--brown-11);color:#fff}.button.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.contact-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.72rem;display:flex}.contact-links.compact{gap:.45rem}.mail-action{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;min-height:48px;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex;overflow:hidden}.mail-action:hover{background:var(--surface-solid);border-color:color-mix(in srgb, var(--brown-8) 55%, var(--line));transform:translateY(-2px)}.mail-link,.copy-mail-button{color:inherit;font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);min-height:inherit;border:0;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.mail-link{padding:.8rem .72rem .8rem 1rem}.copy-mail-button{background:color-mix(in srgb, var(--brown-5) 46%, transparent);border-left:1px solid var(--line);cursor:pointer;justify-content:center;padding:0 .85rem;transition:background .14s,color .14s}.copy-mail-button:hover{background:color-mix(in srgb, var(--brown-7) 45%, transparent)}.contact-links.compact .mail-action{min-height:40px}.contact-links.compact .mail-link{padding:.62rem .64rem .62rem .78rem}.contact-links.compact .copy-mail-button{padding:0 .68rem}.hero-visual{aspect-ratio:.86;background:radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 9rem), linear-gradient(160deg, var(--brown-3), var(--brown-7) 58%, var(--brown-12));border:1px solid color-mix(in srgb, var(--brown-12) 20%, transparent);box-shadow:var(--shadow);border-radius:8px;min-height:430px;padding:clamp(1rem,3vw,1.45rem);position:relative;overflow:hidden}:root[data-theme=dark] .hero-visual{background:radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 9rem), linear-gradient(160deg, #2a231f, #4f3f35 58%, #161210)}.hero-visual:after{content:"";opacity:.45;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.visual-topline,.profile-panel{z-index:1;position:relative}.visual-topline{gap:.44rem;display:flex}.visual-topline span{background:#ffffff9e;border-radius:999px;width:.7rem;height:.7rem}.profile-panel{grid-template-rows:minmax(300px,1.14fr) auto;align-content:stretch;gap:.9rem;height:calc(100% - 2.4rem);margin-top:1.5rem;display:grid}.portrait-wrap{background:#fffcf8b8;border:1px solid #ffffff80;border-radius:8px;min-height:300px;position:relative;overflow:hidden}.portrait{object-fit:cover;object-position:center 40%;width:100%;height:100%}.profile-summary{color:#211b18;background:#fffcf8e6;border:1px solid #ffffff85;border-radius:8px;padding:1rem}:root[data-theme=dark] .profile-summary,:root[data-theme=dark] .portrait-wrap{color:#211b18;background:#f6eee7e6;border-color:#ffffff38}.profile-status{color:#6a4d39;font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);align-items:center;gap:.4rem;margin-bottom:.65rem;font-weight:700;display:inline-flex}.profile-summary strong{font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-2xl);margin-bottom:.55rem;line-height:1.08;display:block}.profile-summary>span{color:#4d4038;margin-bottom:1rem;line-height:1.55;display:block}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.hero-facts div{color:#fefdfc;background:#211b18;border-radius:8px;min-height:104px;padding:.75rem}.hero-facts svg{width:1.35rem;height:1.35rem;margin-bottom:1rem}.hero-facts span{font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-base);font-weight:700;line-height:1.1;display:block}.hero-facts small{color:#e4cdb7;margin-top:.28rem;font-weight:700;line-height:1.35;display:block}.section{padding:clamp(3.8rem,8vw,7rem) clamp(1rem,5vw,5rem)}.split{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;align-items:start;gap:2rem;display:grid}.profile-copy{color:var(--muted);font-size:var(--text-xl);margin-top:2.1rem;line-height:1.75}.profile-copy p:last-child{margin-bottom:0}.section-heading{max-width:980px;margin-bottom:2rem}.section-heading.inline{justify-content:space-between;align-items:end;max-width:none;display:flex}.text-link{color:var(--brown-11);font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);align-items:center;gap:.4rem;font-weight:700;transition:color .14s,transform .14s;display:inline-flex}.text-link:hover{color:var(--accent);transform:translate(3px)}.skill-grid.grouped{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.skill-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:230px;padding:1.1rem}.skill-card-title{align-items:center;gap:.75rem;margin-bottom:1.15rem;display:flex}.skill-card-title svg{background:var(--ink);color:var(--bg);border-radius:8px;width:42px;height:42px;padding:.7rem}.skill-card-title h3{font-size:var(--text-xl);margin:0}.skill-list,.stack-list{flex-wrap:wrap;gap:.55rem;display:flex}.skill{background:color-mix(in srgb, var(--surface-solid) 74%, transparent);border:1px solid var(--line);color:var(--ink);font-size:var(--text-sm);border-radius:999px;padding:.58rem .72rem;font-weight:700;transition:background .14s,transform .14s}.skill:hover{background:var(--surface-solid);transform:translateY(-2px)}.cyber-band{background:color-mix(in srgb, var(--surface-solid) 42%, transparent);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.cyber-layout{grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.cyber-copy{color:var(--muted);font-size:var(--text-xl);line-height:1.72}.cyber-copy p:last-of-type{margin-bottom:0}.cyber-topics{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;display:flex}.cyber-topics span{background:color-mix(in srgb, var(--brown-5) 52%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--brown-8) 42%, var(--line));color:var(--brown-12);font-size:var(--text-sm);border-radius:999px;padding:.5rem .68rem;font-weight:700}:root[data-theme=dark] .cyber-topics span{background:color-mix(in srgb, var(--brown-12) 78%, var(--brown-9));border-color:color-mix(in srgb, var(--brown-8) 45%, var(--line));color:var(--brown-3)}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:420px;padding:1.15rem;transition:border-color .15s,box-shadow .15s,transform .15s}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:var(--shadow);transform:translateY(-5px)}.project-topline{justify-content:space-between;align-items:center;margin-bottom:2.8rem;display:flex}.project-links{gap:.45rem;display:flex}.project-icon,.icon-link,.project-topline a{justify-content:center;align-items:center;display:inline-flex}.project-icon{background:var(--ink);color:var(--bg);border-radius:8px;width:44px;height:44px}.project-topline a{border:1px solid var(--line);color:var(--muted);border-radius:999px;width:38px;height:38px;transition:color .14s,transform .14s,border-color .14s}.project-topline a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.project-card p{color:var(--brown-11);font-family:Martian Mono,ui-monospace,SFMono-Regular,monospace;font-size:var(--text-sm);text-transform:uppercase;margin-bottom:.7rem;font-weight:700}:root[data-theme=dark] .project-card p{color:var(--brown-7)}.project-card h3{margin-bottom:.85rem}.project-card span,.value-grid p{color:var(--muted);line-height:1.65}.stack-list{margin-top:1.4rem}.stack-list small{background:color-mix(in srgb, var(--brown-4) 48%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--brown-8) 35%, var(--line));color:var(--brown-12);border-radius:999px;padding:.42rem .56rem;font-weight:700}:root[data-theme=dark] .stack-list small{background:color-mix(in srgb, var(--brown-12) 76%, var(--brown-9));border-color:color-mix(in srgb, var(--brown-8) 38%, var(--line));color:var(--brown-3)}.value-band{background:color-mix(in srgb, var(--surface-solid) 55%, transparent);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.value-grid article{border-left:2px solid var(--brown-8);padding:.4rem 0 .2rem 1rem}.contact{justify-content:space-between;align-items:center;gap:2rem;display:flex}.contact h2{max-width:860px}.icon-link{background:var(--surface);border:1px solid var(--line);border-radius:999px;width:48px;height:48px;transition:background .14s,color .14s,transform .14s}.icon-link:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}@media (max-width:1180px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-links.compact .mail-link span{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}}@media (max-width:900px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.hero,.split,.cyber-layout,.skill-grid.grouped,.value-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{aspect-ratio:1.05;min-height:360px}.section-heading.inline,.contact{flex-direction:column;align-items:start}.contact{align-items:stretch}.contact-links{justify-content:flex-start}}@media (max-width:720px){main{padding-top:124px}.site-header{grid-template-columns:1fr auto;padding-top:.8rem;padding-bottom:.8rem}nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:.1rem;overflow-x:auto}.header-actions{grid-area:1/2}.header-actions .contact-links{display:none}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.hero-text,.profile-copy,.cyber-copy{font-size:var(--text-base)}.project-grid{grid-template-columns:1fr}.hero-actions,.contact-links{flex-direction:column;align-items:stretch}.button,.mail-link,.mail-action{justify-content:center;width:100%}.mail-action{justify-content:space-between}.contact-links .icon-link{width:100%}.profile-panel{grid-template-rows:auto auto}.hero-facts{grid-template-columns:1fr}}