:root{--ink: #101114;--paper: #f6f2e8;--clay: #f25d3d;--acid: #d7ff45;--text: #f7f5ee;--muted: rgba(247, 245, 238, .72);--dark-line: rgba(247, 245, 238, .16);--light-line: rgba(16, 17, 20, .14);--texture-geometry: url(https://images.unsplash.com/photo-1609268201371-593ef869e3cd?auto=format&fit=crop&q=80&w=2400);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:overlay}a,button{font:inherit}a{color:inherit}p,h1,h2,h3{margin:0}.app{min-height:100dvh;background:var(--ink);color:var(--text)}.shell{width:min(1220px,calc(100% - 36px));margin:0 auto}.nav{position:fixed;top:16px;left:50%;z-index:80;display:flex;width:min(1220px,calc(100% - 24px));min-height:58px;transform:translate(-50%);align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--dark-line);border-radius:999px;padding:8px 10px 8px 18px;background:#101114c7;color:#f7f5ee;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}.mark{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:var(--acid);color:#101114;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links button{display:inline-flex;min-height:38px;align-items:center;border:0;border-radius:999px;padding:0 12px;background:transparent;color:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}.nav-links button:hover,.nav-links button:focus-visible{background:#ffffff1f;outline:none}.menu-toggle,.menu-backdrop{display:none}section{position:relative;padding:96px 0;overflow:hidden}.section-ink{background:var(--ink);color:var(--text)}.section-paper{background:var(--paper);color:var(--ink)}.section-clay{background:var(--acid);color:#15110f}.texture-dark:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to bottom,#101114a8,#101114e6),var(--texture-geometry);background-position:center;background-size:cover;opacity:.42;mix-blend-mode:luminosity}.hero{min-height:100dvh;display:grid;align-items:center;padding-top:122px}.hero .shell,section>.shell{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);gap:clamp(26px,6vw,88px);align-items:end}.motion-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}.motion-word{position:absolute;opacity:.13}.motion-word.one{right:-7vw;top:19vh}.motion-word.two{left:-9vw;bottom:8vh;color:var(--acid);opacity:.18}.motion-word svg{width:min(56vw,760px);height:auto}.motion-word text{fill:none;stroke:currentColor;stroke-width:1.2;font-size:160px;font-weight:800;letter-spacing:-.08em}.kicker{margin-bottom:24px;color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}h1{max-width:980px;font-size:clamp(56px,9.5vw,142px);letter-spacing:-.074em;line-height:.9}h1 span{color:var(--acid)}h2{font-size:clamp(42px,7vw,104px);letter-spacing:-.07em;line-height:.92}.lead{max-width:720px;margin-top:26px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.36}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:999px;padding:0 22px;color:currentColor;text-decoration:none;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);outline:none}.section-ink .button:not(.primary){border-color:var(--paper);background:var(--paper);color:var(--ink)}.section-ink .button:hover,.section-ink .button:focus-visible{border-color:var(--paper);background:var(--paper);color:var(--ink)}.section-paper .button:hover,.section-paper .button:focus-visible,.section-clay .button:hover,.section-clay .button:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button.primary{border-color:var(--acid);background:var(--acid);color:#101114}.button.primary:hover,.button.primary:focus-visible{border-color:#f2ff8a;background:#f2ff8a;color:#101114}.button:active{transform:translateY(1px)}.impact-strip{display:grid;gap:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.impact-strip div{border-top:1px solid var(--dark-line);padding-top:14px}.impact-strip strong{display:block;margin-bottom:6px;color:var(--acid);font-size:clamp(30px,4.2vw,58px);letter-spacing:-.07em}.impact-strip span{color:var(--muted);line-height:1.4}.marquee{overflow:hidden;border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);background:var(--acid);color:#101114}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee span{padding:16px 24px;font-size:clamp(24px,4vw,54px);letter-spacing:-.06em;white-space:nowrap}.marquee span:nth-child(2n){color:transparent;-webkit-text-stroke:1px #101114}.section-head{max-width:100%;margin-bottom:44px}.section-head p{max-width:760px;margin-top:18px;opacity:.72;font-size:19px;line-height:1.5}.section-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(28px,5vw,72px);align-items:center}.section-split.reverse{grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr)}.visual-panel{min-height:680px;position:sticky;top:96px;overflow:hidden;border:1px solid currentColor;border-radius:28px;padding:12px}.visual-panel>div{height:100%;min-height:656px;border-radius:18px;background-position:center;background-size:cover;filter:saturate(.72) contrast(1.1);transform:scale(1.02)}.visual-panel.performance>div{filter:grayscale(1) sepia(.42) saturate(1.25) contrast(1.18) brightness(.72)}.visual-panel.ink{background:#101114;color:#10111461}.visual-panel.paper{background:var(--paper);color:#1011143d}.visual-panel.clay{background:#15110f;color:#15110f5c}.work-list{display:grid;border-top:1px solid currentColor}.work-item{display:grid;grid-template-columns:.52fr 1fr 1.04fr;gap:22px;align-items:start;padding:clamp(24px,4vw,44px) 0;border-bottom:1px solid currentColor}.work-item small,.optimization-item span,.oss-item small{color:var(--clay);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.section-ink .work-item small,.section-ink .optimization-item span,.section-ink .oss-item small{color:var(--acid)}.work-item h3{font-size:clamp(28px,3.8vw,58px);letter-spacing:-.065em;line-height:.94}.work-item p,.proof-item p,.optimization-item p,.leadership-piece p,.oss-item p{opacity:.72;line-height:1.52}.system-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(28px,5vw,72px);align-items:center}.system-lanes{position:relative;display:grid;max-width:100%;gap:12px}.system-connectors{position:absolute;inset:-20px -28px;width:calc(100% + 56px);height:calc(100% + 40px);pointer-events:none}.system-connectors path{fill:none;stroke:#15110f57;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.system-lane{position:relative;z-index:1;display:grid;grid-template-columns:minmax(110px,.34fr) 1fr;gap:18px;align-items:baseline;border-top:1px solid rgba(21,17,15,.32);padding-top:18px}.system-lane:nth-child(3){margin-left:13vw}.system-lane:nth-child(4){margin-left:5vw}.system-lane:nth-child(5){margin-left:19vw}.system-lane span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.system-lane strong{font-size:clamp(34px,5.2vw,80px);letter-spacing:-.075em;line-height:.9}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.proof-item{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(247,245,238,.18);border-radius:24px;padding:22px;background:#10111494;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proof-item span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.proof-item strong,.optimization-item strong{display:block;font-size:clamp(34px,4.2vw,66px);letter-spacing:-.075em;line-height:.88}.leadership-grid,.oss-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.leadership-piece,.optimization-item,.oss-item{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border-top:2px solid currentColor;padding-top:18px}.leadership-piece strong,.oss-item strong{display:block;font-size:clamp(28px,4vw,52px);letter-spacing:-.06em;line-height:.96}.chrono-shell{min-height:0;color:var(--paper)}.journey-line{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:18px;overflow-x:auto;padding:8px 0 28px;scroll-snap-type:x mandatory}.journey-card{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(247,245,238,.18);border-radius:24px;padding:22px;background:var(--paper);color:#101114;scroll-snap-align:start}.journey-card:before{content:"";position:absolute;top:35px;left:22px;right:22px;height:2px;background:#101114;opacity:.22}.journey-card time,.journey-card>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.journey-card time{color:#c74325}.journey-card h3{margin-top:54px;font-size:clamp(30px,4vw,52px);letter-spacing:-.06em;line-height:.95}.journey-card strong{margin-top:14px;color:#c74325;line-height:1.35}.journey-card p{margin-top:18px;opacity:.76;line-height:1.5}.journey-card>span{position:absolute;right:20px;bottom:16px;opacity:.24}.optimization-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.optimization-item{min-height:260px}.skill-tabs{display:flex;flex-wrap:wrap;gap:12px}.skill-tabs button{display:inline-flex;min-height:48px;align-items:center;border:1px solid rgba(247,245,238,.24);border-radius:999px;padding:0 18px;background:transparent;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.skill-tabs button:hover,.skill-tabs button:focus-visible,.skill-tabs button.active{background:var(--acid);color:#101114;outline:none;transform:translateY(-2px)}.skill-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.skill-card{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(247,245,238,.16);border-radius:24px;padding:18px;background:#1011149e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.skill-logo{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#f7f5ee14;color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.skill-logo img{width:30px;height:30px;object-fit:contain}.skill-card strong{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.05em;line-height:.96}.oss-item{color:inherit;text-decoration:none}.oss-item svg{margin-top:22px}.oss-item:hover,.oss-item:focus-visible{outline:none}.oss-item:hover strong,.oss-item:focus-visible strong{color:var(--clay)}.contact{min-height:86dvh;display:grid;align-items:center}.contact-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(24px,5vw,72px);align-items:end}.contact p{margin-top:22px;font-size:20px;line-height:1.5;opacity:.76}.contact-links{display:grid;gap:12px;margin-top:28px}.contact-links a{display:grid;grid-template-columns:28px 110px 1fr;gap:14px;align-items:center;border-top:1px solid currentColor;padding-top:12px;text-decoration:none}.contact-links a:hover strong,.contact-links a:focus-visible strong{color:var(--acid)}.contact-links span,.terminal-note{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.contact-links span{opacity:.64}.terminal-note{border-top:1px solid currentColor;padding-top:18px;opacity:.72;line-height:1.7}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:980px){.nav{top:10px;right:10px;left:10px;width:auto;min-height:56px;transform:none;padding:8px 8px 8px 12px;border-radius:999px}.brand{flex:0 0 auto}.menu-toggle{position:relative;z-index:91;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(247,245,238,.18);border-radius:999px;background:#f7f5ee14;color:inherit;cursor:pointer}.menu-backdrop{position:fixed;inset:0;z-index:81;display:block;border:0;background:#101114b8;opacity:0;pointer-events:none}.menu-open .menu-backdrop{display:block;opacity:1;pointer-events:auto}.nav.menu-open{inset:0;width:100vw;height:100dvh;padding:0;border:0;border-radius:0;background:#101114}.nav.menu-open .brand{display:none}.nav-links{position:fixed;top:0;left:0;z-index:90;width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;border-right:0;padding:92px 28px 34px;background:#101114;box-shadow:none;transform:translate(-105%);transition:transform .22s ease;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.menu-open .nav-links{transform:translate(0)}.nav-links button{min-height:58px;justify-content:flex-start;border-radius:16px;padding:0 18px;font-size:clamp(24px,8vw,42px);letter-spacing:-.05em}.menu-open .menu-toggle{position:fixed;top:18px;right:18px;left:auto;background:#f7f5ee1f}.hero{padding-top:124px}.hero-grid,.system-layout,.section-split,.section-split.reverse,.leadership-grid,.oss-list,.contact-layout,.work-item{grid-template-columns:1fr}.visual-panel{position:relative;top:0;min-height:420px}.visual-panel>div{min-height:396px}.proof-grid,.optimization-grid,.skill-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.system-lane:nth-child(3),.system-lane:nth-child(4),.system-lane:nth-child(5){margin-left:0}.impact-strip{grid-template-columns:repeat(2,1fr)}.leadership-piece{min-height:0}}@media(max-width:620px){.shell{width:min(100% - 28px,1220px)}section{padding:72px 0}h1{font-size:clamp(52px,18vw,86px)}h2{font-size:clamp(48px,16vw,78px)}.impact-strip,.proof-grid,.optimization-grid,.skill-panel{grid-template-columns:1fr}.system-lane{grid-template-columns:1fr;gap:8px}.contact-links a{grid-template-columns:28px 1fr}.contact-links strong{grid-column:2}.leadership-grid{gap:18px}.leadership-piece{padding-top:12px}.leadership-piece strong{font-size:clamp(25px,10vw,38px)}}
