:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a110b;--surface:#26190f;--text:#f3dcb8;--muted:#b39271;--line:#4a3221;--line-strong:#7a5434;--orange:#ff7a1a;--amber:#ffb347;--red:#d8341c;--teal:#1b6863;--teal-bright:#5fb8ae;--on-accent:#1a110b;--orange-red:linear-gradient(90deg, var(--orange), var(--red));--glow:0 0 18px #ff7a1a66;--glow-strong:0 0 28px #ff7a1a99;--phosphor:0 0 4px #ffb3474d;--teal-glow:0 0 18px #1b68638c;--paper:#e9dbbd;--paper-ink:#2a1a0e;--paper-muted:#6b5440;--paper-red:#b8301a;--paper-rule:#d4c3a2;--paper-edge:#b59f7b;--paper-shadow:#0000008c;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--radius:2px;--max-width:1000px;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--orange) var(--bg);scroll-padding-top:5rem}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--line)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);border-radius:var(--radius);background:linear-gradient(var(--orange), var(--red))}::-webkit-scrollbar-thumb:hover{background:var(--amber)}}body{background:var(--bg);margin:0}body:before{content:"";z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";z-index:101;pointer-events:none;background:radial-gradient(#0000 60%,#00000073);position:fixed;inset:0}::selection{background:var(--orange);color:var(--on-accent)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.1}a{color:var(--orange);text-decoration:none}:focus-visible{outline:1px solid var(--orange);outline-offset:4px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}.muted{color:var(--muted)}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;box-shadow:0 1px #ff7a1a1f}.header-inner{align-items:center;gap:2rem;height:4rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text);align-items:center;gap:.65rem;margin-right:auto;font-size:1.15rem;font-weight:600;display:flex}.wordmark:before{content:"";background:var(--orange-red);width:.6rem;height:.6rem;box-shadow:var(--glow);transition:transform .4s var(--ease)}.wordmark:hover:before{transform:rotate(45deg)}.site-header nav{gap:1.75rem;display:flex}.site-header nav a{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease), text-shadow .3s var(--ease);font-size:.7rem;position:relative}.site-header nav a:after{content:"";background:var(--orange-red);height:2px;box-shadow:var(--glow);transform-origin:0;transition:transform .4s var(--ease);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a.active{color:var(--amber);text-shadow:var(--phosphor)}.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1)}.hero{padding-top:5.5rem;padding-bottom:4rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);text-shadow:var(--phosphor);margin:0 0 1.25rem;font-size:.75rem}.eyebrow:after{content:"";vertical-align:-.2em;background:var(--orange);width:.55em;height:1.1em;box-shadow:var(--glow);margin-left:.5em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero h1{text-shadow:0 0 40px #ff7a1a40;max-width:22ch;font-size:clamp(2.4rem,6vw,4.25rem);line-height:1.02}.lede{max-width:62ch;color:var(--muted);margin:1.5rem 0 0;font-size:1.075rem}.actions{flex-wrap:wrap;gap:.85rem;margin-top:2.25rem;display:flex}.button{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;transition:color .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease), transform .15s var(--ease);padding:.8rem 1.35rem;font-size:.72rem;font-weight:500;display:inline-block;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:var(--teal);transform-origin:0;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.button:hover{border-color:var(--teal-bright);box-shadow:var(--teal-glow)}.button:hover:before{transform:scaleX(1)}.button:active{transform:scale(.97)}.button.primary{background:var(--orange-red);border-color:var(--orange);color:var(--on-accent);box-shadow:var(--glow)}.button.primary:before{background:var(--amber)}.button.primary:hover{color:var(--on-accent);border-color:var(--amber);box-shadow:var(--glow-strong)}.monitor{border:1px solid var(--line-strong);height:280px;box-shadow:inset 0 0 70px #000000d9, inset 0 0 0 6px #120a05, inset 0 0 0 7px var(--line), 0 0 50px #ff7a1a1f;transition:box-shadow .6s var(--ease);background:radial-gradient(#2b1607,#0e0703 80%);border-radius:20px;margin-top:3.5rem;position:relative;overflow:hidden}.monitor:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(#00000040 0 1px,#0000 1px 3px),radial-gradient(at 30% 0,#ffdcaa14,#0000 55%),radial-gradient(#0000 60%,#0009);position:absolute;inset:0}.monitor:hover{box-shadow:inset 0 0 70px #000000d9, inset 0 0 0 6px #120a05, inset 0 0 0 7px var(--line), 0 0 70px #ff7a1a38}.monitor canvas{width:100%;height:100%;position:absolute;inset:0}.hud{z-index:1;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);text-shadow:var(--phosphor);font-size:.62rem;position:absolute}.hud-tl{top:1rem;left:1.25rem}.hud-tr{color:var(--teal-bright);text-shadow:none;top:1rem;right:1.25rem}.hud-bl{bottom:1rem;left:1.25rem}.hud-br{bottom:1rem;right:1.25rem}.hud-live:before{content:"";background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red);vertical-align:.05em;border-radius:50%;margin-right:.5em;animation:1.6s step-end infinite blink;display:inline-block}main{counter-reset:section}.section{counter-increment:section;padding-top:4.5rem;padding-bottom:4.5rem}.section h2{border-bottom:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;align-items:baseline;gap:1rem;margin-bottom:2.5rem;padding-bottom:.85rem;font-size:2.25rem;display:flex;position:relative}.section h2:after{content:"";background:var(--orange-red);width:4rem;height:2px;box-shadow:var(--glow);position:absolute;bottom:-1px;left:0}.section h2:before{content:counter(section, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.1em;color:var(--red);text-shadow:0 0 8px #d8341c99;font-size:.8rem;font-weight:400}.project-grid{counter-reset:project;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff05, transparent 40%), var(--surface);counter-increment:project;transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease);flex-direction:column;gap:.85rem;padding:1.5rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.card:before,.card:after{content:"";border:0 solid var(--orange);opacity:0;width:14px;height:14px;filter:drop-shadow(0 0 4px var(--orange));transition:opacity .4s var(--ease), transform .4s var(--ease);position:absolute}.card:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px;transform:translate(6px,6px)}.card:after{border-color:var(--red);border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px;transform:translate(-6px,-6px)}.card:hover{border-color:var(--line-strong);box-shadow:inset 0 1px 0 #ffffff0a, var(--glow);transform:translateY(-3px)}.card:hover:before,.card:hover:after{opacity:1;transform:none}.card .card-period{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);text-shadow:var(--phosphor);margin:0;font-size:.66rem}.card .card-period:before{content:"PRJ-" counter(project, decimal-leading-zero) " // ";color:var(--red)}.card h3{font-size:1.5rem}.card p{color:var(--muted);margin:0}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);transition:border-color .3s var(--ease), color .3s var(--ease), text-shadow .3s var(--ease);padding:.18rem .55rem;font-size:.66rem}.tags li:hover{border-color:var(--orange);color:var(--amber);text-shadow:var(--phosphor)}.card-links{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;gap:1.5rem;margin-top:auto;padding-top:.75rem;font-size:.7rem;display:flex}.card-links a{color:var(--text);transition:color .3s var(--ease), text-shadow .3s var(--ease), transform .3s var(--ease);display:inline-block}.card-links a:hover{color:var(--orange);text-shadow:var(--glow);transform:translate(3px)}.card-links a:active{transform:scale(.95)}.timeline{gap:2.75rem;margin:0;padding:0 0 0 2rem;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--orange), var(--red));width:2px;box-shadow:var(--glow);position:absolute;top:.5rem;bottom:.5rem;left:.3rem}.entry{transition:transform .45s var(--ease);grid-template-columns:9.5rem 1fr;gap:1.5rem;display:grid;position:relative}.entry:before{content:"";border:1px solid var(--orange);background:var(--bg);width:10px;height:10px;transition:background-color .35s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease);position:absolute;top:.4rem;left:calc(1px - 2rem)}.entry:hover{transform:translate(4px)}.entry:hover:before{background:var(--orange);box-shadow:var(--glow-strong);transform:translate(-4px)rotate(45deg)}.entry-dates{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);text-shadow:var(--phosphor);margin:.25rem 0 0;font-size:.7rem}.entry h3{font-size:1.45rem}.entry-location{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);margin:.25rem 0 0;font-size:.72rem}.entry-detail{margin:.5rem 0 0;font-weight:500}.highlights{color:var(--muted);margin:.85rem 0 0;padding-left:1.1rem}.highlights li+li{margin-top:.4rem}.highlights li::marker{content:"— ";color:var(--orange)}.tag-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem 2.5rem;display:grid}.tag-group h3{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:.85rem;font-size:.72rem;font-weight:500}.labels .tags{gap:.6rem}.labels .tags li{color:#fbeee0;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px #00000059;transition:transform .3s var(--ease), box-shadow .3s var(--ease), filter .3s var(--ease);background:linear-gradient(#d23a1f,#b02a14);border:none;border-radius:3px;padding:.3rem .75rem;font-size:.72rem;font-weight:500;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000004d,0 3px 6px #00000073}.labels .tag-group:nth-child(2) .tags li{box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0006, 0 0 0 1px var(--line), 0 3px 6px #00000073;background:linear-gradient(#2a221d,#15100c)}.labels .tags li:hover{color:#fbeee0;filter:brightness(1.15);transform:translateY(-2px)}.recognition{gap:2.5rem;display:grid}.paper{filter:drop-shadow(0 0 1px var(--paper-edge)) drop-shadow(0 14px 20px var(--paper-shadow));transition:transform .5s var(--ease)}.paper:hover{transform:translateY(-4px)}.paper-sheet{--tab:1.6rem;padding:calc(var(--tab) + 1.5rem) 2rem 2rem;background:var(--paper);color:var(--paper-ink);clip-path:polygon(0 0, 11rem 0, calc(11rem + 1.25rem) var(--tab), calc(100% - 1.5rem) var(--tab), 100% calc(var(--tab) + 1.5rem), 100% 100%, 0 100%);position:relative}.paper-sheet:after{content:"";top:var(--tab);background:linear-gradient(to bottom left, transparent 50%, var(--paper-rule) 50%);width:1.5rem;height:1.5rem;position:absolute;right:0}.folder-tab{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--paper-muted);font-size:.62rem;position:absolute;top:.4rem;left:1.25rem}.stamp{top:calc(var(--tab) + 1.25rem);border:2px solid var(--paper-red);border-radius:var(--radius);color:var(--paper-red);font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;opacity:.75;mix-blend-mode:multiply;transition:opacity .4s var(--ease), transform .4s var(--ease);padding:.3rem .7rem;font-size:.72rem;font-weight:500;position:absolute;right:2.75rem;transform:rotate(-6deg)}.paper:hover .stamp{opacity:.95;transform:rotate(-6deg)scale(1.05)}.paper-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted);margin:0 0 .85rem;font-size:.72rem}.paper h3{max-width:30ch;font-family:var(--font-serif);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;line-height:1.25}.paper-lines{border-top:1px solid var(--paper-rule);background:repeating-linear-gradient(var(--paper-rule) 0 4px, transparent 4px 12px) content-box;height:4.5rem;margin-top:1.25rem;padding-top:1rem;-webkit-mask-image:linear-gradient(90deg,#000 0 47%,#0000 47% 53%,#000 53%);mask-image:linear-gradient(90deg,#000 0 47%,#0000 47% 53%,#000 53%)}.paper-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-ink);-webkit-text-decoration:underline 1px var(--paper-red);text-decoration:underline 1px var(--paper-red);text-underline-offset:4px;transition:text-underline-offset .3s var(--ease);margin-top:1rem;font-size:.68rem;font-weight:500;display:inline-block}.paper:hover .paper-link,.certificate:hover .paper-link{text-underline-offset:7px}.stretched-link:after{content:"";position:absolute;inset:0}:is(.paper:has(.stretched-link:active),.certificate:has(.stretched-link:active)){transition-duration:.1s;transform:scale(.99)}.certificates,.award-cards{margin:0;padding:0;list-style:none;display:grid}.certificates{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.25rem}.certificate{border:1px solid var(--paper-edge);border-radius:var(--radius);background:var(--paper);color:var(--paper-ink);text-align:center;outline:1px solid var(--paper-edge);outline-offset:-8px;box-shadow:0 14px 20px var(--paper-shadow);transition:transform .5s var(--ease), box-shadow .5s var(--ease);padding:1.75rem 1.5rem 1.5rem;position:relative}.certificate:hover{box-shadow:0 14px 20px var(--paper-shadow), var(--glow);transform:translateY(-4px)}.certificate-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-red);margin:.25rem 0 .75rem;font-size:.64rem}.certificate h3{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;line-height:1.3}.certificate-issuer{font-family:var(--font-serif);color:var(--paper-muted);margin:.4rem 0 0;font-style:italic}.certificate-year{font-family:var(--font-mono);letter-spacing:.12em;color:var(--paper-muted);margin:.6rem 0 0;font-size:.68rem}.seal{border:1px solid var(--paper-red);background:radial-gradient(circle, var(--paper) 0 30%, transparent 31%), repeating-conic-gradient(color-mix(in srgb, var(--paper-red) 45%, transparent) 0 3deg, transparent 3deg 9deg);width:3rem;height:3rem;box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px color-mix(in srgb, var(--paper-red) 50%, transparent);transition:transform 1.2s var(--ease);border-radius:50%;margin:1rem auto 0;display:block}.certificate:hover .seal{transform:rotate(40deg)}.award-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.award-card{border-radius:var(--radius);background:linear-gradient(var(--paper-red), var(--paper-red)) 0 2.5rem / 100% 1px no-repeat, repeating-linear-gradient(transparent 0 23px, var(--paper-rule) 23px 24px) 0 2.5rem / 100% 100% no-repeat, var(--paper);color:var(--paper-ink);box-shadow:0 0 0 1px var(--paper-edge), 0 14px 20px var(--paper-shadow);transition:transform .5s var(--ease), box-shadow .5s var(--ease);padding:.9rem 1.25rem 2.25rem;position:relative}.award-card:hover{box-shadow:0 0 0 1px var(--paper-edge), 0 14px 20px var(--paper-shadow), var(--glow);transform:translateY(-4px)}.award-meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-red);margin:0 0 1.1rem;font-size:.64rem}.award-card h3{font-family:var(--font-mono);font-size:.95rem;font-weight:500;line-height:24px}.award-detail{font-family:var(--font-mono);color:var(--paper-muted);margin:0;font-size:.8rem;line-height:24px}.award-stamp{border:2px solid var(--paper-red);width:3.75rem;height:3.75rem;box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--paper-red);color:var(--paper-red);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.6;mix-blend-mode:multiply;transition:opacity .4s var(--ease), transform .4s var(--ease);border-radius:50%;place-items:center;font-size:.5rem;font-weight:500;display:grid;position:absolute;bottom:.9rem;right:.9rem;transform:rotate(-14deg)}.award-card:hover .award-stamp{opacity:.9;transform:rotate(-14deg)scale(1.06)}.contact .lede a{background:var(--orange-red) left bottom / 0 1px no-repeat;transition:background-size .4s var(--ease), text-shadow .4s var(--ease)}.contact .lede a:hover{text-shadow:var(--glow);background-size:100% 1px}.social{flex-wrap:wrap;gap:.85rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.site-footer{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding-top:2rem;padding-bottom:3rem;font-size:.68rem}@media (width<=600px){html{scroll-padding-top:7rem}.header-inner{flex-wrap:wrap;row-gap:.6rem;height:auto;padding-top:.7rem;padding-bottom:.7rem}.site-header nav{scrollbar-width:none;order:3;gap:1.25rem;width:100%;padding-bottom:.5rem;overflow-x:auto}.hero{padding-top:3.5rem}.monitor{border-radius:14px;height:200px}.hud-tr{display:none}.entry{grid-template-columns:1fr;gap:.25rem}.stamp{margin-bottom:.75rem;display:inline-block;position:static}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
