/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.contents{display:contents}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#fff7ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#fff7ed;--muted:#c6b5a6;--soft:#0d0a08;--panel:#17110e;--panel-strong:#211712;--line:#3b291f;--orange:#f47b2a;--orange-strong:#ff9b55;--orange-soft:#321b10;--green:#7ad7a8;--glow:#f47b2a42;--shadow:0 24px 70px #00000061;--navbar-height:54px;--navbar-top-gap:18px;--navbar-safe-offset:118px;--navbar-offset:var(--navbar-safe-offset);background:#0d0a08;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color:#171412;--ink:#171412;--muted:#665f57;--soft:#fbf8f4;--panel:#fffdf9;--panel-strong:#fff;--line:#eadfd4;--orange:#e66b2d;--orange-strong:#c94e16;--orange-soft:#fff0e4;--green:#1f7a5c;--glow:#e66b2d2e;--shadow:0 24px 70px #3f2a191c;background:#fbf8f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-offset)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 82% 2%, var(--glow), transparent 28rem), radial-gradient(circle at 10% 22%, #f47b2a1a, transparent 24rem), linear-gradient(180deg, #0d0a08 0%, var(--soft) 45%, #120d0a 100%);margin:0}body:before{content:"";z-index:15;height:var(--navbar-safe-offset);pointer-events:none;background:linear-gradient(180deg, var(--soft), transparent);position:fixed;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){body:before{background:linear-gradient(180deg, color-mix(in srgb, var(--soft) 92%, transparent), transparent)}}:root[data-theme=light] body{background:radial-gradient(circle at 85% 4%,#e66b2d1f,#0000 26rem),linear-gradient(#fffaf4 0%,#fbf8f4 42%,#fffdf9 100%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.hero,.section-shell,.footer{width:min(1180px,100% - 32px);margin:0 auto}.hero{min-height:88vh;padding:calc(var(--navbar-safe-offset) + 28px) 0 64px}.nav{top:var(--navbar-top-gap);z-index:40;width:min(1040px,100% - 40px);min-height:var(--navbar-height);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;position:fixed;left:50%}@supports (color:color-mix(in lab, red, red)){.nav{border:1px solid color-mix(in srgb, var(--line) 78%, transparent)}}.nav{background:var(--panel);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.nav{background:color-mix(in srgb, var(--panel) 82%, transparent)}}.nav{-webkit-backdrop-filter:blur(28px)saturate(1.25);transform:translate(-50%);box-shadow:0 18px 58px #00000057,0 0 0 1px #f47b2a14,0 0 38px #f47b2a14}.nav-menu{align-items:center;gap:12px;display:flex}.menu-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,transform .18s;display:none}.menu-toggle:hover{border-color:var(--orange);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.menu-toggle:hover{border-color:color-mix(in srgb, var(--orange) 62%, var(--line))}}.brand-link{white-space:nowrap;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.95rem;font-weight:760;display:inline-flex}.brand-link:focus-visible,.nav a:focus-visible,.menu-toggle:focus-visible,.theme-toggle:focus-visible,.button:focus-visible,.external-link:focus-visible,.project-media-link:focus-visible,.company-heading a:focus-visible,.contact-panel a:focus-visible,.footer a:focus-visible{outline-offset:3px;outline:3px solid #e66b2d59}.nav-links{color:var(--muted);gap:4px;font-size:.88rem;font-weight:650;display:flex}.nav-links a{border-radius:999px;min-height:34px;padding:7px 11px;transition:background-color .18s,color .18s}.nav-links a:hover{color:var(--ink);background:var(--orange-soft)}.theme-toggle{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--panel-strong);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:4px 9px 4px 5px;font-size:.84rem;font-weight:760;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.theme-toggle:hover{border-color:var(--orange);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{border-color:color-mix(in srgb, var(--orange) 62%, var(--line))}}.theme-toggle-track{background:var(--orange-soft);border-radius:999px;align-items:center;width:36px;height:22px;display:inline-flex;position:relative}.theme-toggle-thumb{color:#0d0a08;background:var(--orange);border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;transition:transform .18s;display:inline-flex}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{transform:translate(14px)}.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(360px,.82fr);align-items:start;gap:54px;padding-top:0;display:grid}[id]{scroll-margin-top:var(--navbar-offset)}.eyebrow{color:var(--orange-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:820}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:18px;font-size:clamp(3.05rem,6.7vw,5.55rem);line-height:.98}.hero-role{max-width:580px;color:var(--muted);margin-bottom:42px;font-size:clamp(1rem,1.55vw,1.12rem);font-weight:650;line-height:1.55}.section-heading p,.project-card p,.contact-section .section-heading p{color:var(--muted);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:760;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#0d0a08;background:#fff7ed;box-shadow:0 16px 32px #f47b2a24}:root[data-theme=light] .button.primary{color:#fff;background:var(--ink)}.button.secondary{color:#fff;background:var(--orange);box-shadow:0 16px 32px #e66b2d38}.button.ghost{color:var(--ink);border-color:var(--line);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.button.ghost{background:color-mix(in srgb, var(--panel) 72%, transparent)}}.button.ghost:hover{background:var(--orange-soft);border-color:#e66b2d61}.tech-cloud,.tag-row{flex-wrap:wrap;gap:10px;display:flex}.tech-badge,.tag-row span{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--panel-strong);border-radius:999px;align-items:center;padding:7px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tech-badge,.tag-row span{background:color-mix(in srgb, var(--panel-strong) 82%, transparent)}}.tech-badge,.tag-row span{font-size:.9rem;font-weight:720;box-shadow:0 8px 24px #00000024}.hero-visual-wrap{min-height:470px;position:relative}.kafka-visual{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel-strong), var(--orange-soft)), radial-gradient(circle at 70% 20%, var(--glow), transparent 14rem);border-radius:28px;height:470px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kafka-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 96%, transparent), color-mix(in srgb, var(--orange-soft) 72%, transparent)), radial-gradient(circle at 70% 20%, var(--glow), transparent 14rem)}}.kafka-visual{box-shadow:var(--shadow)}.kafka-visual:before{border:1px solid var(--orange);position:absolute;inset:22px}@supports (color:color-mix(in lab, red, red)){.kafka-visual:before{border:1px solid color-mix(in srgb, var(--orange) 18%, transparent)}}.kafka-visual:before{content:"";border-radius:22px}.broker-card,.terminal-card{z-index:2;border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;position:absolute}@supports (color:color-mix(in lab, red, red)){.broker-card,.terminal-card{background:color-mix(in srgb, var(--panel-strong) 94%, transparent)}}.broker-card,.terminal-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 38px #00000038}.broker-card{gap:6px;width:138px;padding:15px;display:grid}.broker-card span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.broker-card strong{font-size:1rem}.broker-a{top:58px;left:42px}.broker-b{top:202px;right:42px}.broker-c{bottom:72px;right:86px}.stream-line{background:linear-gradient(90deg,#0000,#e66b2d94,#0000);height:2px;position:absolute;left:48px;right:48px;overflow:hidden}.stream-dot{background:var(--orange);border-radius:999px;width:12px;height:12px;position:absolute;top:-5px;left:0;box-shadow:0 0 0 8px #e66b2d1f}.terminal-card{gap:9px;padding:18px;display:grid;bottom:24px;left:28px;right:28px}.terminal-line{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem}.terminal-line.muted{color:var(--muted)}.terminal-line.accent{color:var(--green);font-weight:800}.gopher-mark{z-index:4;width:132px;height:132px;position:absolute;top:-18px;right:-8px}.gopher-ear,.gopher-face{background:#8bd6e5;border:3px solid #246c81;position:absolute}.gopher-ear{border-radius:999px;width:34px;height:44px;top:22px}.gopher-ear.left{left:12px}.gopher-ear.right{right:12px}.gopher-face{border-radius:48% 48% 44% 44%;inset:24px 18px 12px;box-shadow:0 18px 40px #246c8138}.gopher-eye,.gopher-nose,.gopher-tooth{background:#12323b;position:absolute}.gopher-eye{border-radius:999px;width:9px;height:9px;top:34px}.gopher-eye.left{left:28px}.gopher-eye.right{right:28px}.gopher-nose{border-radius:999px;width:14px;height:9px;top:52px;left:50%;transform:translate(-50%)}.gopher-tooth{background:#fffaf4;border-radius:0 0 3px 3px;width:9px;height:14px;top:66px}.gopher-tooth.left{left:45px}.gopher-tooth.right{right:45px}.gopher-label{color:#fff;background:#246c81;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;position:absolute;bottom:0;right:0}.section-shell{padding:72px 0}main>.section-shell:first-child{padding-top:36px}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2{margin-bottom:14px;font-size:clamp(2rem,4.5vw,4rem);line-height:1.04}.skill-card,.project-card,.timeline-content,.principle-card,.contact-panel{border:1px solid var(--line);background:var(--panel);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.skill-card,.project-card,.timeline-content,.principle-card,.contact-panel{background:color-mix(in srgb, var(--panel) 86%, transparent)}}.skill-card,.project-card,.timeline-content,.principle-card,.contact-panel{box-shadow:var(--shadow)}.project-card p:last-child{margin-bottom:0}.skill-grid,.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skill-card,.project-card,.principle-card{transition:border-color .18s,box-shadow .18s,transform .18s}.skill-card{flex-direction:column;padding:24px;display:flex}.skill-card:hover,.principle-card:hover{box-shadow:var(--shadow);border-color:#e66b2d57;transform:translateY(-4px)}.icon-disc{width:44px;height:44px;color:var(--orange-strong);background:var(--orange-soft);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.icon-disc.strong{color:#0d0a08;background:var(--orange);width:52px;height:52px}.skill-card h3,.project-card h3,.timeline-content h3,.principle-card h3{margin-bottom:12px;font-size:1.18rem}.skill-card ul,.timeline-content ul{color:var(--muted);gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-card li{line-height:1.45}.principle-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,178px),1fr));gap:12px;margin-top:20px;display:grid}.principle-card{min-height:122px;padding:18px;box-shadow:0 16px 44px #0003}.principle-card svg{color:var(--orange-strong);margin-bottom:18px}.principle-card h3{margin:0;font-size:.95rem;line-height:1.25}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));align-items:stretch;gap:22px}.project-card{flex-direction:column;min-height:100%;padding:10px;transition:border-color .22s,box-shadow .22s,background-color .22s;display:flex;overflow:hidden}.project-card:hover,.project-card:focus-within{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb, var(--orange) 54%, var(--line))}}.project-card:hover,.project-card:focus-within{box-shadow:0 28px 86px #00000070, 0 0 44px var(--glow)}:root[data-theme=light] .project-card:hover,:root[data-theme=light] .project-card:focus-within{box-shadow:0 28px 70px #3f2a1929, 0 0 36px var(--glow)}.project-media-link{isolation:isolate;border-radius:20px;display:block;position:relative;overflow:hidden}.project-shot-frame{aspect-ratio:16/8;border:1px solid var(--line);max-height:302px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.project-shot-frame{border:1px solid color-mix(in srgb, var(--line) 76%, transparent)}}.project-shot-frame{border-radius:inherit;background:linear-gradient(145deg, #ffffff1a, transparent 34%), var(--panel-strong);box-shadow:inset 0 1px #ffffff1f,0 18px 45px #00000047}.project-shot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:filter .26s,transform .26s;display:block;transform:scale(1.01)}.project-sheen{pointer-events:none;opacity:.72;background:linear-gradient(115deg,#fff3,#0000 28% 66%,#f47b2a1f),linear-gradient(#0000 56%,#0000004d);position:absolute;inset:0}.project-overlay{color:#fff7ed;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:radial-gradient(circle at 50% 42%,#f47b2a4d,#0000 12rem),#0d0a089e;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-weight:820;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:14px;transform:translateY(8px)scale(.98)}.external-link,.footer a{color:var(--muted);align-items:center;gap:7px;font-weight:760;transition:color .18s;display:inline-flex}.external-link:hover,.footer a:hover{color:var(--orange-strong)}.project-media-link:hover .project-shot,.project-media-link:focus-visible .project-shot{filter:saturate(1.08)contrast(1.03);transform:scale(1.045)}.project-media-link:hover .project-overlay,.project-media-link:focus-visible .project-overlay{opacity:1;transform:translateY(0)scale(1)}.project-content{flex-direction:column;flex:1;padding:24px 18px 18px;display:flex}.project-card-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.project-card-head h3{margin-bottom:0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.project-kicker{color:var(--orange-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:820}.tag-row{margin-top:auto;padding-top:24px}.project-tags{margin-top:0;padding-top:18px}.build-panel{border:1px solid var(--line);margin-top:20px;padding:18px}@supports (color:color-mix(in lab, red, red)){.build-panel{border:1px solid color-mix(in srgb, var(--line) 82%, transparent)}}.build-panel{background:linear-gradient(180deg, var(--panel-strong), transparent), var(--orange-soft);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.build-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), transparent), color-mix(in srgb, var(--orange-soft) 36%, transparent)}}.build-panel h4{color:var(--ink);margin:0 0 12px;font-size:.92rem}.build-list{color:var(--muted);gap:10px;margin:0;padding:0;list-style:none;display:grid}.build-list li{grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;line-height:1.45;transition:color .18s,transform .18s;display:grid}.build-list svg{color:var(--orange-strong);margin-top:3px}.project-card:hover .build-list li,.project-card:focus-within .build-list li{color:var(--ink);transform:translate(2px)}.timeline{gap:20px;display:grid}.timeline-item{grid-template-columns:32px minmax(0,1fr);gap:18px;display:grid}.timeline-dot{border:4px solid var(--orange-soft);background:var(--orange);border-radius:999px;width:16px;height:16px;margin-top:28px;display:block;box-shadow:0 0 0 1px #e66b2d3d}.timeline-content{padding:26px}.company-heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.company-heading a{border:1px solid var(--orange);flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.company-heading a{border:1px solid color-mix(in srgb, var(--orange) 30%, var(--line))}}.company-heading a{background:var(--panel-strong);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.company-heading a{background:color-mix(in srgb, var(--panel-strong) 80%, var(--orange-soft))}}.company-heading a{transition:border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 12px 28px #0000002e}.company-heading a:hover{border-color:var(--orange);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.company-heading a:hover{border-color:color-mix(in srgb, var(--orange) 64%, var(--line))}}.company-heading a:hover{box-shadow:0 16px 34px #f47b2a24}.company-heading img{border-radius:6px;width:24px;height:24px}.company-heading h3{margin-bottom:0}.role-line{color:var(--orange-strong);margin-bottom:18px;font-weight:780}.timeline-content li{grid-template-columns:17px minmax(0,1fr);align-items:start;gap:10px;line-height:1.5;display:grid}.timeline-content svg{color:var(--green);margin-top:3px}.contact-section{padding-bottom:48px}.contact-role{color:var(--orange-strong);margin:-12px 0 24px;font-size:clamp(1rem,1.8vw,1.24rem);font-weight:820}.contact-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.contact-panel a,.contact-panel span{min-height:58px;color:var(--ink);background:var(--orange-soft);overflow-wrap:anywhere;border-radius:18px;align-items:center;gap:10px;padding:13px 16px;font-weight:720;display:flex}.contact-panel a{cursor:pointer;transition:background-color .18s,color .18s}.contact-panel a:hover{color:var(--orange-strong);background:var(--orange-soft)}@supports (color:color-mix(in lab, red, red)){.contact-panel a:hover{background:color-mix(in srgb, var(--orange-soft) 72%, var(--panel-strong))}}.footer{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 0 64px;display:flex}.footer>span:last-child{text-align:right;max-width:560px;line-height:1.5}.loading-intro{z-index:100;color:var(--ink);background:radial-gradient(circle at 50% 38%, var(--glow), transparent 22rem), var(--soft);place-items:center;gap:24px;padding:24px;display:grid;position:fixed;inset:0}.loading-intro p{color:var(--ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem}.loading-intro-actions{justify-items:center;gap:16px;display:grid}.loading-button{min-width:160px}.loading-countdown{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.loading-estate{justify-items:center;gap:26px;width:min(760px,100%);display:grid}.loading-gopher,.not-found-gopher{width:112px;height:112px;position:relative}.loading-gopher{left:-12px}.loading-gopher .gopher-mark,.not-found-gopher .gopher-mark{transform-origin:50%;inset:auto auto 0 0;transform:scale(.78)}.loading-flow{grid-template-columns:132px minmax(74px,1fr) 180px minmax(74px,1fr) 132px;align-items:center;gap:14px;width:100%;display:grid}.loading-node,.loading-topic,.broken-topic,.not-found-terminal{border:1px solid var(--line);background:var(--panel);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.loading-node,.loading-topic,.broken-topic,.not-found-terminal{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.loading-node,.loading-topic,.broken-topic,.not-found-terminal{box-shadow:var(--shadow)}.loading-node,.loading-topic{gap:7px;min-height:94px;padding:16px;display:grid}.loading-node span,.loading-topic span,.broken-topic span{color:var(--orange-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.loading-node strong,.loading-topic strong,.broken-topic strong{color:var(--ink);font-size:.92rem}.loading-rail{background:linear-gradient(90deg,#0000,#f47b2ac7,#0000);border-radius:999px;height:3px;position:relative;overflow:hidden}.loading-dot{background:#f47b2a;border-radius:999px;width:13px;height:13px;position:absolute;top:-5px;left:0;box-shadow:0 0 0 8px #f47b2a21}.not-found-page{place-items:center;min-height:100vh;padding:28px;display:grid}.not-found-panel{border:1px solid var(--line);background:var(--panel);border-radius:28px;grid-template-columns:minmax(340px,.8fr) minmax(0,1fr);gap:32px;width:min(980px,100%);padding:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.not-found-panel{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.not-found-panel{box-shadow:var(--shadow)}.not-found-copy h1{margin-bottom:18px;font-size:clamp(2.8rem,7vw,5.3rem)}.not-found-copy p:not(.eyebrow){color:#fff7ed;max-width:620px;line-height:1.7}.not-found-graphic{border:1px solid var(--line);background:radial-gradient(circle at 48% 36%, var(--glow), transparent 12rem), var(--panel-strong);border-radius:24px;min-height:290px;position:relative;overflow:hidden}.not-found-gopher{margin:18px auto 4px}.broken-topic{gap:8px;min-width:0;padding:16px;display:grid;position:absolute;bottom:24px;left:18px;right:18px}.broken-topic strong{overflow-wrap:anywhere;line-height:1.35}.broken-stream{border-top:2px dashed #f47b2a94;width:170px;height:80px;position:absolute;top:144px;left:32px}.broken-stream span{background:var(--orange);border-radius:999px;width:12px;height:12px;position:absolute}.not-found-terminal{color:var(--muted);grid-column:1/-1;gap:8px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;display:grid}.not-found-terminal .accent{color:#7ad7a8}:root[data-theme=light] .not-found-terminal,:root[data-theme=light] .broken-topic{color:#fff7ed;background:#17110e;border-color:#3b291f}:root[data-theme=light] .not-found-terminal span,:root[data-theme=light] .broken-topic strong{color:#fff7ed}:root[data-theme=light] .broken-topic span{color:#ff9b55}.footer span{color:var(--ink);font-weight:820}@media (width<=980px){:root{--navbar-safe-offset:116px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:58px}.hero-visual-wrap{min-height:440px}.kafka-visual{height:440px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel{grid-template-columns:1fr}.nav{border-radius:26px}.nav-links{flex-wrap:wrap}.loading-flow{grid-template-columns:1fr;max-width:360px}.loading-rail{width:100%;transform:rotate(90deg)}.not-found-panel{grid-template-columns:1fr}}@media (width<=680px){:root{--navbar-height:54px;--navbar-top-gap:12px;--navbar-safe-offset:118px}.hero,.section-shell,.footer{width:min(100% - 28px,1180px)}.hero{padding:calc(var(--navbar-safe-offset) + 24px) 0 84px}.nav{border-radius:22px;align-items:center;width:min(100% - 24px,520px);padding:8px 10px}.menu-toggle{display:inline-flex}.nav-menu{border:1px solid var(--line);gap:12px;padding:12px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}@supports (color:color-mix(in lab, red, red)){.nav-menu{border:1px solid color-mix(in srgb, var(--line) 78%, transparent)}}.nav-menu{background:var(--panel);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.nav-menu{background:color-mix(in srgb, var(--panel) 94%, transparent)}}.nav-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 52px #00000047}.nav-menu.open{display:grid}.nav-links{gap:6px;width:100%;display:grid}.nav-links a{width:100%;min-height:38px;padding:9px 12px;font-size:.88rem}.theme-toggle{justify-self:start;margin-left:0}h1{font-size:clamp(2.55rem,13vw,3.45rem);line-height:1.02}.hero-grid{gap:46px}.hero-actions,.button{width:100%}.hero-actions{gap:14px;margin-bottom:34px}.tech-cloud,.tag-row{gap:12px}.tech-badge,.tag-row span{min-height:36px}.hero-visual-wrap{min-height:390px}.kafka-visual{border-radius:22px;height:390px}.broker-card{width:118px;padding:12px}.broker-a{left:22px}.broker-b{right:22px}.broker-c{bottom:80px;right:52px}.terminal-card{bottom:16px;left:16px;right:16px}.gopher-mark{transform-origin:100% 0;top:-34px;right:-2px;transform:scale(.82)}.section-shell{padding:74px 0}.section-heading{margin-bottom:40px}.section-heading h2{margin-bottom:16px}.skill-card,.timeline-content,.principle-card{border-radius:20px;padding:22px}.project-card{border-radius:20px;padding:8px}.project-media-link{border-radius:18px}.project-shot-frame{aspect-ratio:16/7.6}.project-overlay{border-radius:14px;inset:10px}.project-content{padding:22px 16px 16px}.project-card-head{gap:12px;margin-bottom:18px;display:grid}.skill-grid,.work-grid,.principle-grid{grid-template-columns:1fr;gap:18px}.principle-grid{margin-top:20px}.principle-card,.project-card{min-height:auto}.project-tags{padding-top:2px}.build-panel{margin-top:22px;padding:18px 16px}.build-list{gap:12px}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:12px}.contact-panel{gap:14px;padding:14px}.footer{display:grid}.footer>span:last-child{text-align:left}.loading-intro{gap:16px}.loading-gopher{left:0}.loading-estate{gap:18px}.loading-node,.loading-topic{min-height:78px;padding:14px}.not-found-page{padding:14px}.not-found-panel{border-radius:22px;gap:22px;padding:20px}.not-found-graphic{min-height:250px}.not-found-terminal{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
