@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #090909;--surface: #141414;--surface-2: #1b1b1b;--text: #f4f4f4;--muted: #b8b8b8;--accent: #0d67ff;--line: #f4f4f4;--shadow: 8px 8px 0 var(--accent);--hero: radial-gradient(circle at 20% 20%, #163d7a 0%, #101521 56%, #0a0a0a 100%)}body[data-theme=day]{--bg: #eef4ff;--surface: #ffffff;--surface-2: #dceaff;--text: #0f2a57;--muted: #43628f;--accent: #0d67ff;--line: #0f2a57;--shadow: 8px 8px 0 var(--accent);--hero: radial-gradient(circle at 25% 18%, #cce0ff 0%, #edf4ff 50%, #f9fcff 100%)}body{background:var(--bg);color:var(--text);overflow-x:hidden;transition:background-color .25s ease,color .25s ease}.portfolio-shell{position:relative;isolation:isolate;min-height:100vh}.page{position:relative;z-index:5;width:min(1120px,92vw);margin:0 auto;padding:1.35rem 0 2.5rem}.bg-shape{position:fixed;border-radius:999px;filter:blur(35px);pointer-events:none;z-index:1;opacity:.35}.shape-a{width:310px;height:310px;top:-90px;left:-85px;background:var(--accent);animation:driftA 9s ease-in-out infinite alternate}.shape-b{width:360px;height:360px;right:-130px;bottom:-110px;background:#9a9a9a;animation:driftB 11s ease-in-out infinite alternate}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.13;background-image:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0);background-size:16px 16px;mix-blend-mode:soft-light}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.08) 47%,transparent 100%);background-size:100% 10px;opacity:.08;animation:scan 6s linear infinite}.topbar,.hero,.panel,.footer{border:3px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.brand{font-family:Bebas Neue,sans-serif;font-size:clamp(1.4rem,3.2vw,2rem);letter-spacing:.06em}.switch{border:3px solid var(--line);background:var(--bg);color:var(--text);padding:.45rem .75rem;font-family:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.switch:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}.hero{margin-top:1rem;background:var(--hero);display:grid;grid-template-columns:1.35fr 1fr;gap:1rem;padding:clamp(1rem,3vw,2rem)}.hero-main{display:flex;flex-direction:column;height:100%}.hero-main h1{font-family:Bebas Neue,sans-serif;line-height:.94;letter-spacing:.04em;font-size:clamp(2.5rem,9vw,5.8rem)}.hero-kicker{display:inline-block;margin-bottom:.7rem;border:3px solid var(--line);background:var(--surface-2);padding:.2rem .6rem;font-size:clamp(.76rem,2.3vw,.92rem);text-transform:uppercase;letter-spacing:.08em}.role{margin-top:.75rem;max-width:65ch;color:var(--muted);font-size:clamp(.95rem,2vw,1.1rem)}.cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:auto;padding-top:1.1rem}.cta{text-decoration:none;border:3px solid var(--line);font-weight:700;padding:.6rem .9rem;transition:transform .2s ease,filter .2s ease}.cta:hover{transform:translate(-4px,-4px)}.cta.primary{background:var(--accent);color:#fff}.cta.ghost{background:var(--surface-2)}.meta{display:grid;gap:.75rem;align-content:start}.profile-photo-wrap{border:3px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--accent);width:clamp(115px,22vw,160px);justify-self:end;padding:.22rem;aspect-ratio:3 / 4;overflow:hidden}.profile-photo{border:2px solid var(--line);width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:contrast(1.02) saturate(.97);display:block}.tag{border:3px solid var(--line);background:var(--surface-2);padding:.7rem;text-transform:uppercase;letter-spacing:.08em}.tag span{font-size:.78rem}.tag strong{display:block;margin-top:.28rem;font-size:1rem;color:var(--accent)}.grid{margin-top:1rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;position:relative;background:transparent;padding:0}.wide-grid{margin-top:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;position:relative;background:transparent;padding:0;scroll-margin-top:1.2rem;transition:box-shadow .28s ease,transform .28s ease,outline-color .28s ease}.also-wrapper{margin-top:.9rem}.also-panel{padding:1rem}.also-tags{margin-top:.55rem;display:grid;gap:.45rem;align-content:start}.hobby-card{display:grid;gap:.24rem;justify-items:start;align-content:start;border:2px solid var(--line);background:var(--surface-2);padding:.45rem .55rem}.also-tag{border:2px solid var(--line);background:var(--surface-2);padding:.28rem .48rem;font-weight:700;font-size:.86rem;letter-spacing:.03em}.also-tag.is-highlight{background:var(--accent);color:#fff;border-color:var(--line)}.hobby-details{list-style:none;display:grid;gap:.2rem;margin-left:.05rem;font-size:.92rem}.hobby-details li:before{content:"> ";color:var(--accent);font-weight:700}.wide-grid.projects-spotlight .panel{background:var(--accent);color:#fff;border-color:#fff;box-shadow:8px 8px #fff;opacity:1}.wide-grid.projects-spotlight .panel li:before{color:#fff}.wide-grid.projects-spotlight .project-item,.wide-grid.projects-spotlight .exp-list li{background:#ffffff24;border-color:#fff;color:#fff}.wide-grid.projects-spotlight .exp-list li:before{color:#fff}.wide-grid.projects-spotlight .project-link,.wide-grid.projects-spotlight .exp-tag{background:#fff;color:var(--accent);border-color:#fff}.panel{padding:1rem;transform-style:preserve-3d;transition:transform .22s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}.panel:hover{transform:rotateX(2deg) rotateY(-3deg) translate(-4px,-4px)}.panel h2{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;font-size:1.95rem}.project-layout{display:grid;grid-template-columns:230px 1fr;gap:1rem;align-items:start}.project-sidebar{border:2px solid var(--line);background:var(--surface-2);padding:.6rem;display:grid;gap:.75rem;position:sticky;top:1rem}.project-side-block{display:grid;gap:.45rem}.project-side-title{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;font-size:1.2rem}.project-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.project-chip{border:2px solid var(--line);background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.03em;padding:.18rem .4rem}.project-chip.is-skill{background:var(--surface);color:var(--text)}.project-gallery{margin-top:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.project-figure{border:2px solid var(--line);background:var(--surface-2);padding:.35rem}.project-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border:2px solid var(--line)}.project-figure figcaption{margin-top:.35rem;font-size:.84rem;color:var(--muted)}.project-content{margin-top:.85rem;display:grid;gap:.85rem;max-width:95ch;color:var(--muted);font-size:.98rem;line-height:1.55}.project-content p{margin:0}.project-content strong{color:var(--text);font-weight:700}.project-empty{margin-top:.85rem;color:var(--muted)}.panel ul{list-style:none;margin-top:.55rem;display:grid;gap:.44rem}.project-list{margin-top:.55rem;display:grid;gap:.6rem}.project-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:2px solid var(--line);background:var(--surface-2);padding:.55rem .65rem}.project-link{text-decoration:none;border:2px solid var(--line);background:var(--accent);color:#fff;font-weight:700;padding:.35rem .55rem;white-space:nowrap;transition:transform .18s ease}.project-link:hover{transform:translate(-2px,-2px)}.exp-list{gap:.7rem}.exp-list li{position:relative;border:2px solid var(--line);background:var(--surface-2);padding:.55rem .65rem .55rem 1.7rem}.exp-list li:before{content:"> ";color:var(--accent);font-weight:700;position:absolute;left:.6rem;top:.62rem;line-height:1}.exp-title{display:block;margin-bottom:.45rem;font-weight:500}.exp-tags{display:flex;flex-wrap:wrap;gap:.42rem}.exp-tag{border:2px solid var(--line);background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:.18rem .38rem;line-height:1.15}.projects-panel,.experience-panel{display:flex;flex-direction:column;height:100%}.projects-panel .project-list,.experience-panel .exp-list{flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}.projects-panel .project-item,.experience-panel .exp-list li{height:100%}.panel li:before{content:"> ";color:var(--accent);font-weight:700}.footer{margin-top:1rem;padding:.7rem .9rem;text-align:right;background:var(--surface-2);color:var(--muted);font-size:.86rem}.reveal{opacity:0;transform:translateY(16px) scale(.985)}.reveal.visible{animation:revealUp .7s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:var(--delay, 0ms)}@media (max-width: 940px){.hero{grid-template-columns:1fr}.grid,.wide-grid{padding:0;background:transparent;grid-template-columns:1fr}.profile-photo-wrap{justify-self:center}.project-item{flex-direction:column;align-items:flex-start}.projects-panel .project-list,.experience-panel .exp-list{grid-template-rows:none}.project-layout{grid-template-columns:1fr}.project-sidebar{position:static}.project-gallery{grid-template-columns:1fr}}@keyframes revealUp{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes driftA{0%{transform:translate(0) scale(1)}to{transform:translate(55px,38px) scale(1.2)}}@keyframes driftB{0%{transform:translate(0) scale(1)}to{transform:translate(-65px,-45px) scale(1.16)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.script-project-page .panel:hover,.script-project-page .cta:hover,.script-project-page .switch:hover,.script-project-page .project-link:hover{transform:none}.script-project-page .switch:hover{box-shadow:none}:root{font-family:Space Mono,monospace;line-height:1.4;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100vh}a{color:inherit}