:root{--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-head: var(--font);--radius: 8px;--head-transform: uppercase;--head-spacing: .08em;--card-clip: none;--card-shadow: none}body{font-family:var(--font);transition:background-color .4s,color .4s}h1,h2,h3,.brand{font-family:var(--font-head)}h2{text-transform:var(--head-transform);letter-spacing:var(--head-spacing)}.card{border-radius:var(--radius);clip-path:var(--card-clip);box-shadow:var(--card-shadow)}.btn,.tags li{border-radius:var(--radius)}@media(min-width:900px){main{max-width:var(--main-w, 1000px)!important;margin-left:var(--main-ml, auto)!important;margin-right:auto}}@media(max-width:899px){body:before{background-position:72% center}:root[data-theme=about]{--shot-overlay: rgba(0, 0, 0, .72)}:root[data-theme=contact]{--shot-overlay: rgba(150, 0, 10, .68)}:root[data-theme=projects]{--shot-overlay: rgba(5, 6, 10, .55)}:root[data-theme=experience]{--shot-overlay: rgba(2, 8, 20, .5)}:root[data-theme=about] main,:root[data-theme=contact] main{background:color-mix(in srgb,var(--bg) 88%,transparent);margin-top:12px;border-radius:var(--radius)}}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(var(--shot-overlay, rgba(0, 0, 0, .55)),var(--shot-overlay, rgba(0, 0, 0, .55))),var(--shot, none),var(--bg-deco, none);background-size:cover;background-position:var(--shot-pos, center);background-repeat:no-repeat}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg-deco2, none)}:root[data-theme=projects]{--shot: url(/images/themes/projects.webp);--shot-overlay: rgba(5, 6, 10, .38);--shot-pos: center 30%;--accent: #f2d21b;--text: #f1ecd2;--muted: #b9b497;--rule: rgba(242, 210, 27, .35);--bg: #0a0b10;--card: rgba(10, 11, 16, .82);--font: "Courier New", Courier, monospace;--font-head: "Courier New", Courier, monospace;--radius: 0;--head-spacing: .12em;--card-shadow: inset 0 0 0 3px rgba(10, 11, 16, .9), inset 0 0 0 4px rgba(242, 210, 27, .4);--bg-deco: linear-gradient(#14161c, #05060a);--bg-deco2: repeating-linear-gradient(0deg, rgba(255, 255, 255, .02) 0 1px, transparent 1px 3px)}:root[data-theme=projects] .grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}:root[data-theme=projects] .card{padding:20px}:root[data-theme=projects] .card h3:before{content:"\258c";color:var(--accent);margin-right:6px}:root[data-theme=projects] .btn{background:var(--accent);color:#14120a;font-weight:700}:root[data-theme=projects] .btn.alt{background:none;color:var(--accent)}:root[data-theme=projects] h1{animation:flicker 5s infinite}@keyframes flicker{0%,92%,96%,to{opacity:1}93%{opacity:.6}95%{opacity:.85}}:root[data-theme=experience]{--shot: url(/images/themes/experience.webp);--shot-overlay: rgba(2, 8, 20, .35);--shot-pos: center bottom;--accent: #9ea4ab;--text: #f0f2f4;--muted: #b3b9c0;--rule: rgba(158, 164, 171, .45);--bg: #040a16;--card: rgba(4, 12, 28, .8);--font: "Arial Narrow", Arial, sans-serif;--font-head: Impact, "Arial Black", sans-serif;--radius: 0;--head-spacing: .06em;--card-clip: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px) );--bg-deco: linear-gradient(#0a1a38, #02060f)}:root[data-theme=experience] h1{font-size:clamp(2.2rem,7vw,3.6rem);text-transform:uppercase;font-style:italic;border-left:10px solid var(--accent);padding-left:14px}:root[data-theme=experience] h2,:root[data-theme=experience] h3,:root[data-theme=experience] .brand{letter-spacing:.04em;font-weight:400}:root[data-theme=experience] .card{border-color:var(--accent)}:root[data-theme=experience] .btn{background:var(--accent);color:#0a0a0a;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}:root[data-theme=about]{--shot: url(/images/themes/about.webp);--shot-overlay: rgba(0, 0, 0, 0);--shot-pos: 75% center;--accent: #ff7a1a;--text: #f6e6d4;--muted: #bfa88c;--rule: rgba(255, 122, 26, .4);--bg: #000;--card: rgba(255, 255, 255, .04);--font: Consolas, "Courier New", monospace;--font-head: Consolas, "Courier New", monospace;--radius: 0;--head-spacing: .15em;--card-shadow: 0 0 0 1px rgba(255, 122, 26, .35);--bg-deco: #000;--bg-deco2: repeating-linear-gradient(0deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 4px);--main-w: min(640px, 56vw);--main-ml: 5vw}:root[data-theme=about] h1:before{content:"> ";color:var(--accent)}:root[data-theme=about] h2:before{content:"// "}:root[data-theme=about] .card{position:relative}:root[data-theme=about] .card:before,:root[data-theme=about] .card:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--accent)}:root[data-theme=about] .card:before{top:-2px;left:-2px;border-right:0;border-bottom:0}:root[data-theme=about] .card:after{bottom:-2px;right:-2px;border-left:0;border-top:0}:root[data-theme=about] .btn.alt,:root[data-theme=about] .btn{background:none;color:var(--accent);border:1px solid var(--accent)}:root[data-theme=contact]{--shot: url(/images/themes/contact.webp);--shot-overlay: rgba(0, 0, 0, 0);--shot-pos: 75% center;--accent: #ffffff;--text: #ffffff;--muted: #ffd9d9;--rule: #000;--bg: #c2060f;--card: #0b0b0b;--font: "Arial Black", Impact, system-ui, sans-serif;--font-head: "Arial Black", Impact, sans-serif;--radius: 0;--head-spacing: .02em;--card-clip: polygon(0 6%, 100% 0, 98% 94%, 2% 100%);--bg-deco: #c2060f;--main-w: min(640px, 56vw);--main-ml: 5vw}:root[data-theme=contact] body{font-weight:600}:root[data-theme=contact] h1{font-size:clamp(2.4rem,8vw,4rem);font-style:italic;text-transform:uppercase;transform:skew(-8deg);background:#000;display:inline-block;padding:4px 18px}:root[data-theme=contact] h2{border-bottom:4px solid #000}:root[data-theme=contact] .card,:root[data-theme=contact] form{padding:20px}:root[data-theme=contact] a{color:#fff}:root[data-theme=contact] a.back{background:#000;color:#fff;border-color:#fff}:root[data-theme=contact] .btn{background:#000;color:#fff;transform:skew(-8deg)}:root[data-theme=contact] .site-header,:root[data-theme=contact] .site-footer{color:#fff}:root[data-theme=contact] input,:root[data-theme=contact] textarea{background:#fff;color:#000;border:3px solid #000}::view-transition-old(root),::view-transition-new(root){animation-duration:.7s;animation-fill-mode:both;mix-blend-mode:normal}::view-transition-group(header){animation-duration:0s}:root[data-theme=select]::view-transition-new(root){animation-name:bloom-in}:root[data-theme=select]::view-transition-old(root){animation-name:bloom-out}:root[data-theme=projects]::view-transition-new(root){animation-name:fade-flicker}:root[data-theme=projects]::view-transition-old(root){animation-name:fade-out}:root[data-theme=experience]::view-transition-new(root){animation-name:slash-in;animation-duration:.55s}:root[data-theme=experience]::view-transition-old(root){animation-name:none}:root[data-theme=about]::view-transition-new(root){animation-name:scan-in}:root[data-theme=about]::view-transition-old(root){animation-name:fade-out}:root[data-theme=contact]::view-transition-new(root){animation-name:sweep-in;animation-duration:.5s}:root[data-theme=contact]::view-transition-old(root){animation-name:none}@keyframes bloom-in{0%{opacity:0;filter:brightness(2.2) blur(14px)}to{opacity:1;filter:none}}@keyframes bloom-out{to{opacity:0;filter:brightness(2.2) blur(14px)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-flicker{0%{opacity:0}30%{opacity:.2}40%{opacity:0}60%{opacity:.7}70%{opacity:.4}to{opacity:1}}@keyframes slash-in{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}@keyframes scan-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sweep-in{0%{clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%)}to{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}}@media(prefers-reduced-motion:reduce){:root:not([data-fx=on])::view-transition-group(*),:root:not([data-fx=on])::view-transition-old(*),:root:not([data-fx=on])::view-transition-new(*){animation:none!important}:root[data-theme=projects]:not([data-fx=on]) h1{animation:none}:root:not([data-fx=on]) body{transition:none}}:root[data-fx=off]::view-transition-group(*),:root[data-fx=off]::view-transition-old(*),:root[data-fx=off]::view-transition-new(*){animation:none!important}:root{--accent: #0b7a77;--text: #2b2f33;--muted: #4a5056;--rule: #b9bec2;--bg: #fff;--card: #f6f8f8}@media(prefers-color-scheme:dark){:root{--accent: #4fd1cc;--text: #e8eaec;--muted: #b6bcc2;--rule: #3a4046;--bg: #14181b;--card: #1d2327}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}a{color:var(--accent)}h1,h2,h3{line-height:1.2}h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 8px}h2{margin-top:40px;border-bottom:1px solid var(--rule);padding-bottom:6px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.card img{width:100%;height:150px;object-fit:cover;border-radius:4px}.card h3{margin:0;font-size:1.05rem}.card p{margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px 10px;padding:0;margin:4px 0;list-style:none}.tags li{font-size:12px;border:1px solid var(--rule);border-radius:12px;padding:4px 12px}.btn{display:inline-block;padding:8px 16px;border-radius:6px;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600}.btn.alt{background:none;color:var(--accent);border:1px solid var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.actions+.grid{margin-top:28px}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--bg);padding:8px;z-index:100}