:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181816;background:#f7f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #181816;--muted: #686861;--line: #dbdbd3;--paper: #ffffff;--accent: #2459d3;--accent-dark: #1945ab}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;scroll-behavior:smooth;background:#f7f7f2}body{min-width:320px;margin:0;overflow-x:hidden;background:#f7f7f2}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-color:#a8a8a0;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-color:currentColor}a:focus-visible{outline:3px solid rgba(36,89,211,.35);outline-offset:4px;border-radius:3px}::selection{color:var(--ink);background:#dce7ff}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;color:#fff;background:var(--ink);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(calc(100% - 48px),1080px);margin:0 auto;animation:fade-in .42s ease-out both}.site-header{display:flex;align-items:center;justify-content:flex-end;min-height:76px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{color:#4f4f49;font-size:13px;font-weight:500;text-decoration:none}.site-header nav a:hover{color:var(--ink)}main{display:block}section{scroll-margin-top:24px}.hero{max-width:900px;padding:80px 0 88px}.eyebrow{margin:0 0 16px;color:var(--accent);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(48px,8vw,78px);font-weight:400;letter-spacing:-.055em;line-height:.98}.hero-identity{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:26px;margin-bottom:22px}.hero-portrait{display:block;width:128px;height:128px;object-fit:cover;background:#d8d8d1;border:1px solid #c5c5bd;border-radius:50%}.hero-headline{max-width:760px;margin-bottom:22px;font-size:clamp(27px,4vw,42px);font-weight:300;letter-spacing:-.035em;line-height:1.14}.hero-copy{max-width:720px;margin-bottom:18px;color:#4f4f49;font-size:clamp(17px,2vw,20px);line-height:1.65}.hero-fit{display:flex;flex-wrap:wrap;margin:0 0 30px;padding:0;color:#4f4f49;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.6;list-style:none}.hero-fit li+li:before{display:inline-block;width:3px;height:3px;margin:0 11px;background:#adada5;border-radius:50%;content:"";vertical-align:middle}.hero-actions,.section-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--ink);border-radius:999px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--ink)}.button-primary:hover{background:#363632}.button-secondary{color:var(--ink);background:transparent;border-color:#b9b9b1}.button-secondary:hover{background:#fff;border-color:var(--ink)}.text-link{margin-left:5px;color:#42423d;font-size:14px;font-weight:500}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:880px;margin:58px 0 0;padding:0;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:14px;list-style:none}.hero-stats li{display:flex;min-height:116px;padding:22px;flex-direction:column;justify-content:space-between;background:#ffffffb8}.hero-stats strong{font-size:30px;font-weight:500;letter-spacing:-.04em}.hero-stats span{max-width:145px;color:var(--muted);font-size:12px;line-height:1.45}.section{padding:88px 0;border-top:1px solid var(--line)}.case-study{padding:clamp(28px,5vw,56px);background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 50px #20201c0d}.section-heading{max-width:800px;margin-bottom:38px}.section-heading.compact{max-width:720px}.section-heading h2,.role-section h2,.contact h2{margin-bottom:18px;font-size:clamp(31px,5vw,48px);font-weight:400;letter-spacing:-.045em;line-height:1.08}.section-heading>p:last-child,.role-section>p,.contact>p{margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.7}.media-gallery{margin:0}.media-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#10100f;border:1px solid #d2d2ca;border-radius:18px}.media-stage video,.media-stage img{display:block;width:100%;height:100%;object-fit:cover}.media-image-link{position:relative;display:block;width:100%;height:100%}.media-open-hint{position:absolute;right:12px;bottom:12px;padding:7px 10px;color:#fff;background:#10100fc7;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:11px;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease}.media-image-link:hover .media-open-hint,.media-image-link:focus-visible .media-open-hint{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.media-thumb{min-width:0;padding:4px;color:#55554f;background:transparent;border:1px solid #d7d7d0;border-radius:12px;cursor:pointer;font:inherit;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.media-thumb:hover{background:#f4f4ef;border-color:#a9a9a1;transform:translateY(-1px)}.media-thumb:focus-visible{outline:3px solid rgba(36,89,211,.35);outline-offset:3px}.media-thumb.is-active{color:var(--ink);background:#f4f4ef;border-color:var(--ink)}.media-thumb-visual{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#d8e5ef;border-radius:8px}.media-thumb-visual img{display:block;width:100%;height:100%;object-fit:cover}.media-video-badge{position:absolute;top:50%;left:50%;display:grid;width:30px;height:30px;place-items:center;background:#10100fb8;border:1px solid rgba(255,255,255,.55);border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%,-50%)}.media-video-badge:before{width:0;height:0;margin-left:2px;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #ffffff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:34px 0;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:14px}.metric-grid>div{display:flex;min-height:126px;padding:20px;flex-direction:column;justify-content:space-between;background:#f8f8f4}.metric-grid dt{order:2;color:var(--muted);font-size:11px;line-height:1.45}.metric-grid dd{order:1;margin:0 0 18px;font-size:clamp(23px,3vw,31px);font-weight:500;letter-spacing:-.04em;line-height:1.05}.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.technical-grid article{padding:24px;background:#f8f8f4;border-radius:14px}.technical-grid h3,.project-card h3,.resource-list h3,.experience-list h3{margin-bottom:8px;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.35}.technical-grid p,.project-card p,.resource-list p,.experience-list>li>p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.65}.ownership-note{margin:22px 0 24px;color:#55554f;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.visual-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.visual-project-card{overflow:hidden;background:#ffffffd1;border:1px solid #deded7;border-radius:18px}.visual-project-card.is-featured{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);grid-column:1 / -1}.visual-project-media{aspect-ratio:16 / 9;overflow:hidden;background:#10100f}.visual-project-media a{display:block;width:100%;height:100%}.visual-project-media img,.visual-project-media video{display:block;width:100%;height:100%;object-fit:cover}.visual-project-copy{padding:26px}.visual-project-card.is-featured .visual-project-copy{display:flex;flex-direction:column;justify-content:center;padding:34px}.visual-project-scope,.supporting-projects-label{color:var(--accent);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.visual-project-scope{margin-bottom:11px}.visual-project-copy h3{margin-bottom:14px;font-size:25px;font-weight:500;letter-spacing:-.025em;line-height:1.2}.visual-project-copy>p:last-child{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.65}.supporting-projects-label{margin:38px 0 12px}.supporting-project-grid{margin-top:0}.project-card{min-height:174px;padding:26px;background:#ffffffc2;border:1px solid #e0e0d9;border-radius:16px}.project-card h3 a,.resource-list h3 a,.experience-list h3 a{text-decoration-color:#bdbdb5}.additional-work{max-width:820px;margin-top:28px;padding-left:18px;border-left:2px solid #c9d7f8}.additional-work p{margin-bottom:8px;color:var(--muted);font-size:13px;line-height:1.65}.additional-work p:last-child{margin-bottom:0}.experience-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.experience-list>li{display:grid;grid-template-columns:minmax(230px,.75fr) 1.5fr;gap:36px;padding:27px 0;border-bottom:1px solid var(--line)}.experience-heading p{margin-bottom:0;color:#7a7a72;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.experience-role{color:#3f3f3a;font-weight:500}.resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px;border-top:1px solid var(--line)}.resource-list article{padding:24px 0;border-bottom:1px solid var(--line)}.role-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.role-section h2{max-width:440px;margin-bottom:0}.contact{margin:22px 0 34px;padding:clamp(32px,6vw,60px);color:#fff;background:var(--ink);border-radius:24px}.contact .eyebrow{color:#9cb9ff}.contact h2{max-width:650px}.contact>p{color:#c7c7bf}.contact .hero-actions{margin-top:28px}.contact .button-primary{color:var(--ink);background:#fff;border-color:#fff}.contact .button-primary:hover{background:#e9e9e4}.contact .text-link{color:#fff;text-decoration-color:#77776f}footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0 46px;color:#77776f;border-top:1px solid var(--line);font-size:11px;line-height:1.5}footer p{margin-bottom:0}@keyframes fade-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.site-shell{width:min(calc(100% - 32px),1080px)}.site-header{min-height:68px}.site-header nav{justify-content:flex-end;gap:8px 16px;flex-wrap:wrap}.site-header nav a{font-size:12px}.hero{padding:58px 0 64px}h1{font-size:clamp(43px,12vw,52px)}.hero-identity{grid-template-columns:96px minmax(0,1fr);gap:18px;margin-bottom:24px}.hero-portrait{width:96px;height:96px}.hero-headline{font-size:clamp(25px,8vw,34px)}.hero-fit{row-gap:4px}.hero-stats,.metric-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{margin-top:42px}.section{padding:64px 0}.case-study{padding:24px;border-radius:20px}.section-heading{margin-bottom:30px}.media-picker{display:flex;margin-right:-24px;padding-right:24px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.media-thumb{flex:0 0 132px;scroll-snap-align:start}.technical-grid,.project-grid,.resource-list,.role-section{grid-template-columns:1fr}.project-card{min-height:0}.visual-project-grid,.visual-project-card.is-featured{grid-template-columns:1fr}.visual-project-card.is-featured .visual-project-copy{padding:26px}.experience-list>li{grid-template-columns:1fr;gap:10px}.role-section{gap:24px}footer{flex-direction:column;gap:8px}}@media(max-width:470px){.site-header nav a:nth-child(3){display:none}.hero-actions{align-items:stretch}.hero .button,.contact .button{width:100%}.hero .text-link,.contact .text-link{margin:4px 6px 0}.hero-stats li{min-height:105px;padding:18px}.case-study{padding:20px}.media-picker{margin-right:-20px;padding-right:20px}.media-thumb{flex-basis:118px}.metric-grid>div{min-height:118px;padding:16px}.technical-grid article,.project-card{padding:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-shell{animation:none}.button,.media-thumb{transition:none}.button:hover,.media-thumb:hover{transform:none}}