@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

#fotrade{--ft-dark:#1a5273;--ft-azure:#116d88;--ft-bright:#068b9e;--ft-cyan:#05a5b1;--ft-pale:#eff5f7;--ft-yellow:#ffbd0c;--ft-white:#fff;--ft-text:#174b68;--ft-line:#c8dce4;--font:var(--ft-cyan);padding:0;background:var(--ft-pale);color:var(--ft-text);font-family:'Montserrat',sans-serif}
#fotrade h1,#fotrade h2,#fotrade h3,#fotrade .identity-copy blockquote,#fotrade .cart-copy span,#fotrade .collaboration-mark div{font-family:'Poppins','Montserrat',sans-serif}
#fotrade p{text-align:justify;text-justify:inter-word;hyphens:none}
#fotrade .hero-intro,#fotrade .project-intro__content .lead,#fotrade .tension-pole p{text-align:left;hyphens:none}
#fotrade .tension-pole--right p{text-align:right}
#fotrade .trade-project{display:block;width:100%;overflow:clip}#fotrade .trade-project *,#fotrade .trade-project *::before,#fotrade .trade-project *::after{box-sizing:border-box}#fotrade .trade-project a{color:inherit}#fotrade header#header{color:var(--font)}

.trade-hero{min-height:100svh;padding:142px 4vw 3rem;background:var(--ft-pale);position:relative}.trade-hero::before{content:"";position:absolute;inset:0 0 auto auto;width:38vw;height:58%;background:var(--ft-cyan);clip-path:polygon(34% 0,100% 0,100% 100%,0 76%);opacity:.1;pointer-events:none}.hero-copy{width:min(1400px,92vw);margin:0 auto;position:relative;z-index:1}.hero-kicker{display:flex;gap:1rem;margin-bottom:clamp(2rem,5vw,5rem);color:var(--ft-bright);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-kicker span+span::before{content:"•";margin-right:1rem}.brand-lockup{display:flex;align-items:center;gap:.8rem;width:fit-content;margin-bottom:2.2rem}.brand-nodus{width:clamp(52px,6vw,84px);filter:drop-shadow(0 5px 8px rgba(26,82,115,.15))}.brand-lockup>div{display:flex;flex-direction:column}.brand-lockup strong{color:var(--ft-dark);font-size:clamp(2.2rem,5.7vw,5.6rem);font-weight:700;letter-spacing:-.075em;line-height:.8}.brand-lockup strong span{color:var(--ft-cyan)}.brand-lockup small{margin-top:.8rem;color:var(--ft-azure);font-size:clamp(.48rem,.85vw,.8rem);letter-spacing:.02em}.trade-hero h1{display:block;max-width:1250px;padding:0;background:none;color:var(--ft-dark);font-family:'Poppins',sans-serif;font-size:clamp(3.5rem,9vw,9rem);font-style:normal;font-weight:700;line-height:.98;letter-spacing:-.03em;text-transform:none}.trade-hero h1 span{color:var(--ft-cyan)}.hero-intro{max-width:700px;margin:3rem 0 2.5rem auto;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:600;line-height:1.4}.hero-role{width:min(700px,100%);margin-left:auto;padding:1.2rem 0;display:grid;grid-template-columns:120px 1fr;gap:1rem;border-block:1px solid var(--ft-line)}.hero-role span,.section-label,.overline,.shot-label,.charter-card figcaption span{color:var(--ft-bright);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-role strong{font-size:.95rem}.hero-screen{position:relative;width:min(1580px,92vw);margin:clamp(4rem,8vw,7rem) auto 0;overflow:hidden;border:1px solid var(--ft-line);border-radius:18px;background:var(--ft-white);box-shadow:0 22px 55px rgba(26,82,115,.16);will-change:transform}.screen-toolbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 1rem;border-bottom:1px solid var(--ft-line)}.screen-toolbar i{width:8px;aspect-ratio:1;border-radius:50%;background:var(--ft-line)}.screen-toolbar span{margin:auto;font-size:.65rem;color:#7893a2}.hero-screen img{display:block;width:100%;height:auto}.hero-next{width:min(1400px,92vw);margin:2rem auto 0;display:flex;justify-content:space-between;color:var(--ft-dark);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

html{scroll-padding-top:3.5rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.project-nav{position:static;display:flex;width:100%;gap:.5rem;padding:1rem max(4vw,calc((100vw - 1400px)/2));overflow-x:auto;background:rgba(255,255,255,.94);border-top:1px solid var(--ft-line);backdrop-filter:blur(12px);scrollbar-width:none}.project-nav a{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:130px;padding:1.7rem 1rem;display:grid;place-items:center;border:1px solid var(--ft-line);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .3s ease}.project-nav__num{position:absolute;top:50%;left:.9rem;transform:translateY(-50%);color:var(--ft-dark);font-family:'Poppins',sans-serif;font-size:2.9rem;font-weight:700;letter-spacing:-.02em;opacity:.09;pointer-events:none;transition:opacity .3s ease,color .3s ease}.project-nav__label{position:relative;z-index:1;color:var(--ft-dark);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;transition:color .3s ease}.project-nav a:hover,.project-nav a:focus-visible{border-color:var(--ft-cyan)}.project-nav a:hover .project-nav__num,.project-nav a:focus-visible .project-nav__num{color:var(--ft-cyan);opacity:.2}.project-nav a:hover .project-nav__label,.project-nav a:focus-visible .project-nav__label{color:var(--ft-cyan)}
.project-section{padding:clamp(5rem,10vw,10rem) max(4vw,calc((100vw - 1400px)/2));border-bottom:1px solid var(--ft-line)}.section-label{position:relative;display:flex;align-items:center;min-height:clamp(3.2rem,8vw,5.2rem);padding-left:clamp(3.4rem,8vw,5.8rem);margin-bottom:clamp(3rem,6vw,6rem);color:var(--ft-dark);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-label span{position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--ft-dark);font-family:'Poppins',sans-serif;font-size:clamp(3.2rem,8vw,5.2rem);font-weight:700;letter-spacing:-.02em;opacity:.08;pointer-events:none}.overline{margin-bottom:1rem}.project-section h2{display:block;padding:0;background:none;color:var(--ft-dark);font-family:'Poppins',sans-serif;font-size:clamp(2.4rem,5vw,5.4rem);font-style:normal;font-weight:700;line-height:1.04;letter-spacing:-.025em;text-transform:none}

.project-intro{background:white}.project-intro__headline{display:grid;grid-template-columns:.35fr 1fr;align-items:start}.project-intro__headline h2{max-width:1000px}.project-intro__content{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,8vw,9rem);align-items:start}.project-intro__content .lead{font-size:clamp(1.45rem,2.7vw,2.6rem);font-weight:700;line-height:1.25;letter-spacing:-.03em}.project-details dl{border-top:1px solid var(--ft-dark)}.project-details dl>div{padding:1.1rem 0;border-bottom:1px solid var(--ft-line)}.project-details dt{margin-bottom:.35rem;color:var(--ft-bright);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-details dd{margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.project-tension{margin-top:clamp(5rem,9vw,9rem);padding-top:2.5rem;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:stretch;border-top:1px solid var(--ft-line)}.tension-pole{min-height:200px;padding:1.75rem;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid var(--ft-dark);border-radius:16px}.tension-pole span{display:block;margin-bottom:.8rem;color:var(--ft-cyan);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tension-pole p{margin:0;max-width:420px;color:var(--ft-dark);font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:700;line-height:1.3}.tension-pole--right{color:white;background:var(--ft-dark);text-align:right}.tension-pole--right p{margin-left:auto;color:white}.tension-sep{align-self:center;display:grid;place-items:center;width:54px;color:var(--ft-cyan);font-size:2rem;font-weight:700}

.identity{color:white;background:var(--ft-dark)}.identity .section-label,.identity .overline{color:#64d5dd}.identity .section-label span{color:white;opacity:.1}.identity .section-title{max-width:1050px;margin-bottom:5rem}.identity .section-title h2{color:white}.section-title>p:last-child{max-width:700px;margin:2rem 0 0 auto;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.identity-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:stretch}.charter-card{position:relative;margin:0;overflow:hidden;background:#d1d1d1;border-radius:16px;will-change:transform}.charter-card img{display:block;width:100%;height:auto}.charter-card figcaption{display:flex;gap:1rem;padding:1rem 1.2rem;color:var(--ft-dark);background:white;font-size:.85rem;font-weight:700}.identity-copy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:16px}.copy-kicker{display:block;margin-bottom:1rem;color:#64d5dd;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.identity-copy h3{margin:0 0 1.5rem;color:white;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:700;line-height:1;letter-spacing:-.01em;text-transform:uppercase}.quote-mark{color:var(--ft-yellow);font-size:5rem;line-height:.4}.identity .section-title strong{color:var(--ft-cyan);font-weight:700}.charter-card figcaption span{color:var(--ft-yellow);font-weight:700;letter-spacing:.05em}.identity-copy p{margin:0 0 1rem;color:#bfd3dc;font-size:1rem;line-height:1.6}.identity-copy p:last-child{margin-bottom:0}.identity-signature{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,4vw,4rem);align-items:center;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,5vw,4rem);border:1px solid rgba(255,255,255,.25);border-radius:16px}.identity-signature__quote{display:flex;flex-direction:column}.identity-signature blockquote{margin:0;color:white;font-size:clamp(1.8rem,3.6vw,3.2rem);font-weight:600;line-height:1;letter-spacing:.01em;text-transform:uppercase}.identity-signature p{margin:0;padding-left:2rem;border-left:3px solid var(--ft-cyan);color:#bfd3dc;font-size:1rem;line-height:1.6}.color-chart{grid-column:1/-1;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:16px}.color-chart__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;list-style:none;margin:0;padding:0}.color-chip{display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:510px;padding:1.1rem;background:var(--chip-bg);color:var(--chip-fg)}.color-chip__name{font-size:1.3rem;font-weight:700;letter-spacing:.01em}.color-chip__codes{display:flex;flex-direction:column;gap:.5rem}.color-chip__code{align-self:flex-start;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.05rem;letter-spacing:.01em;cursor:pointer}.color-rationale{margin-top:3rem;display:grid;grid-template-columns:.35fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,5vw,4rem);border:1px solid rgba(255,255,255,.25);border-radius:16px}.color-rationale .copy-kicker{margin-bottom:0}.color-rationale p{margin:0 0 1rem;color:#bfd3dc;font-size:1rem;line-height:1.6}.color-rationale p:last-child{margin-bottom:0}

.trailer{background:#F5F8FA}.trailer-heading{display:grid;grid-template-columns:.35fr 1fr;align-items:start;margin-bottom:5rem}.trailer-heading h2{max-width:1000px}.trailer-heading h2 span{color:var(--ft-cyan)}.trailer-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center}.trailer-player{position:relative;margin:0;overflow:hidden;aspect-ratio:16/9;border-radius:18px;background:#0d2a3a;box-shadow:0 22px 55px rgba(26,82,115,.16)}.trailer-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.trailer-copy p{margin:0 0 1.2rem;font-size:1.05rem;line-height:1.65}.trailer-copy strong{color:var(--ft-dark)}.trailer-facts{margin:2rem 0 0;padding-top:1.5rem;list-style:none;display:flex;flex-direction:column;gap:.9rem;border-top:1px solid var(--ft-line)}.trailer-facts li{color:var(--ft-dark);font-weight:700;line-height:1.4}.trailer-facts span{display:block;margin-bottom:.35rem;color:var(--ft-bright);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

.ux{background:var(--ft-pale)}.section-title--split{margin-bottom:5rem;display:grid;grid-template-columns:1.2fr .65fr;gap:5vw;align-items:end}.section-title--split>p{margin:0;padding-left:2rem;border-left:3px solid var(--ft-cyan);font-size:1rem;line-height:1.6}.interface-shot{position:relative;margin:0;overflow:hidden;border:1px solid var(--ft-line);border-radius:18px;background:white;box-shadow:0 14px 35px rgba(26,82,115,.12);will-change:transform}.interface-shot img{display:block;width:100%;height:auto}.shot-label{padding:.9rem 1.2rem;display:flex;justify-content:space-between;color:var(--ft-bright);background:white;border-bottom:1px solid var(--ft-line)}.shot-label span:first-child{color:var(--ft-yellow);font-weight:700}.shot-label span:last-child{color:#7893a2}.ux-points{margin:clamp(4rem,7vw,7rem) 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ft-line);border-radius:18px;overflow:hidden}.ux-points article{padding:2rem;border-right:1px solid var(--ft-line)}.ux-points article:last-child{border-right:0}.ux-points article>span{display:block;color:var(--ft-yellow);font-size:.9rem;font-weight:700}.ux-points h3{margin:2rem 0 1rem;color:var(--ft-dark);font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.ux-points p{line-height:1.55}.screens-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.screens-grid .interface-shot--full{grid-column:1/-1}.catalogue-stack,.product-focus__shots-main{display:flex;flex-direction:column;gap:2rem}.product-focus__shots{display:grid;grid-template-columns:1fr minmax(260px,320px);gap:1.5rem;align-items:start}.interface-shot--cart{max-width:none;position:sticky;top:calc(var(--project-nav-h, 6rem) + 1.5rem)}.product-focus{margin-top:clamp(6rem,11vw,11rem);display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}.product-focus__copy{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end}.product-focus__copy p:not(.overline){margin:0 0 1.5rem;padding-left:2rem;border-left:3px solid var(--ft-cyan);line-height:1.65}.product-focus__copy h2{font-size:clamp(2.4rem,4.2vw,4.6rem)}.product-focus__copy>p:not(.overline){margin-top:2rem;line-height:1.65}.product-focus__copy ul{margin:2rem 0 0;padding:0;list-style:none}.product-focus__copy li{padding:.9rem 0 .9rem 1.7rem;border-bottom:1px solid var(--ft-line);position:relative;font-weight:700}.product-focus__copy li::before{content:"✓";position:absolute;left:0;color:var(--ft-cyan)}.cart-focus{margin:clamp(6rem,11vw,11rem) 0 0;display:flex;align-items:flex-start;gap:clamp(2.5rem,5vw,5rem)}.cart-shot{flex:none;width:clamp(280px,32vw,440px);aspect-ratio:.463}.cart-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 0}.cart-analysis{flex:1;min-width:0}.cart-copy span{display:block;margin-bottom:1.5rem;color:var(--ft-dark);font-size:clamp(1.5rem,2.8vw,2.7rem);font-weight:700;line-height:1.1;letter-spacing:-.015em}.cart-copy p{line-height:1.65}.cart-zones{list-style:none;margin:2.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.4rem}.cart-zone{padding:1.2rem 1.3rem;background:#fff;border:1px solid var(--ft-line);border-left:3px solid var(--ft-cyan);border-radius:4px 14px 14px 4px}.cart-zone h4{margin:0 0 .35rem;color:var(--ft-dark);font-family:'Poppins','Montserrat',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.cart-zone p{margin:0;font-size:.92rem;line-height:1.55}

.contribution{color:white;background:var(--ft-cyan)}.contribution .section-label{color:white}.contribution .section-label span{color:white;opacity:.15}.contribution .overline{color:var(--ft-dark)}.contribution h2{max-width:1050px;color:white}.contribution-layout{margin-top:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.collaboration-mark{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}.collaboration-mark div{min-height:220px;padding:1.5rem;display:flex;align-items:end;border:2px solid white;border-radius:16px;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:700;line-height:1.1}.collaboration-mark div:last-child{color:var(--ft-dark);background:white}.collaboration-mark b{display:grid;place-items:center;width:54px;font-size:2rem}.contribution-copy{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.65}.contribution-copy p+p{margin-top:1.5rem}.contribution-copy strong{color:var(--ft-dark)}.contribution-areas{margin-top:5rem;display:flex;flex-wrap:wrap;gap:.7rem}.contribution-areas span,.skill-set__tags span{padding:.5rem 1rem;color:var(--ft-dark);background:var(--ft-yellow);border-radius:20px 0 20px 0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.skills-grid{margin-top:3.5rem;padding-top:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);border-top:1px solid rgba(255,255,255,.35)}.skill-set__label{display:block;margin-bottom:1.2rem;color:var(--ft-dark);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skill-set__tags{display:flex;flex-wrap:wrap;gap:.7rem}

.result{background:white;border-bottom:0}.result-heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:4vw;align-items:start}.result-heading>p{max-width:380px;padding-top:.7rem;font-size:1.1rem;font-weight:700;line-height:1.5}.result-heading h2 span{color:var(--ft-cyan)}.project-links{margin-top:clamp(4rem,8vw,8rem);border-top:1px solid var(--ft-dark)}.project-links a{padding:1.5rem .2rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--ft-line);color:var(--ft-dark);font-size:clamp(1.2rem,2.2vw,2rem);font-weight:700}.project-links a:hover{color:var(--ft-cyan)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
.reveal-img{opacity:0;transition:opacity .5s ease}.reveal-img.is-visible{opacity:1}.reveal-img img{transform:scale(1.08);filter:saturate(.55) brightness(.93);transition:transform 1.15s cubic-bezier(.16,1,.3,1) .08s,filter 1.15s ease .08s}.reveal-img.is-visible img{transform:scale(1);filter:saturate(1) brightness(1)}
.trade-project h2 .word{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(40%);transition:opacity .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal.is-visible h2 .word{opacity:1;filter:blur(0);transform:translateY(0)}

@media(max-width:950px){.project-intro__headline,.project-intro__content,.section-title--split,.product-focus__shots,.product-focus__copy,.contribution-layout,.result-heading,.color-rationale,.trailer-heading,.trailer-layout{grid-template-columns:1fr}.interface-shot--cart{position:static}.project-intro__headline,.section-title--split,.color-rationale,.trailer-heading{gap:2rem}.section-title--split>p{max-width:700px}.identity-grid{grid-template-columns:1fr}.identity-signature{grid-template-columns:1fr}.color-chart{grid-column:auto}.color-chart__grid{grid-template-columns:repeat(3,1fr)}.screens-grid{grid-template-columns:220px 1fr}.cart-focus{flex-direction:column;align-items:center;gap:2.5rem}.cart-shot{align-self:center;width:min(300px,72%);min-width:0;max-width:100%}}
@media(max-width:680px){.trade-hero{padding:110px 1.2rem 2.5rem}.hero-copy,.hero-screen,.hero-next{width:100%}.hero-kicker{align-items:flex-start;gap:.5rem;flex-direction:column}.hero-kicker span+span::before{display:none}.brand-lockup strong{font-size:2.5rem}.brand-lockup small{font-size:.45rem}.trade-hero h1{font-size:clamp(2.6rem,11vw,4rem)}.hero-intro{margin-top:2rem}.hero-role{grid-template-columns:1fr}.hero-screen{margin-top:3rem;border-radius:11px}.project-nav a{min-width:104px;padding:1.3rem .6rem}.project-nav__num{font-size:2.1rem;left:.6rem}.project-section{padding:5rem 1.25rem}.project-tension{grid-template-columns:1fr;text-align:center}.tension-pole{min-height:0;align-items:center}.tension-pole--right{text-align:center}.tension-pole--right p{margin-left:auto;margin-right:auto}.tension-sep{width:100%;padding:.4rem 0}.identity-signature{gap:1.25rem}.color-chart__grid{grid-template-columns:1fr 1fr}.color-chip{min-height:360px}.color-chip--white{grid-column:1/-1}.ux-points{grid-template-columns:1fr}.ux-points article{border:0;border-bottom:1px solid var(--ft-line)}.ux-points article:last-child{border-bottom:0}.screens-grid{grid-template-columns:1fr}.screens-grid>.interface-shot:not(.interface-shot--full){width:min(240px,62%);margin-inline:auto}.shot-label{gap:1rem;font-size:.56rem}.interface-shot{border-radius:11px}.collaboration-mark{grid-template-columns:1fr}.collaboration-mark b{width:100%;height:54px}.collaboration-mark div{min-height:160px}.contribution-areas span,.skill-set__tags span{font-size:.65rem}.skills-grid{grid-template-columns:1fr;gap:2rem}#fotrade .trade-hero h1,#fotrade .trade-project h2{overflow-wrap:break-word;hyphens:auto}#fotrade .trade-project h2 .word{overflow-wrap:break-word}#fotrade .project-section h2,#fotrade .product-focus__copy h2{font-size:clamp(1.9rem,7vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal-img{opacity:1}.reveal-img img{transform:none;filter:none;transition:none}.trade-project h2 .word{opacity:1;filter:none;transform:none;transition:none}}

.brand-lockup{display:block;width:min(860px,82vw);margin-inline:auto}
.brand-lockup img{display:block;width:100%;height:auto}
@media(max-width:680px){.brand-lockup{width:min(520px,94vw)}}

body#fotrade #theme-toggle{display:none}

#fotrade .fotrade-footer-band{display:flow-root;background:var(--ft-white)}
#fotrade .fotrade-footer-band .site-footer{--main-logo-blob:var(--ft-dark);--font:var(--ft-dark);--neon:var(--ft-cyan);color:var(--ft-dark);border:1px solid var(--ft-line);box-shadow:0 14px 35px rgba(26,82,115,.12)}

/* Comparateur avant/après (captures « avant / après » de la refonte) */
.ba-compare{position:relative;aspect-ratio:var(--ar,2301/193);overflow:hidden;background:var(--ft-white);--p:0%;touch-action:pan-y}
.ba-compare .ba-compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.ba-compare__new{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p));transition:clip-path 1s cubic-bezier(.16,1,.3,1)}
.ba-compare__divider{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:var(--ft-cyan);opacity:0;transition:left 1s cubic-bezier(.16,1,.3,1),opacity .35s ease;pointer-events:none;z-index:2}
.ba-compare__divider::before,.ba-compare__divider::after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%}
.ba-compare__divider::before{border:2px solid #fff}
.ba-compare__divider::after{background:var(--ft-cyan);box-shadow:0 4px 12px rgba(26,82,115,.35)}
.ba-compare__hint{position:absolute;inset:.45rem .55rem auto;display:flex;justify-content:space-between;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:2}
.ba-compare__range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;opacity:0;cursor:ew-resize;z-index:3}
.ba-compare.is-active .ba-compare__divider,.ba-compare.is-active .ba-compare__hint{opacity:1}
.ba-compare--manual .ba-compare__new,.ba-compare--manual .ba-compare__divider{transition:none}
.ba-compare--follow .ba-compare__new,.ba-compare--follow .ba-compare__divider{transition-duration:.12s;transition-timing-function:linear}
@media(hover:hover) and (pointer:fine){.ba-compare{cursor:ew-resize}.ba-compare__divider::before,.ba-compare__divider::after{display:none}}
@media(max-width:680px){.ba-compare--bar{aspect-ratio:auto;height:104px}}
@media(prefers-reduced-motion:reduce){.ba-compare__new,.ba-compare__divider,.ba-compare__hint{transition:none}}