:root{color-scheme:dark;--bg:#101315;--surface:#191d20;--raised:#232a2d;--ink:#f1f2ed;--muted:#b0b8bb;--accent:#d4ed88;--border:#394145;--radius:6px;--space:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,summary{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;font-weight:500}h1{font-size:clamp(3.5rem,8.5vw,7.6rem);letter-spacing:-.065em}h2{font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.045em}h3{font-size:1.6rem;letter-spacing:-.025em}p{color:var(--muted)}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;width:calc(100% - var(--space)*2)}.skip{position:fixed;top:-100px;left:24px;z-index:10;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--border)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:700}.monogram{border:1px solid var(--accent);color:var(--accent);padding:4px 9px;letter-spacing:-2px;font-size:20px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;font-size:14px}.nav-contact{color:var(--accent)}.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius)}.eyebrow{font:13px/1.6 Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.hero{padding:75px 0 48px}.hero-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:35px}.edition{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.hero h1 span{color:var(--accent)}.intro{font-size:18px;margin-top:24px;max-width:540px}.role{font-size:19px;color:var(--ink);margin-top:25px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:10px 20px;background:var(--accent);border:1px solid var(--accent);color:var(--bg);text-decoration:none;border-radius:var(--radius);font-size:14px;font-weight:700}.button:hover{background:var(--ink);color:var(--bg)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent)}.focus-panel{border-top:1px solid var(--border);padding-top:20px}.focus-panel h2{font-size:1.6rem;letter-spacing:-.025em;margin:18px 0 15px}.focus-row{padding:17px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:14px}.focus-row span:last-child{color:var(--muted);text-align:right}.hero-bottom{margin-top:55px;padding-top:25px;border-top:1px solid var(--border);display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:14px}.hero-bottom strong{color:var(--ink);font-size:20px;margin-right:8px;font-weight:500}.section{padding:80px 0;border-top:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-header .eyebrow{margin-bottom:16px}.section-header>p{max-width:330px;font-size:15px}.feature{display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:36px}.feature-title{padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;background:var(--raised)}.feature-title h3{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.06em}.feature-title h3 span{color:var(--accent)}.feature-title .meta{margin-top:25px}.feature-copy{padding:40px}.feature-copy h4{font-weight:500;font-size:21px;margin:0 0 16px}.feature-copy ul{padding-left:20px;margin:20px 0 28px;color:var(--muted)}.feature-copy li{padding:4px 0}.meta{font:13px/1.6 Consolas,monospace;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{border:1px solid var(--border);border-radius:3px;padding:3px 9px;font-size:12px;color:var(--muted)}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:30px 0 25px}.filter{border:1px solid var(--border);background:transparent;color:var(--muted);padding:8px 17px;border-radius:var(--radius);font-size:14px;min-height:44px}.filter[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}#project-count{margin-left:auto;font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.project{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;scroll-margin-top:105px}.project-top{padding:28px 28px 0}.project .meta{margin-bottom:17px}.project h3{margin-bottom:15px}.project-desc{min-height:78px}.project details{border-top:1px solid var(--border);margin-top:25px}.project summary{padding:17px 28px;color:var(--accent);font-size:14px}.project details[open] summary{border-bottom:1px solid var(--border)}.project-details{padding:26px 28px}.project-details h4{font-size:16px;font-weight:500;margin:25px 0 10px}.project-details ul{padding-left:20px;color:var(--muted);font-size:15px}.project-details li{margin:8px 0}.project-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:14px}.media-link{display:block;margin-top:22px;text-decoration:none}.media-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--raised);border-radius:var(--radius)}.media-link span{display:block;margin-top:8px;font-size:14px;color:var(--accent)}.about-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.about-copy h2{margin:18px 0 25px}.about-copy p+p{margin-top:18px}.about-notes{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);display:grid;gap:9px;font-size:14px;color:var(--muted)}.career{display:grid;gap:30px}.career-item{padding-bottom:26px;border-bottom:1px solid var(--border)}.career-item .meta{margin-bottom:10px}.career-item h3{font-size:21px}.company{color:var(--accent);font-size:14px;margin:7px 0 12px}.career-item p:last-child{font-size:15px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.skill{border-top:1px solid var(--border);padding-top:22px}.skill .eyebrow{margin-bottom:26px}.skill h3{font-size:23px;margin-bottom:18px}.skill p{font-size:15px}.skill .stack{margin-top:23px;font-size:14px;color:var(--ink);line-height:1.9}.contact{padding:80px 0;background:var(--accent);color:var(--bg)}.contact .eyebrow,.contact p{color:var(--bg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.contact h2{margin-top:20px}.contact p{margin-top:22px}.contact-links{display:grid}.contact-links a{padding:16px 0;border-bottom:1px solid currentColor;display:flex;justify-content:space-between;gap:15px;text-decoration:none;overflow-wrap:anywhere}.contact a:hover{color:var(--bg);text-decoration:underline}.footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:13px;color:var(--muted)}
@media(min-width:769px){.nav-links{display:flex!important}}
@media(max-width:900px){.hero-grid{gap:35px}.feature-title,.feature-copy{padding:28px}.about-layout{gap:40px}.skills-grid{gap:24px}.nav-links{gap:20px}}
@media(max-width:768px){.nav{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:24px var(--space);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.nav-links a{padding:8px 0}.hero{padding-top:45px}.edition{display:none}.hero-grid,.feature,.about-layout,.contact-grid{grid-template-columns:1fr}.focus-panel{margin-top:18px}.hero-bottom{margin-top:35px;gap:18px}.section{padding:55px 0}.section-header{align-items:start;flex-direction:column;gap:20px}.section-header>p{max-width:none}.feature-title{gap:35px}.project-grid{grid-template-columns:1fr}.project-desc{min-height:0}.skills-grid{grid-template-columns:1fr;gap:35px}.contact-grid{gap:35px}.footer{flex-wrap:wrap}.about-layout{gap:40px}#project-count{width:100%;margin-top:5px}.contact{padding:55px 0}}
@media(max-width:480px){.hero-bottom{flex-direction:column}.hero-top{margin-bottom:25px}.feature-title,.feature-copy,.project-top,.project-details{padding:24px}.project-top{padding-bottom:0}.project summary{padding:17px 24px}.role{font-size:17px}.intro{font-size:16px}.actions{gap:12px}.button{padding:10px 16px}.feature-title h3{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Visual project gallery */
.visual-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 24px}.visual-project{grid-column:span 2;min-width:0;scroll-margin-top:110px}.featured-project{grid-column:span 3}.lead-project{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.project-cover{position:relative;display:block;aspect-ratio:16/10;background:var(--raised);border-radius:var(--radius);overflow:hidden;text-decoration:none}.project-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-cover:hover img{transform:scale(1.035)}.lead-project .project-cover{aspect-ratio:auto;min-height:380px;border-radius:0}.lead-project .visual-copy{padding:35px;align-self:center}.visual-copy{padding-top:20px}.visual-copy .meta{font-size:12px;margin-bottom:12px}.visual-copy h3{margin-bottom:12px}.visual-copy h3 a{text-decoration:none}.visual-copy>p:not(.meta){font-size:15px}.visual-copy .tags{margin:16px 0}.story-link{font-size:14px;color:var(--accent)}.cover-badge{position:absolute;left:18px;bottom:18px;background:var(--bg);color:var(--ink);padding:6px 12px;border-radius:4px;font-size:13px}.cover-arrow{position:absolute;right:16px;top:16px;background:var(--accent);color:var(--bg);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.workflow-cover{height:100%;background:#c9dedf;color:#153d41;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.workflow-cover .eyebrow{color:inherit}.workflow-cover strong{font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.05em;font-weight:500}.workflow-nodes{display:flex;align-items:center;gap:12px;font-size:13px}.workflow-nodes span{border:1px solid currentColor;border-radius:30px;padding:5px 12px}.type-cover{height:100%;padding:30px;background:#313047;color:#e7dba9;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.type-cover strong{font-size:2.6rem;line-height:1.1}.type-cover .eyebrow{color:inherit}.case-study{padding-top:55px}.case-study h1{font-size:clamp(2.8rem,6vw,5.5rem);margin:20px 0}.case-role{font-size:18px}.demo{margin:35px 0}.video-frame{aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius);overflow:hidden}.video-frame iframe{height:100%;width:100%;border:0}.demo>img{max-width:100%;display:block}.demo figcaption{font-size:14px;margin-top:10px;color:var(--muted)}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:65px 0}.case-body h2{font-size:2rem;margin:15px 0 24px}.case-body ul{padding-left:20px;color:var(--muted)}.case-body li{margin-bottom:16px}.case-next{display:flex;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid var(--border)}.case-cover{max-width:800px;margin-top:35px}.case-cover .workflow-cover strong{font-size:5rem}
@media(max-width:900px){.visual-project{grid-column:span 3}.lead-project{grid-column:1/-1}.lead-project .visual-copy{padding:25px}.lead-project .project-cover{min-height:320px}.workflow-cover{padding:25px}.workflow-nodes{flex-wrap:wrap}}
@media(max-width:768px){.visual-gallery{grid-template-columns:1fr;gap:35px}.visual-project,.featured-project,.lead-project{grid-column:1;display:block}.lead-project .project-cover{aspect-ratio:16/10;min-height:0}.project-cover{aspect-ratio:16/11}.workflow-cover strong{font-size:2.8rem}.case-body{grid-template-columns:1fr;gap:35px;margin:40px 0}.case-next{flex-direction:column}.case-cover .workflow-cover strong{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.project-cover img{transition:none}.project-cover:hover img{transform:none}}