:root{--bg:var(--wp--preset--color--base,#0b1218);--panel:var(--wp--preset--color--panel,#10191f);--line:var(--wp--preset--color--line,#253038);--text:var(--wp--preset--color--contrast,#e7ecef);--muted:var(--wp--preset--color--muted,#94a0ae);--green:var(--wp--preset--color--accent,#58df8c)}
body{background:var(--bg);color:var(--text)}.wp-site-blocks{padding:0}.wp-site-blocks>.wp-block-group{margin-block-start:0}.stage-frame,.landing-frame .landing,.editor{background:var(--bg)}.stage-frame,.topbar,.statusbar,.profile,.activity,.project-card,.repo{border-color:var(--line)}.topbar.wp-block-group{margin:0;gap:20px}.topbar .brand{margin:0;flex:none}.brand a{color:var(--text);text-decoration:none}.topbar .wp-block-navigation{font-size:13px;color:var(--text);margin:0;gap:30px}.topbar .wp-block-navigation a{color:inherit}.stage-frame>.wp-block-template-part{flex:none}.stage-frame>.wp-block-fndev-hero{flex:1}.stage-frame .wp-block-buttons{gap:10px}.stage-frame .wp-block-button__link{border-radius:5px;font-size:14px}.section-label.wp-block-paragraph{display:flex}.statusbar p{margin:0}.studio-avatar{width:100px;height:100px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--green);font:bold italic 48px 'Segoe UI',sans-serif;margin:0}.profile .wp-block-heading{font-size:23px;margin:18px 0 0}.profile .wp-block-buttons{margin-top:30px}.profile .wp-block-button{width:100%}.profile .wp-block-button__link{width:100%}.profile .skill{margin:0}.profile .skills{gap:9px}.work-heading .wp-block-heading{font-size:32px;letter-spacing:-1px;margin:0}.work-heading .wp-block-heading span{color:var(--muted)}.work-heading p{margin:0;color:var(--muted)}.work-content .wp-block-fndev-projects{flex:1}.fndev-projects .project-grid{grid-template-columns:repeat(var(--project-columns,3),minmax(0,1fr));align-content:start}.activity{width:100%;margin-top:25px}.contact-page .wp-block-heading:first-of-type{font-size:42px;line-height:1.1}.contact-page h3{margin-top:22px;margin-bottom:8px}.contact-page p{margin-top:8px}.contact-page .wp-block-buttons{margin:28px 0}.studio-footer{padding:25px 35px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.studio-document{padding:45px 28px 70px;min-height:70svh}.studio-document img{max-width:100%;height:auto}.studio-document .wp-block-post-content>*{margin-block-start:20px}.studio-document .wp-block-post-template{display:grid;gap:35px;list-style:none;padding:0}.studio-document .wp-block-post-title{margin-bottom:15px}.studio-document .wp-block-post-content p{color:var(--muted)}
.fndev-hero .landing-grid{grid-template-columns:minmax(0,var(--hero-left,63%)) minmax(0,1fr);gap:12px}.fndev-hero .reference-title text{font-family:var(--hero-font,Impact,sans-serif);font-size:var(--hero-size,162px);letter-spacing:var(--hero-track,4px);fill:var(--hero-rest,#48535b)}.fndev-hero .reference-title .letter{fill:var(--hero-rest,#48535b)}.fndev-hero .reference-title .letter.is-highlighted{fill:var(--hero-accent,var(--green))}.fndev-hero[data-hover=true] .reference-title .letter:hover,.fndev-hero[data-hover=true] .reference-title .letter.lit{fill:var(--hero-accent,var(--green))}.fndev-hero[data-hover=false] .reference-title .letter:hover{fill:var(--hero-rest,#48535b)}.fndev-hero .editor{background:var(--code-bg,var(--bg));border-color:var(--code-border,var(--line));overflow:hidden;min-width:0}.fndev-hero .editor-code{white-space:normal;overflow-wrap:anywhere}.fndev-hero .code-line>span:last-child{min-width:0}.fndev-hero .mint{color:var(--hero-accent,var(--green))}.fndev-hero .btn.primary{background:var(--hero-accent,var(--green));border-color:var(--hero-accent,var(--green))}.fndev-hero.layout-left .hero-copy{order:2}.fndev-hero.layout-left .editor{order:1}.fndev-hero.layout-below .landing-grid,.fndev-hero.no-code .landing-grid{grid-template-columns:1fr}.fndev-hero.layout-below .editor{max-width:600px}.fndev-hero .lead{white-space:normal}.cue-static .scroll-mouse span,.cue-static svg,.fndev-motion-off .scroll-mouse span,.fndev-motion-off .scroll-cue svg{animation:none!important}.fndev-no-motion .stage-frame{transform:none!important;opacity:1!important}.scroll-progress{background:var(--green);box-shadow:none}.scroll-mouse span,.dot{background:var(--green)}.section-navigation a[aria-current] i{background:var(--green)}.filters .filter[aria-pressed=true]{border-color:var(--green);color:var(--green)}.project-card{background:var(--panel)}.studio-document a{color:var(--green)}
@media(max-width:1000px){.topbar .wp-block-navigation{gap:20px}.fndev-projects .project-grid{grid-template-columns:repeat(min(var(--project-columns,3),2),minmax(0,1fr))}}@media(max-width:760px){.fndev-hero .landing-grid,.fndev-hero.layout-left .landing-grid{grid-template-columns:1fr}.fndev-hero.layout-left .hero-copy{order:0}.fndev-hero.layout-left .editor{order:1}.fndev-projects .project-grid{grid-template-columns:1fr}.profile .wp-block-buttons{grid-column:1/-1;margin-top:15px}.studio-avatar{width:65px;height:65px;font-size:33px;grid-row:1/3}.profile .wp-block-heading{margin-top:0}.contact-page .wp-block-heading:first-of-type{font-size:32px}.topbar .wp-block-navigation__responsive-container.is-menu-open{background:var(--bg);color:var(--text);padding:30px}.topbar .wp-block-navigation{gap:15px}.work-heading .wp-block-heading{font-size:28px}.studio-footer{padding:20px}.fndev-hero .editor{width:100%}}
@media(prefers-reduced-motion:reduce){.fndev-hero .reference-title .letter{transition:none}}

.fndev-hero .reference-title text{font-family:var(--hero-font,Anton,sans-serif);font-weight:400;font-synthesis:none}

.fndev-hero[data-hover=false] .reference-title .letter.is-highlighted:hover{fill:var(--hero-accent,var(--green))}

/* FNdev wordmark and refined project interactions. */
.brand{font-family:Consolas,'Courier New',monospace;font-weight:700;letter-spacing:-1.1px;white-space:nowrap}.brand span{font-family:inherit;margin:0}.brand .logo-bracket{color:var(--green)}.brand .logo-dev{color:inherit;font-weight:400}
.project-card{position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.project-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#58df8c10,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.project-card:hover,.project-card:focus-within{transform:translateY(-6px);border-color:#4c8765;box-shadow:0 18px 35px #0004}.project-card:hover:before,.project-card:focus-within:before{opacity:1}.project-card>a{display:block;overflow:hidden;border-radius:5px}.project-card .thumb,.project-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.project-card:hover .thumb,.project-card:hover img{transform:scale(1.035)}.project-body h2{transition:color .25s}.project-card:hover h2,.project-card:focus-within h2{color:var(--green)}.repo{transition:color .25s;position:relative}.project-card:hover .repo{color:var(--green)}
.stage.is-current .project-card{animation:project-enter .65s cubic-bezier(.2,.7,.2,1) backwards}.stage.is-current .project-card:nth-child(2){animation-delay:.09s}.stage.is-current .project-card:nth-child(3){animation-delay:.18s}.stage.is-current .project-card:nth-child(n+4){animation-delay:.24s}@keyframes project-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card .thumb,.project-card img,.project-body h2,.repo{transition:none!important}.stage.is-current .project-card{animation:none!important}.project-card:hover,.project-card:focus-within,.project-card:hover .thumb,.project-card:hover img{transform:none}}

.fndev-hero .landing-grid{margin-top:var(--eyebrow-gap,40px)}

/* Editable neutral code window; no decorative traffic-light controls. */
.editor-bar.neutral-bar{display:flex;justify-content:space-between;gap:15px;background:var(--code-header-bg,transparent);color:var(--code-header-text,var(--muted))}.neutral-bar .editor-tab{align-self:center;border:0;padding:0;background:transparent;color:inherit}.neutral-bar .editor-tab span{color:inherit}.window-symbol{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none;opacity:.8}.fndev-hero .editor .editor-code{font-size:var(--code-size,14px);font-family:var(--code-font,Consolas,monospace);color:var(--code-text,var(--text))}.fndev-hero .editor .mint{color:var(--code-value,var(--hero-accent,var(--green)))}.fndev-hero .editor .blue{color:var(--code-keyword,#2bb9ed)}.fndev-hero .editor .line-number{color:var(--code-number,#52606c)}.fndev-hero .editor.no-line-numbers .line-number{display:none}.fndev-hero .editor .editor-code{overflow-x:auto}.fndev-hero .editor .code-line{min-width:0}.fndev-hero .editor .code-line>span:last-child{overflow-wrap:anywhere;white-space:pre-wrap}