.fcw-page,.fcw-visibility{--ink:#050505;--green:#0b8f63;--text-green:#22b783;--paper:#f5f7f6;--muted:#a6ada9;--rule:#2a302c;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.7;letter-spacing:-.015em}
.fcw-page{margin:0}.fcw-page *,.fcw-visibility *{box-sizing:border-box}.fcw-page a,.fcw-visibility a{color:inherit;text-decoration:none}.fcw-page a:focus-visible,.fcw-visibility a:focus-visible,.fcw-page video:focus-visible{outline:3px solid var(--text-green);outline-offset:5px}.fcw-page a:hover,.fcw-visibility a:hover{color:var(--text-green)}
.fcw-page .site-header,.fcw-page main,.fcw-page .site-footer,.fcw-visibility>.section{width:min(1200px,calc(100% - 112px));margin-inline:auto}.fcw-page .site-header{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:36px;border-bottom:1px solid var(--rule)}.fcw-page .wordmark{font-family:'Inter Tight',Inter,sans-serif;font-size:31px;font-weight:700;letter-spacing:-.07em;display:inline-flex;align-items:center;gap:8px;line-height:1}.fcw-page .brand-dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:19px}.fcw-page .site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.fcw-page .site-header nav a{display:flex;align-items:center;min-height:44px}.fcw-page .contact-link{margin-left:28px;gap:24px}.fcw-page .eyebrow,.fcw-visibility .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-green);line-height:1.7;margin:0 0 24px}.fcw-page .hero{padding:100px 0 96px}.fcw-page h1,.fcw-page h2,.fcw-visibility h2,.fcw-page .product-thesis{font-family:'Inter Tight',Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.05;margin:0}.fcw-page h1{font-size:clamp(54px,6.6vw,88px)}.fcw-page h2,.fcw-visibility h2{font-size:clamp(36px,4.5vw,56px)}.fcw-page .muted,.fcw-visibility .muted{color:var(--muted)}.fcw-page .lead,.fcw-visibility .lead{font-size:19px;color:#bcc4bf;line-height:1.75;max-width:690px;margin:32px 0 0}.fcw-page .section,.fcw-visibility .section{padding-block:80px;border-top:1px solid var(--rule)}.fcw-page .split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.fcw-page .prose{color:#bcc4bf;max-width:570px}.fcw-page .prose p{margin:0 0 24px}.fcw-page .prose p:last-child{margin-bottom:0}.fcw-page .prose a{color:var(--text-green);text-decoration:underline;text-underline-offset:5px}.fcw-page .product-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:start;gap:90px;padding-top:72px}.fcw-page .product-hero h1,.fcw-page .imece-hero h1{font-size:clamp(80px,9vw,128px);letter-spacing:-.065em}.fcw-page .product-thesis{font-size:clamp(34px,3.4vw,46px);margin-top:24px}.fcw-page .product-hero .lead{font-size:17px;max-width:530px}.fcw-page .small-note{font-size:12px;color:var(--muted);margin-top:32px;max-width:530px}.fcw-page .text-link{color:var(--text-green);display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-top:30px;font-size:14px}.fcw-page .film{margin:0;min-width:0}.fcw-page .film video{display:block;width:100%;height:auto;background:#0b0c0c;border:1px solid var(--rule);border-radius:8px}.fcw-page .film figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.fcw-page .section-heading{margin-bottom:48px}.fcw-page .section-heading .eyebrow{margin-bottom:18px}.fcw-page .rhythm{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.fcw-page .rhythm article{border-top:1px solid #46514b;padding-top:24px}.fcw-page .rhythm h3,.fcw-visibility h3{font-size:22px;font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:0 0 16px}.fcw-page .rhythm p:not(.eyebrow){color:#bcc4bf;font-size:15px;margin:0}.fcw-page .rhythm .eyebrow{margin-bottom:16px}.fcw-page .secondary-film{align-items:center}.fcw-page .secondary-film .film{max-width:390px;justify-self:end}.fcw-page .closing{padding-bottom:100px}.fcw-page .button{display:inline-flex;align-items:center;gap:40px;background:var(--green);color:white;min-height:52px;padding:14px 24px;border-radius:4px;margin-top:32px;font-size:14px;font-weight:500}.fcw-page .button:hover{background:#08764f;color:white}.fcw-page .workflow{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-block:1px solid var(--rule);padding:26px 0;margin-top:60px;font-family:'JetBrains Mono',monospace;font-size:14px}.fcw-page .workflow span:nth-child(even){color:var(--text-green)}.fcw-page .imece-hero{padding-bottom:60px}.fcw-page .site-footer{border-top:1px solid var(--rule);padding:44px 0 56px;display:flex;align-items:center;gap:32px;color:var(--muted);font-size:12px}.fcw-page .site-footer .wordmark{color:var(--paper);font-size:24px}.fcw-page .site-footer .brand-dot{width:6px;height:6px;margin-top:14px}.fcw-page .site-footer p{margin:0}.fcw-page .site-footer nav{display:flex;gap:20px;margin-left:auto}.fcw-page .site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.fcw-page .skip-link{position:fixed;left:16px;top:-100px;z-index:999;padding:12px 20px;background:var(--paper);color:var(--ink)}.fcw-page .skip-link:focus{top:16px}.fcw-visibility .section{border-top:0;padding-bottom:90px}.fcw-visibility{position:relative;isolation:isolate}.fcw-visibility .product-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}.fcw-visibility .product-links>a{display:block;border-top:1px solid var(--rule);padding-top:24px;min-height:170px}.fcw-visibility .product-links h3{display:flex;justify-content:space-between;gap:16px}.fcw-visibility .product-links .eyebrow{display:block;margin-bottom:14px}.fcw-visibility .product-links p{font-size:14px;color:var(--muted);margin:0;max-width:290px}
@media(max-width:900px){.fcw-page .site-header,.fcw-page main,.fcw-page .site-footer,.fcw-visibility>.section{width:calc(100% - 64px)}.fcw-page .product-hero{gap:40px;grid-template-columns:1.1fr .9fr}.fcw-page .split{gap:40px}.fcw-page .site-footer{flex-wrap:wrap}.fcw-page .site-footer nav{margin-left:0}.fcw-page .contact-link{margin-left:0}.fcw-page .hero{padding-block:72px}.fcw-page .rhythm{gap:28px}.fcw-visibility .product-links{gap:24px}}
@media(max-width:620px){.fcw-page .site-header,.fcw-page main,.fcw-page .site-footer,.fcw-visibility>.section{width:calc(100% - 40px)}.fcw-page .site-header{min-height:100px;flex-wrap:wrap;gap:16px;padding-block:20px}.fcw-page .site-header nav{gap:18px;font-size:12px;flex-wrap:wrap}.fcw-page .site-header .wordmark{font-size:27px}.fcw-page .contact-link{display:none!important}.fcw-page .hero{padding-block:56px}.fcw-page h1{font-size:clamp(44px,11vw,64px)}.fcw-page .lead,.fcw-visibility .lead{font-size:16px;margin-top:24px}.fcw-page .product-hero{display:flex;flex-direction:column;gap:40px}.fcw-page .product-hero h1,.fcw-page .imece-hero h1{font-size:84px}.fcw-page .product-thesis{font-size:36px}.fcw-page .product-hero .film{width:min(100%,380px);align-self:center}.fcw-page .section,.fcw-visibility .section{padding-block:48px}.fcw-page .split{grid-template-columns:1fr;gap:28px}.fcw-page .rhythm,.fcw-visibility .product-links{grid-template-columns:1fr;gap:28px}.fcw-page .section-heading{margin-bottom:32px}.fcw-page .prose{font-size:15px}.fcw-page .secondary-film .film{justify-self:center}.fcw-page .workflow{gap:12px;font-size:12px;margin-top:36px}.fcw-page .site-footer{gap:18px;padding-block:32px}.fcw-page .site-footer>p{flex-basis:calc(100% - 86px)}.fcw-page .site-footer nav{width:100%}.fcw-visibility .product-links{margin-top:40px}.fcw-visibility .product-links>a{min-height:120px}.fcw-visibility h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.fcw-page *, .fcw-visibility *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.fcw-page .fcw-logo{display:block;width:118px;height:auto}.fcw-page .site-footer .fcw-logo{width:82px}.fcw-page .imece-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
@media(max-width:620px){.fcw-page .imece-films{grid-template-columns:1fr;gap:36px}.fcw-page .imece-films .film{width:min(100%,380px);justify-self:center}.fcw-page .site-header .fcw-logo{width:96px}}




/* Share the original FCW shell and system typography. Product composition stays distinct. */
.fcw-page,.fcw-visibility{--ink:#fff;--paper:#111827;--muted:#64748b;--rule:#e5e7eb;--green:#0b8f63;--text-green:#087a54;--surface:#f7faf9;--header:rgba(255,255,255,.95);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal}
html.dark .fcw-page,html.dark .fcw-visibility{--ink:#050505;--paper:#f5f7f6;--muted:#a6ada9;--rule:#20282b;--text-green:#22b783;--surface:#0c1112;--header:rgba(5,5,5,.95)}
.fcw-page{padding-top:80px;background:var(--ink);color:var(--paper)}
.fcw-page .site-header{position:fixed;top:0;left:0;z-index:50;width:100%;margin:0;min-height:80px;padding:0;display:block;border-bottom:1px solid var(--rule);background:var(--header);backdrop-filter:blur(12px)}
.fcw-page .header-inner{max-width:1400px;min-height:80px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.fcw-page .wordmark{font:700 18px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;gap:12px}
.fcw-page .logo-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fcw-page .logo-box img{width:48px;height:auto;object-fit:contain}
.fcw-page .logo-light{display:none}.fcw-page .logo-dark{display:block}html.dark .fcw-page .logo-light{display:block}html.dark .fcw-page .logo-dark{display:none}
.fcw-page .site-header .main-nav{display:flex;gap:32px;font-size:16px}.fcw-page .site-header .main-nav a{min-height:32px}
.fcw-page button{font:inherit;cursor:pointer;color:var(--text-green)}.fcw-page .header-actions{display:flex;align-items:center;gap:16px}
.fcw-page .theme-toggle,.fcw-page .menu-toggle{width:40px;height:40px;border:0;background:transparent;border-radius:10px;font-size:23px;display:inline-flex;align-items:center;justify-content:center}
.fcw-page .theme-toggle:hover,.fcw-page .menu-toggle:hover{background:color-mix(in srgb,var(--green) 10%,transparent)}
.fcw-page .menu-toggle{display:none}.fcw-page button:focus-visible,.fcw-page summary:focus-visible{outline:3px solid var(--text-green);outline-offset:4px}
.fcw-page .mobile-nav{padding:16px 24px;flex-direction:column;border-top:1px solid var(--rule);gap:8px!important;font-size:16px!important;max-height:calc(100dvh - 80px);overflow:auto}
.fcw-page [hidden]{display:none!important}
.fcw-page main,.fcw-visibility>.section{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.fcw-page .product-nav{width:min(1200px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;gap:28px;min-height:56px;font-size:14px;border-bottom:1px solid var(--rule)}
.fcw-page .product-nav a{padding:16px 0}.fcw-page .product-nav [aria-current=page]{color:var(--text-green);box-shadow:inset 0 -2px var(--text-green)}
.fcw-page h1,.fcw-page h2,.fcw-page .product-thesis,.fcw-visibility h2{font-family:inherit;font-weight:700;letter-spacing:-.025em}
.fcw-page .hero{position:relative;isolation:isolate;padding-block:80px}.fcw-page .hero::before{content:"";position:absolute;z-index:-1;inset:0 -24px;background:radial-gradient(ellipse at 35% 40%,rgba(11,143,99,.07),transparent 70%);mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);pointer-events:none}
.fcw-page h1{font-size:clamp(48px,6vw,72px)}.fcw-page .product-hero h1,.fcw-page .imece-hero h1{font-size:clamp(84px,9vw,112px);letter-spacing:-.035em}
.fcw-page h2,.fcw-visibility h2{font-size:clamp(36px,4vw,48px);line-height:1.12}.fcw-page .product-thesis{font-size:clamp(32px,3.4vw,44px);line-height:1.14}
.fcw-page .accent{color:var(--text-green)}.fcw-page .lead,.fcw-page .prose,.fcw-page .rhythm p:not(.eyebrow),.fcw-visibility .lead{color:var(--muted)}
.fcw-page .product-hero{gap:64px;grid-template-columns:1.2fr .8fr}.fcw-page .split{gap:64px}.fcw-page .product-hero .lead{font-size:18px}
.fcw-page .eyebrow{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em}.fcw-page .small-note{font-size:13px;line-height:1.65}
.fcw-page .rhythm h3,.fcw-visibility h3{font-weight:600;letter-spacing:-.02em}.fcw-page .rhythm article{border-top-color:var(--rule)}
.fcw-page .button{border-radius:10px}.fcw-page .film video{border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.07)}
.fcw-page .conversation-example{max-width:820px;border:1px solid var(--rule);border-radius:16px;background:var(--surface);padding:32px}
.fcw-page .example-label{font-size:12px;color:var(--muted);margin:0 0 24px}.fcw-page blockquote{font-size:24px;font-weight:500;line-height:1.5;margin:0 0 24px;max-width:660px}
.fcw-page .example-response{margin:0;color:var(--muted);max-width:650px}.fcw-page .example-response span{display:block;color:var(--text-green);font-size:12px;font-weight:700;margin-bottom:8px}
.fcw-page .site-footer{width:100%;margin:0;padding:64px 0;display:block;border-top:1px solid var(--rule);background:linear-gradient(125deg,rgba(11,143,99,.035),transparent);font-size:16px;color:var(--muted)}
.fcw-page .footer-inner{max-width:1400px;margin:auto;padding-inline:24px}.fcw-page .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:48px}
.fcw-page .footer-brand{max-width:640px}.fcw-page .footer-brand .wordmark{color:var(--paper);margin-bottom:24px}.fcw-page .footer-brand p{margin:0 0 24px;line-height:1.65}
.fcw-page .footer-brand .footer-slogan{font-size:18px;font-weight:500;color:var(--text-green);margin-bottom:16px}.fcw-page .footer-email{font-size:14px}
.fcw-page .site-footer nav{display:block;margin:0}.fcw-page .site-footer nav h2{font-size:16px;letter-spacing:normal;line-height:1.5;color:var(--paper);margin:0 0 16px;font-weight:600}
.fcw-page .site-footer nav a{display:block;min-height:0;font-size:14px;padding:4px 0}
.fcw-page .footer-social{display:flex;justify-content:center;gap:32px;font-size:14px;margin-bottom:32px}.fcw-page .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid var(--rule);padding-top:32px;font-size:14px}.fcw-page .footer-bottom p{margin:0}.fcw-page .footer-bottom div{display:flex;gap:24px}
@media(max-width:900px){.fcw-page .product-hero,.fcw-page .split{gap:40px}}
@media(max-width:767px){.fcw-page .site-header .main-nav{display:none}.fcw-page .menu-toggle{display:inline-flex}.fcw-page .header-inner{gap:16px}.fcw-page .footer-grid{grid-template-columns:1fr 1fr}.fcw-page .footer-brand{grid-column:1/-1}.fcw-page .site-footer .logo-box img{width:48px}.fcw-page .site-footer{padding-block:48px}}
@media(max-width:620px){.fcw-page .hero{padding-block:48px}.fcw-page .product-hero{gap:36px}.fcw-page .product-thesis{font-size:32px}.fcw-page .product-hero .lead{font-size:17px}.fcw-page .split{gap:28px}.fcw-page .conversation-example{padding:24px}.fcw-page blockquote{font-size:20px}.fcw-page .footer-bottom{display:block}.fcw-page .footer-bottom div{margin-top:16px;flex-wrap:wrap}.fcw-page .site-footer .wordmark{font-size:18px}}
@keyframes fcw-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.fcw-page .hero>div:first-child,.fcw-page .imece-hero>h1,.fcw-page .about-hero>h1{animation:fcw-enter .45s ease-out both}.fcw-page .button,.fcw-page .text-link{transition:background-color .18s ease,color .18s ease}}
/* Product compositions (KORA, Imece). Static presentation; every sentence stays in the HTML flow. */
.fcw-page h1,.fcw-page h2,.fcw-page h3{text-wrap:balance}.fcw-page .prose p{text-wrap:pretty}
.fcw-page .prose>p:first-child{color:var(--paper);font-size:18px;line-height:1.65}
.fcw-page .prose>p.boundary-note{padding:16px 20px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);color:var(--paper);font-size:15px}
.fcw-page .split.has-figure{row-gap:44px}.fcw-page .split>.flow-figure{grid-column:1/-1}
.fcw-page .flow-figure{margin:0;padding:32px;border:1px solid var(--rule);border-radius:16px;background:var(--surface);min-width:0;overflow-wrap:break-word}
.fcw-page .flow-figure figcaption{margin:28px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.fcw-page .flow-figure ul,.fcw-page .flow-steps{list-style:none;margin:0;padding:0}
.fcw-page .flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:step}.fcw-page .flow-steps.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fcw-page .flow-steps>li{position:relative;counter-increment:step;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding-right:32px}
.fcw-page .flow-steps>li+li{padding-left:32px;border-left:1px solid var(--rule)}
.fcw-page .flow-steps>li::before{content:counter(step);width:28px;height:28px;border:1.5px solid var(--green);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-green)}
.fcw-page .flow-steps>li+li::after{content:"→";content:"→"/"";position:absolute;left:-12px;top:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-green);font-size:16px}
.fcw-page .flow-steps strong{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--paper)}
.fcw-page .flow-steps li>span{font-size:15px;line-height:1.6;color:var(--muted)}
.fcw-page .flow-steps ul{width:100%}.fcw-page .flow-steps ul li{padding:8px 0;font-size:15px;line-height:1.5;color:var(--muted)}.fcw-page .flow-steps ul li+li{border-top:1px solid var(--rule)}.fcw-page .flow-steps ul li:first-child{padding-top:0}.fcw-page .flow-steps ul li b{display:block;font-weight:600;color:var(--paper)}
.fcw-page .clarity-example{max-width:none}
.fcw-page .clarity-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px;align-items:stretch}
.fcw-page .clarity-grid blockquote{max-width:none;margin:0;padding:24px;border:1px dashed var(--rule);border-radius:12px;font-size:22px}
.fcw-page .clarity-grid .example-response{max-width:none;margin:0;padding:24px;border:1.5px solid var(--green);border-radius:12px;background:var(--ink);color:var(--paper);font-size:18px;line-height:1.55}
.fcw-page .clarity-marker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:var(--text-green)}
.fcw-page .marker-time{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1}.fcw-page .marker-label{max-width:110px;font-size:12px;font-weight:600;line-height:1.4;color:var(--muted)}
.fcw-page .clarity-marker::after{content:"→";content:"→"/"";font-size:22px}
.fcw-page .rhythm.day-thread{position:relative;gap:0}
.fcw-page .rhythm.day-thread::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:color-mix(in srgb,var(--green) 45%,var(--rule))}
.fcw-page .rhythm.day-thread article{position:relative;border-top:0;padding:40px 32px 0 0}
.fcw-page .rhythm.day-thread article::before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:2px solid var(--green);border-radius:50%;background:var(--ink)}
.fcw-page .process-figure{margin-top:56px}
.fcw-page .workflow.process-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;list-style:none;font-family:inherit;font-size:20px;font-weight:600;letter-spacing:-.01em;counter-reset:step}
.fcw-page .process-flow>li{counter-increment:step;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding-top:14px;border-top:3px solid var(--green)}
.fcw-page .process-flow>li::before{content:counter(step,decimal-leading-zero);grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.fcw-page .process-flow>li>span[aria-hidden]{color:var(--text-green);font-weight:400}
.fcw-page .flow-return{position:relative;height:28px;margin:0 10% 0 70%;border:2px dashed var(--green);border-top:0;border-radius:0 0 14px 14px}
.fcw-page .flow-return::before{content:"↑";content:"↑"/"";position:absolute;left:-5px;top:-10px;font-size:14px;line-height:1;color:var(--text-green);background:var(--ink)}
.fcw-page .flow-return span{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);padding:0 8px;background:var(--ink);font-size:12px;font-weight:600;color:var(--text-green)}
.fcw-page .flow-gate{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;max-width:none;margin:28px 0 0;padding:16px 20px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);font-size:15px;color:var(--paper)}
.fcw-page .gate-label{font-size:13px;font-weight:700;color:var(--text-green)}
.fcw-page .context-map{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:start}
.fcw-page .ctx-col strong{display:block;margin-bottom:12px;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--paper)}
.fcw-page .ctx-col li{padding:8px 0;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}
.fcw-page .ctx-arrow{padding-top:2px;font-size:22px;color:var(--text-green)}
@media(min-width:768px) and (max-width:900px){.fcw-page .flow-steps.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.fcw-page .flow-steps.cols-4>li:nth-child(odd){padding-left:0;border-left:0}.fcw-page .flow-steps.cols-4>li:nth-child(odd)::after{display:none}}
@media(max-width:767px){
.fcw-page .flow-figure{padding:24px}
.fcw-page .flow-steps,.fcw-page .flow-steps.cols-4{grid-template-columns:1fr}
.fcw-page .flow-steps>li,.fcw-page .flow-steps>li+li{display:block;padding:0 0 28px 48px;border-left:0}.fcw-page .flow-steps>li:last-child{padding-bottom:0}
.fcw-page .flow-steps>li::before{position:absolute;left:0;top:0}
.fcw-page .flow-steps>li+li::after{content:none}
.fcw-page .flow-steps>li:not(:last-child)::after{content:"";position:absolute;display:block;left:13px;top:34px;bottom:6px;width:1.5px;height:auto;background:color-mix(in srgb,var(--green) 40%,var(--rule))}
.fcw-page .flow-steps strong,.fcw-page .flow-steps li>span{display:block}.fcw-page .flow-steps strong{margin-bottom:6px}
.fcw-page .clarity-grid{grid-template-columns:1fr;gap:16px}
.fcw-page .clarity-marker{flex-direction:row;gap:12px}.fcw-page .clarity-marker::after{content:"↓";content:"↓"/""}
.fcw-page .clarity-grid blockquote{font-size:20px}
.fcw-page .rhythm.day-thread::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
.fcw-page .rhythm.day-thread article{padding:0 0 0 40px;margin-bottom:32px}.fcw-page .rhythm.day-thread article:last-child{margin-bottom:0}.fcw-page .rhythm.day-thread article::before{top:4px}
.fcw-page .process-figure{margin-top:36px}
.fcw-page .workflow.process-flow{grid-template-columns:1fr;gap:0;font-size:18px}
.fcw-page .process-flow>li{padding:14px 0;border-top:1px solid var(--rule)}.fcw-page .process-flow>li:first-child{border-top:3px solid var(--green)}
.fcw-page .process-flow>li>span[aria-hidden]{transform:rotate(90deg)}
.fcw-page .flow-return{display:none}
.fcw-page .context-map{grid-template-columns:1fr;gap:16px}.fcw-page .ctx-arrow{justify-self:start;transform:rotate(90deg)}
}
/* Composition v2: layout variety, stage panels and purposeful motion. Every element is fully visible without animation. */
.fcw-page{--ease-out:cubic-bezier(.22,1,.36,1)}
.fcw-page .flow-figure{background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--green) 7%,transparent),transparent 60%),var(--surface)}
/* Short headings stay beside longer prose while it scrolls past. */
@media(min-width:900px){.fcw-page .split:not(.has-figure):not(.statement):not(.secondary-film)>div:first-child{position:sticky;top:112px;align-self:start}}
/* KORA hero: scattered marks settle into one line ending in one point. Final state is the static default. */
.fcw-page .product-hero .film{position:relative}
.fcw-page .product-hero .film::before{content:"";position:absolute;inset:-6% -10%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--green) 20%,transparent),transparent);filter:blur(28px);pointer-events:none}
.fcw-page .signal{grid-column:1/-1;display:flex;align-items:center;gap:6px;height:88px;margin-top:8px}
.fcw-page .signal i{flex:1;height:2px;border-radius:2px;background:color-mix(in srgb,var(--green) var(--g),var(--muted));opacity:calc(.45 + .55 * (1 - var(--k)));transform:translateY(calc(var(--dy) * var(--k) * .55)) rotate(calc(var(--rot) * var(--k) * .7)) scaleX(var(--sx))}
.fcw-page .signal b{flex:none;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 18%,transparent)}
/* Statement: heading across the page, first paragraph as a lead, the rest set asymmetrically. */
.fcw-page .split.statement{grid-template-columns:1fr;row-gap:40px}
.fcw-page .statement h2{font-size:clamp(40px,5vw,64px)}
.fcw-page .statement .prose{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.fcw-page .statement .prose>p:first-child{grid-column:1/-1;max-width:34ch;margin-bottom:40px;font-size:clamp(20px,2vw,26px);line-height:1.45;letter-spacing:-.01em}
.fcw-page .statement .prose>p:nth-child(2):last-child{grid-column:2;align-self:end}
.fcw-page .statement .prose:not(:has(>p:nth-child(3)))>p:first-child{grid-column:auto;margin-bottom:0}
.fcw-page .statement .prose>p{margin-bottom:0}
/* Clarity Mode: the tangled thought sits slightly off-axis, the response sits straight. */
.fcw-page .clarity .section-heading{max-width:760px}
.fcw-page .clarity-example{padding:48px;background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--green) 10%,transparent),transparent 60%),var(--surface)}
.fcw-page .clarity-grid blockquote{transform:rotate(-1.2deg);background:var(--ink)}
/* Imece process: a real ordered sequence, so the numbers carry meaning. */
.fcw-page .rhythm.step-list{grid-template-columns:1fr;gap:0;counter-reset:step}
.fcw-page .step-list article{counter-increment:step;display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:baseline;padding:36px 0;border-top:1px solid var(--rule)}
.fcw-page .step-list article:last-child{border-bottom:1px solid var(--rule)}
.fcw-page .step-list article::before{content:counter(step,decimal-leading-zero);font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text-green)}
.fcw-page .step-list h3{margin:0;font-size:26px}.fcw-page .rhythm.step-list p:not(.eyebrow){margin:0;font-size:17px;line-height:1.65}
/* Stage: a fixed dark panel for films in both themes, so the footage reads as footage. */
.fcw-page .section.stage{position:relative;isolation:isolate;margin-block:48px;padding:72px 56px;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#f5f7f6;background:radial-gradient(80% 120% at 0% 0%,rgba(34,183,131,.2),transparent 60%),#0a0f0d}
.fcw-page .stage h2,.fcw-page .stage h3{color:#f5f7f6}.fcw-page .stage .eyebrow,.fcw-page .stage .accent{color:#22b783}
.fcw-page .stage .lead,.fcw-page .stage figcaption{color:#a6ada9}
.fcw-page .stage .film video{border-color:rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.fcw-page .stage + .section{border-top:0}
@media(min-width:768px){.fcw-page .stage .imece-films .film:nth-child(2){margin-top:64px}}
/* Buttons and links: quiet, physical feedback. */
.fcw-page .button span,.fcw-page .text-link span{display:inline-block}
@media(max-width:767px){
.fcw-page .signal{gap:5px;height:64px}.fcw-page .signal i:nth-child(odd){display:none}
.fcw-page .statement h2{font-size:clamp(34px,9vw,44px)}
.fcw-page .statement .prose{grid-template-columns:1fr;row-gap:20px}.fcw-page .statement .prose>p:nth-child(2):last-child{grid-column:auto}.fcw-page .statement .prose>p:first-child{margin-bottom:8px}
.fcw-page .clarity-example{padding:24px}.fcw-page .clarity-grid blockquote{transform:none}
.fcw-page .step-list article{grid-template-columns:48px minmax(0,1fr);gap:8px 16px;padding:24px 0}.fcw-page .step-list article::before{font-size:28px;grid-row:span 2}.fcw-page .rhythm.step-list p:not(.eyebrow){grid-column:2}.fcw-page .step-list h3{font-size:22px}
.fcw-page .section.stage{margin-block:32px;padding:48px 20px;border-radius:18px}
}
@media(prefers-reduced-motion:no-preference){
@keyframes fcw-settle{from{transform:translateY(var(--dy)) rotate(var(--rot)) scaleX(1);opacity:.15}}
@keyframes fcw-arrive{from{transform:scale(.4);opacity:0}}
.fcw-page .signal i{animation:fcw-settle 1.6s var(--ease-out) both;animation-delay:calc(.35s + var(--i) * 28ms)}
.fcw-page .signal b{animation:fcw-arrive .5s var(--ease-out) 1.6s both}
@keyframes fcw-fill-x{from{transform:scaleX(0)}}
@keyframes fcw-fade{from{opacity:0;transform:translateY(-4px)}}
@media(min-width:768px){
.fcw-page .process-flow>li{position:relative;border-top-color:var(--rule)}
.fcw-page .process-flow>li::after{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--green);transform-origin:left;animation:fcw-fill-x .5s var(--ease-out) both}
.fcw-page .process-flow>li:nth-child(1)::after{animation-delay:.35s}.fcw-page .process-flow>li:nth-child(2)::after{animation-delay:.5s}.fcw-page .process-flow>li:nth-child(3)::after{animation-delay:.65s}.fcw-page .process-flow>li:nth-child(4)::after{animation-delay:.8s}.fcw-page .process-flow>li:nth-child(5)::after{animation-delay:.95s}
.fcw-page .flow-return{animation:fcw-fade .5s var(--ease-out) 1.35s both}.fcw-page .flow-gate{animation:fcw-fade .5s var(--ease-out) 1.55s both}
}
.fcw-page .button{transition:background-color .18s ease,transform .16s var(--ease-out)}.fcw-page .button:active{transform:scale(.97)}
.fcw-page .button span,.fcw-page .text-link span{transition:transform .2s var(--ease-out)}
.fcw-page .button:hover span{transform:translate(2px,-2px)}.fcw-page .text-link:hover span{transform:translateY(3px)}
/* Scroll-linked reveals where sequence carries meaning. Unsupported browsers show the static layout. */
@supports (animation-timeline:view()){
@keyframes fcw-rise{from{opacity:0;transform:translateY(28px)}}
@keyframes fcw-light{to{background:var(--green)}}
@keyframes fcw-draw-y{from{transform:scaleY(0)}}
.fcw-page .flow-steps{view-timeline:--steps}
.fcw-page .flow-steps>li{animation:fcw-rise var(--ease-out) both;animation-timeline:--steps}
.fcw-page .flow-steps>li:nth-child(1){animation-range:cover 5% cover 22%}.fcw-page .flow-steps>li:nth-child(2){animation-range:cover 11% cover 28%}.fcw-page .flow-steps>li:nth-child(3){animation-range:cover 17% cover 34%}.fcw-page .flow-steps>li:nth-child(4){animation-range:cover 23% cover 40%}
.fcw-page .context-map{view-timeline:--ctx}
.fcw-page .context-map>*{animation:fcw-rise var(--ease-out) both;animation-timeline:--ctx}
.fcw-page .context-map>:nth-child(1){animation-range:cover 5% cover 22%}.fcw-page .context-map>:nth-child(2),.fcw-page .context-map>:nth-child(3){animation-range:cover 11% cover 28%}.fcw-page .context-map>:nth-child(4),.fcw-page .context-map>:nth-child(5){animation-range:cover 17% cover 34%}
.fcw-page .clarity-grid{view-timeline:--clarity}
.fcw-page .clarity-grid>*{animation:fcw-rise var(--ease-out) both;animation-timeline:--clarity}
.fcw-page .clarity-grid blockquote{animation-name:none}
.fcw-page .clarity-grid>:nth-child(2){animation-range:cover 12% cover 28%}.fcw-page .clarity-grid>:nth-child(3){animation-range:cover 20% cover 36%}
.fcw-page .rhythm.day-thread{view-timeline:--day}
.fcw-page .rhythm.day-thread::before{transform-origin:left;animation:fcw-fill-x linear both;animation-timeline:--day;animation-range:cover 15% cover 45%}
.fcw-page .rhythm.day-thread article::before{animation:fcw-light linear both;animation-timeline:--day}
.fcw-page .rhythm.day-thread article:nth-child(1)::before{animation-range:cover 15% cover 17%}.fcw-page .rhythm.day-thread article:nth-child(2)::before{animation-range:cover 29% cover 31%}.fcw-page .rhythm.day-thread article:nth-child(3)::before{animation-range:cover 43% cover 45%}
.fcw-page .step-list article{animation:fcw-rise var(--ease-out) both;animation-timeline:view();animation-range:entry 0% entry 80%}
.fcw-page .stage .film{animation:fcw-rise var(--ease-out) both;animation-timeline:view();animation-range:entry 0% entry 60%}
.fcw-page .signal i{animation-delay:0s;animation-timeline:view();animation-range:entry calc(10% + var(--i) * 1%) cover calc(32% + var(--i) * .6%)}
.fcw-page .signal b{animation-delay:0s;animation-timeline:view();animation-range:cover 42% cover 48%}
@media(max-width:767px){.fcw-page .rhythm.day-thread::before{transform-origin:top;animation-name:fcw-draw-y;animation-range:cover 10% cover 60%}.fcw-page .rhythm.day-thread article:nth-child(1)::before{animation-range:cover 10% cover 12%}.fcw-page .rhythm.day-thread article:nth-child(2)::before{animation-range:cover 33% cover 35%}.fcw-page .rhythm.day-thread article:nth-child(3)::before{animation-range:cover 56% cover 58%}}
}
}
/* Imece hero on wide screens: copy on the left, the production sequence as a vertical figure on the right. */
@media(min-width:1024px){
.fcw-page .imece-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:72px;align-items:start}
.fcw-page .imece-hero>:not(.process-figure){grid-column:1}
.fcw-page .imece-hero>.process-figure{grid-column:2;grid-row:1/span 5;align-self:center;position:relative;margin:0;padding:32px;border:1px solid var(--rule);border-radius:16px;background:radial-gradient(80% 90% at 100% 0%,color-mix(in srgb,var(--green) 9%,transparent),transparent 60%),var(--surface)}
.fcw-page .imece-hero .workflow.process-flow{grid-template-columns:1fr;gap:0;font-size:22px}
.fcw-page .imece-hero .process-flow>li{position:relative;height:64px;padding:0 0 0 22px;border-top:0;border-left:3px solid var(--green);grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:8px}
.fcw-page .imece-hero .process-flow>li::before{grid-column:auto}
.fcw-page .imece-hero .process-flow>li>span[aria-hidden]{display:none}
.fcw-page .imece-hero .flow-return{position:absolute;right:auto;left:236px;top:calc(32px + 3 * 64px + 32px);width:36px;height:64px;margin:0;border:2px dashed var(--green);border-left:0;border-radius:0 16px 16px 0}
.fcw-page .imece-hero .flow-return::before{content:"←";content:"←"/"";left:-10px;top:-11px;font-size:16px;background:var(--surface)}
.fcw-page .imece-hero .flow-return span{left:calc(100% + 10px);right:auto;transform:translateY(-50%);bottom:auto;top:50%;transform:translateY(-50%);background:var(--surface)}
.fcw-page .imece-hero .flow-gate{margin-top:24px;background:var(--ink)}
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
@keyframes fcw-fill-y{from{transform:scaleY(0)}}
.fcw-page .imece-hero .process-flow>li{border-left-color:var(--rule)}
.fcw-page .imece-hero .process-flow>li::after{left:-3px;right:auto;top:0;bottom:0;width:3px;height:auto;transform-origin:top;animation-name:fcw-fill-y}
}
/* KORA film: the full-width explainer directly after the hero. */
.fcw-page .film-feature .section-heading{max-width:760px}
.fcw-page .film-feature .film video{width:100%;border-radius:14px}
.fcw-page .film-feature .film figcaption{margin-top:14px}

/* Product navigation: shares the existing header type and color tokens. */
.fcw-products{position:relative;display:inline-flex;align-items:center}
.fcw-products summary{cursor:pointer;list-style:none;white-space:nowrap}
.fcw-products summary::-webkit-details-marker{display:none}
.fcw-products summary::after{content:"⌄";margin-left:6px;font-size:.8em}
.fcw-products[open] summary::after{content:"⌃"}
.fcw-products-menu{position:absolute;top:calc(100% + 12px);left:0;z-index:60;min-width:160px;padding:8px;border:1px solid var(--rule,#e5e7eb);border-radius:10px;background:var(--header,#fff);box-shadow:0 12px 32px rgba(0,0,0,.12);display:grid;gap:2px}
.fcw-products-menu a{display:block;padding:10px 12px;border-radius:6px;white-space:nowrap}
.fcw-products-menu a:hover,.fcw-products-menu a:focus-visible{background:color-mix(in srgb,var(--green,#0b8f63) 10%,transparent)}
.fcw-products summary:focus-visible,.fcw-products-menu a:focus-visible,.fcw-language a:focus-visible{outline:2px solid var(--text-green,#087a54);outline-offset:3px}
.fcw-language{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}
.fcw-language a{padding:6px 3px}
.fcw-language [aria-current=page]{font-weight:700;color:var(--text-green,#087a54)}
.fcw-products-spa{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.fcw-products-spa details{position:relative}
.fcw-products-spa summary{cursor:pointer;list-style:none;white-space:nowrap}
.fcw-products-spa summary::-webkit-details-marker{display:none}
.fcw-products-spa summary::after{content:"⌄";margin-left:6px;font-size:.8em}
.fcw-products-spa-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:70;min-width:150px;padding:8px;border-radius:10px;display:grid;gap:2px}
.fcw-products-spa-menu a{padding-inline:12px;white-space:nowrap}
.fcw-products-spa summary:focus-visible,.fcw-products-spa-menu a:focus-visible{outline:2px solid #10b981;outline-offset:3px}
@media(max-width:767px){
 .fcw-products-menu{position:static;min-width:0;margin:6px 0 0 12px;padding:4px 0;border:0;border-left:1px solid var(--rule,#e5e7eb);border-radius:0;background:transparent;box-shadow:none}
 .fcw-products-menu a{padding:9px 12px}
 .fcw-language{gap:5px}
 .fcw-products-spa{display:block;width:100%}
 .fcw-products-spa--mobile .fcw-products-spa-menu{position:static;min-width:0;margin:4px 0 0 12px;padding:4px 0 4px 12px;border-width:0 0 0 1px;border-radius:0;box-shadow:none}
 .fcw-products-spa--mobile .fcw-products-spa-menu a{padding:8px 0}
}

.fcw-page .client-work,
.fcw-visibility .client-work {
  width: 100%;
  margin: clamp(56px, 8vw, 104px) 0 0;
  padding: clamp(32px, 5vw, 56px) 0 0;
  border-top: 1px solid var(--rule);
}

.fcw-page .client-slider-heading,
.fcw-visibility .client-slider-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.fcw-page .client-slider-heading h2,
.fcw-visibility .client-slider-heading h2 {
  max-width: 22ch;
  margin: 0;
  color: var(--paper);
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.fcw-page .client-slider-controls,
.fcw-visibility .client-slider-controls {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.fcw-page .client-slider-controls button,
.fcw-visibility .client-slider-controls button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--rule);
  border-radius: 50%;
  background: transparent;
  color: var(--paper);
  font: inherit;
  font-size: 20px;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.fcw-page .client-slider-controls button[hidden],
.fcw-visibility .client-slider-controls button[hidden] {
  display: none;
}

.fcw-page .client-slider-controls button:hover:not(:disabled),
.fcw-visibility .client-slider-controls button:hover:not(:disabled) {
  border-color: var(--text-green);
  background: color-mix(in srgb, var(--green) 14%, transparent);
  color: var(--text-green);
}

.fcw-page .client-slider-controls button:disabled,
.fcw-visibility .client-slider-controls button:disabled {
  opacity: .38;
  cursor: default;
}

.fcw-page .client-slider-controls button:focus-visible,
.fcw-visibility .client-slider-controls button:focus-visible,
.fcw-page .client-work-list:focus-visible,
.fcw-visibility .client-work-list:focus-visible {
  outline: 2px solid var(--text-green);
  outline-offset: 4px;
}

.fcw-page .client-work-list,
.fcw-visibility .client-work-list {
  display: flex;
  grid-template-columns: none;
  grid-auto-columns: unset;
  grid-auto-flow: unset;
  gap: 16px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--rule) transparent;
  margin: 32px 0 0;
  padding: 2px 2px 14px;
  list-style: none;
}

.fcw-page .client-work-card,
.fcw-visibility .client-work-card {
  flex: 0 0 calc((100% - 48px) / 4);
  min-width: 0;
  scroll-snap-align: start;
}

.fcw-page .client-logo-plate,
.fcw-visibility .client-logo-plate {
  position:relative;
  display: grid;
  min-height: 150px;
  padding: 22px;
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);
  border-radius: 12px;
  background: #fff;
  color: #151817;
}

.fcw-page .client-logo-plate img,
.fcw-visibility .client-logo-plate img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 92px;
  object-fit: contain;
}
.fcw-visibility .client-logo-plate img[src$="eco-organic-limited.jpg"],
.fcw-visibility .client-logo-plate img[src$="ftk-grup.svg"] {
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:130%;max-width:none;height:auto;max-height:none;object-fit:contain;
}
.fcw-visibility .client-logo-plate img[src$="tatra-arms.svg"]{max-height:78px}
@media(min-width:768px) and (max-width:1023px){.fcw-visibility .client-work-card{flex-basis:calc((100% - 32px)/3)}}
.fcw-about-identity{max-width:760px;margin:24px auto 0;color:hsl(var(--muted-foreground));font-size:17px;line-height:1.75;text-align:center}
.fcw-route-fallback[hidden],.fcw-about-identity[hidden],.fcw-visibility[hidden]{display:none!important}

.fcw-page .client-logo-name,
.fcw-visibility .client-logo-name {
  max-width: 14ch;
  color: #151817;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
  font-size: clamp(19px, 2.1vw, 25px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.04em;
  text-align: center;
}

.fcw-page .client-caption,
.fcw-visibility .client-caption {
  margin: 12px 4px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

.fcw-page .client-work-more,
.fcw-visibility .client-work-more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: var(--paper);
  font-size: 14px;
  font-weight: 600;
}

.fcw-page .client-work-more span,
.fcw-visibility .client-work-more span {
  color: var(--text-green);
  transition: transform .18s ease;
}

.fcw-page .client-work-more:hover span,
.fcw-visibility .client-work-more:hover span {
  transform: translate(2px, -2px);
}

@media (max-width: 767px) {
  .fcw-page .client-work,
  .fcw-visibility .client-work {
    margin-top: 56px;
    padding-top: 32px;
  }

  .fcw-page .client-slider-heading,
  .fcw-visibility .client-slider-heading {
    align-items: center;
    gap: 12px;
  }

  .fcw-page .client-slider-heading h2,
  .fcw-visibility .client-slider-heading h2 {
    font-size: clamp(26px, 7vw, 34px);
  }

  .fcw-page .client-slider-controls,
  .fcw-visibility .client-slider-controls {
    gap: 6px;
  }

  .fcw-page .client-slider-controls button,
  .fcw-visibility .client-slider-controls button {
    width: 38px;
    height: 38px;
  }

  .fcw-page .client-work-list,
  .fcw-visibility .client-work-list {
    margin-top: 24px;
  }

  .fcw-page .client-work-card,
  .fcw-visibility .client-work-card {
    flex-basis: min(78vw, 300px);
  }

  .fcw-page .client-logo-plate,
  .fcw-visibility .client-logo-plate {
    min-height: 132px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fcw-page .client-slider-controls button,
  .fcw-visibility .client-slider-controls button,
  .fcw-page .client-work-more span,
  .fcw-visibility .client-work-more span {
    transition: none;
  }
}

/* Editorial portfolio rows: client names stay factual display plates until approved logo assets are available. */
.fcw-page .portfolio-work{padding-top:88px;padding-bottom:104px}
.fcw-page .portfolio-work-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.65fr);gap:72px;align-items:end;padding-bottom:54px}
.fcw-page .portfolio-work-heading .eyebrow{margin-bottom:22px}
.fcw-page .portfolio-work-heading h2{max-width:760px}
.fcw-page .portfolio-work-heading .accent{color:var(--text-green)}
.fcw-page .portfolio-work-lead{max-width:400px;margin:0 0 6px;color:#bcc4bf;font-size:17px;line-height:1.75}
.fcw-page .portfolio-project-list{border-top:1px solid var(--rule)}
.fcw-page .portfolio-project{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,9vw,132px);align-items:center;padding:48px 0;border-bottom:1px solid var(--rule)}
.fcw-page .portfolio-project:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.fcw-page .portfolio-project:nth-child(even) .portfolio-project-brand{order:2}
.fcw-page .portfolio-project:nth-child(even) .portfolio-project-copy{order:1}
.fcw-page .portfolio-project-brand{position:relative;display:flex;min-height:220px;align-items:center;justify-content:center;overflow:hidden;padding:34px;background:#f5f7f6;color:#050505}
.fcw-page .portfolio-project-brand::before{position:absolute;left:0;top:0;width:4px;height:100%;background:var(--green);content:""}
.fcw-page .portfolio-brand-name{max-width:100%;font-family:'Inter Tight',Inter,Arial,sans-serif;font-size:clamp(26px,3.3vw,48px);font-weight:600;line-height:1.04;letter-spacing:-.055em;text-align:center;text-wrap:balance}
.fcw-page .portfolio-brand-image{display:block;width:min(100%,340px);max-height:112px;object-fit:contain}
.fcw-page .portfolio-project-index{position:absolute;right:18px;bottom:12px;color:#5f6963;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em}
.fcw-page .portfolio-project-copy{max-width:560px;padding-block:10px}
.fcw-page .portfolio-project-copy .eyebrow{margin-bottom:14px}
.fcw-page .portfolio-project-copy h3{margin:0;font-family:'Inter Tight',Inter,Arial,sans-serif;font-size:clamp(30px,3.8vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.055em}
.fcw-page .portfolio-project-intro{max-width:500px;margin:18px 0 22px;color:#bcc4bf;font-size:16px;line-height:1.65}
.fcw-page .portfolio-service-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.fcw-page .portfolio-service-list li{position:relative;padding-left:13px;color:var(--muted);font-size:13px;line-height:1.6}
.fcw-page .portfolio-service-list li::before{position:absolute;left:0;top:.64em;width:4px;height:4px;border-radius:50%;background:var(--text-green);content:""}
/* The existing React portfolio uses 4:3 project frames. Keep verified client logos fully visible. */
.portfolio-client-logo{object-fit:contain!important;padding:24px;background:#f5f7f6;transform:none!important}
@media(max-width:760px){
 .fcw-page .portfolio-work{padding-block:56px 68px}
 .fcw-page .portfolio-work-heading{grid-template-columns:1fr;gap:22px;padding-bottom:34px}
 .fcw-page .portfolio-work-lead{font-size:15px}
 .fcw-page .portfolio-project,.fcw-page .portfolio-project:nth-child(even){grid-template-columns:1fr;gap:24px;padding:30px 0}
 .fcw-page .portfolio-project:nth-child(even) .portfolio-project-brand,.fcw-page .portfolio-project:nth-child(even) .portfolio-project-copy{order:initial}
 .fcw-page .portfolio-project-brand{min-height:168px;padding:28px}
 .fcw-page .portfolio-brand-name{font-size:clamp(28px,8vw,40px)}
 .fcw-page .portfolio-project-copy h3{font-size:34px}
 .fcw-page .portfolio-project-intro{margin-block:12px 16px;font-size:15px}
}