:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18202a;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;scroll-behavior:smooth}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;background:#f7f8fa;color:#18202a}a{color:inherit;text-decoration:none}button{font:inherit}.presentation{--bg:#f7f8fa;--surface:#fff;--ink:#18202a;--muted:#68717d;--line:#e2e5e9;--soft:#eef0f3;min-height:100vh;background:var(--bg);color:var(--ink);transition:background-color .25s,color .25s}.presentation-header{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,84px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.presentation-brand img{display:block;width:126px;height:auto}.presentation-nav{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:13px;font-weight:500}.presentation-nav a{transition:color .2s}.presentation-nav a:hover{color:var(--ink)}.presentation-tools{display:flex;align-items:center;gap:8px}.presentation-language{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.presentation-language button,.presentation-theme{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}.presentation-language button[aria-pressed=true]{background:#202a36;color:#fff}.presentation-theme{width:34px;padding:0;border:1px solid var(--line);background:var(--surface);font-size:17px}.presentation-hero{min-height:630px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:90px max(7vw,24px) 105px;background:radial-gradient(ellipse at 78% 50%,#fff 0%,#f1f3f5 38%,#e9ecef 100%)}.presentation-hero::before,.presentation-hero::after{position:absolute;content:"";z-index:-1;border:1px solid rgba(104,113,125,.13);border-radius:50%;transform:rotate(-15deg)}.presentation-hero::before{width:820px;height:360px;right:-120px;top:15%;box-shadow:0 0 0 35px rgba(255,255,255,.18),0 0 0 78px rgba(255,255,255,.13)}.presentation-hero::after{width:980px;height:450px;right:-190px;top:10%;border-color:rgba(255,255,255,.66);box-shadow:0 0 0 1px rgba(104,113,125,.05) inset}.hero-orbit{position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(115,124,136,.1);border-radius:50%;transform:rotate(-15deg)}.orbit-one{width:700px;height:260px;right:2%;top:39%}.orbit-two{width:900px;height:400px;right:-15%;top:28%}.presentation-hero-copy{width:min(790px,100%);position:relative;z-index:1}.presentation-eyebrow{margin:0 0 19px;color:#717b88;font-size:11px;font-weight:700;letter-spacing:.18em}.presentation-hero h1,.section-heading h2,.partnership-inner h2{margin:0;font-size:clamp(48px,7.5vw,94px);font-weight:500;letter-spacing:-.075em;line-height:.98}.presentation-lead{max-width:590px;margin:25px 0 31px;color:#545f6d;font-size:clamp(16px,2vw,20px);line-height:1.7}.presentation-scroll{display:inline-flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #89919b;color:#303b48;font-size:13px;font-weight:600}.presentation-scroll span:last-child{font-size:18px;transition:transform .2s}.presentation-scroll:hover span:last-child{transform:translateY(3px)}.hero-monogram{position:absolute;right:clamp(4%,9vw,14%);top:50%;width:clamp(210px,30vw,430px);opacity:.07;transform:translateY(-50%);filter:grayscale(1)}.hero-monogram img{width:100%;height:auto}.presentation-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:115px 0}.mission-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,9vw,130px);align-items:start}.section-heading h2{font-size:clamp(38px,5.1vw,64px);line-height:1.04}.mission-copy{padding-top:39px;color:var(--muted);font-size:16px;line-height:1.85}.mission-copy p{margin:0 0 18px}.audience-tags,.card-tags{display:flex;flex-wrap:wrap;gap:8px}.audience-tags{margin-top:30px}.audience-tags span,.card-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:500}.expertise-section{background:var(--soft)}.expertise-inner{padding-top:108px;padding-bottom:118px}.expertise-inner .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end}.expertise-inner .section-heading .presentation-eyebrow{grid-column:1/-1}.expertise-inner .section-intro{max-width:430px;margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.8}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.expertise-card{min-height:290px;display:flex;flex-direction:column;padding:27px;border:1px solid rgba(104,113,125,.14);border-radius:16px;background:var(--surface)}.card-number{color:#929aa4;font-size:11px;font-weight:700;letter-spacing:.1em}.expertise-card h3{margin:35px 0 12px;font-size:20px;font-weight:600;letter-spacing:-.035em}.expertise-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.card-tags{gap:6px;margin-top:auto;padding-top:22px}.card-tags span{padding:6px 9px;font-size:10px}.method-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,115px);align-items:start}.method-list{border-top:1px solid var(--line)}.method-item{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid var(--line)}.method-item>span{padding-top:3px;color:#8d96a1;font-size:11px;font-weight:700}.method-item h3{margin:0 0 7px;font-size:16px;font-weight:600}.method-item p{max-width:520px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.partnership-section{position:relative;overflow:hidden;background:#202a36;color:#f7f8fa}.partnership-inner{width:min(1180px,calc(100% - 48px));position:relative;z-index:1;margin:0 auto;padding:105px 0 112px}.partnership-inner .presentation-eyebrow{color:#aeb7c2}.partnership-inner h2{font-size:clamp(42px,6.5vw,78px)}.partnership-inner>p:not(.presentation-eyebrow){max-width:620px;margin:24px 0 28px;color:#c3c9d1;font-size:15px;line-height:1.85}.presentation-link{display:inline-flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #87909b;color:#fff;font-size:13px;font-weight:600}.presentation-link span:last-child{font-size:16px;transition:transform .2s}.presentation-link:hover span:last-child{transform:translate(3px,-3px)}.partnership-mark{position:absolute;right:5%;top:50%;color:rgba(255,255,255,.045);font-size:min(56vw,620px);font-weight:700;letter-spacing:-.12em;line-height:.75;transform:translateY(-48%);pointer-events:none}.presentation-footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(5vw,24px);color:#77818d;font-size:11px}.presentation-footer a{color:var(--ink);font-weight:600}.presentation-footer a:hover{text-decoration:underline;text-underline-offset:4px}.presentation [data-fr],.presentation [data-en]{transition:opacity .15s}
.presentation[data-theme=dark]{--bg:#111317;--surface:#191b20;--ink:#f1f3f6;--muted:#adb4bf;--line:#30333a;--soft:#15171b}.presentation[data-theme=dark] .presentation-header{background:rgba(17,19,23,.88)}.presentation[data-theme=dark] .presentation-brand img{filter:brightness(0) invert(1)}.presentation[data-theme=dark] .presentation-hero{background:radial-gradient(ellipse at 78% 50%,#252930 0%,#181b20 44%,#111317 100%)}.presentation[data-theme=dark] .presentation-hero::before{border-color:rgba(213,220,229,.1);box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.02)}.presentation[data-theme=dark] .presentation-hero::after,.presentation[data-theme=dark] .hero-orbit{border-color:rgba(230,235,242,.08)}.presentation[data-theme=dark] .presentation-eyebrow{color:#a8b0bb}.presentation[data-theme=dark] .presentation-lead{color:#c3c9d1}.presentation[data-theme=dark] .presentation-scroll{border-color:#59616c;color:#e5e8ed}.presentation[data-theme=dark] .hero-monogram{opacity:.045;filter:grayscale(1) invert(1)}.presentation[data-theme=dark] .presentation-language button[aria-pressed=true]{background:#f1f3f6;color:#20242a}.presentation[data-theme=dark] .presentation-theme{color:#f1f3f6}.presentation[data-theme=dark] .card-number,.presentation[data-theme=dark] .method-item>span{color:#929ba7}.presentation[data-theme=dark] .partnership-section{background:#08090b}.presentation[data-theme=dark] .partnership-mark{color:rgba(255,255,255,.035)}
@media(max-width:800px){.presentation-hero{min-height:570px;padding-top:80px;padding-bottom:80px}.hero-monogram{right:-8%;width:clamp(200px,43vw,330px);opacity:.045}.mission-section,.method-section{grid-template-columns:1fr;gap:28px}.mission-copy{padding-top:0}.expertise-inner .section-heading{grid-template-columns:1fr;gap:20px}.expertise-inner .section-heading .presentation-eyebrow{grid-column:auto}.expertise-inner .section-intro{margin-top:0}.expertise-grid{grid-template-columns:1fr;margin-top:35px}.expertise-card{min-height:0}.expertise-card h3{margin-top:23px}.card-tags{padding-top:18px}.presentation-section{padding-top:82px;padding-bottom:85px}.partnership-inner{padding-top:80px;padding-bottom:85px}}
@media(max-width:560px){.presentation-header{height:72px;padding:0 16px}.presentation-brand img{width:100px}.presentation-nav{gap:14px;font-size:12px}.presentation-tools{gap:6px}.presentation-language button,.presentation-theme{min-width:30px;height:30px;padding:0 6px;font-size:10px}.presentation-theme{width:31px;font-size:16px}.presentation-hero{min-height:570px;padding:75px 24px 80px}.presentation-hero h1{font-size:clamp(49px,13vw,68px)}.presentation-lead{font-size:16px}.presentation-section,.partnership-inner{width:calc(100% - 40px)}.section-heading h2{font-size:clamp(37px,10vw,52px)}.presentation-footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:22px 20px}.partnership-inner h2{font-size:clamp(40px,10vw,58px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.presentation,.presentation *{transition:none!important;scroll-behavior:auto!important}}
.partnership-mark{width:min(48vw,650px);right:-3%;color:transparent;font-size:0;font-weight:400;letter-spacing:normal;line-height:normal}
.partnership-mark img{display:block;width:100%;height:auto;opacity:.2;filter:brightness(0) invert(1)}
.partnership-section{background:radial-gradient(ellipse at 82% 4%,#303a47 0%,#202a36 38%,#171d26 100%)}
.partnership-inner{padding-top:100px;padding-bottom:110px}
.partnership-inner>h2{margin:20px 0 0;font-size:clamp(44px,6vw,72px);letter-spacing:-.06em}
.partnership-intro{max-width:620px;margin:16px 0 38px;color:#c3c9d1;font-size:16px;line-height:1.7}
.partner-card{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#f7f8fa;color:#18202a;box-shadow:0 28px 80px rgba(0,0,0,.24)}
.partner-banner{display:block;width:100%;height:auto;aspect-ratio:1984/793;object-fit:cover;background:#15171b}
.partner-card-content{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);gap:48px;align-items:center;padding:38px clamp(24px,5vw,64px) 42px}
.partner-brand{display:flex;align-items:center;gap:20px;min-width:0}
.partner-logo{display:block;width:94px;height:94px;flex:0 0 94px;object-fit:cover;border-radius:18px;background:#e5e7eb}
.partner-status{display:block;margin-bottom:8px;color:#66717e;font-size:10px;font-weight:700;letter-spacing:.12em}
.partner-brand h3{margin:0;color:#171b21;font-size:clamp(20px,2.2vw,27px);font-weight:650;letter-spacing:-.04em}
.partner-details{max-width:650px;border-left:1px solid #dfe2e6;padding-left:38px}
.partner-details p{margin:0 0 10px;color:#596371;font-size:14px;line-height:1.75}
.partner-details .partner-question{margin-bottom:12px;color:#18202a;font-size:18px;font-weight:600;line-height:1.5}
.partner-details strong{display:block;margin-top:18px;color:#18202a;font-size:13px;font-weight:650}
@media(max-width:800px){.partner-card-content{grid-template-columns:1fr;gap:25px;padding:28px}.partner-details{border-top:1px solid #dfe2e6;border-left:0;padding:23px 0 0}.partner-logo{width:76px;height:76px;flex-basis:76px}.partnership-inner{padding-top:80px;padding-bottom:85px}}
@media(max-width:560px){.partner-card{border-radius:18px}.partner-banner{aspect-ratio:1.9/1}.partner-card-content{gap:22px;padding:22px}.partner-details .partner-question{font-size:16px}.partner-details p{font-size:13px}.partner-details strong{font-size:12px}}
@media(max-width:800px){.partnership-mark{width:72vw;right:-20%}}

/* Mobile layout: keep the primary navigation and controls clear at phone widths. */
@media(max-width:680px){
  html,body{width:100%;overflow-x:hidden}
  .presentation-header{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "nav nav";row-gap:10px;padding:12px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}
  .presentation-brand{grid-area:brand;min-width:0}
  .presentation-brand img{width:104px;max-width:100%}
  .presentation-tools{grid-area:tools;gap:8px}
  .presentation-language button,.presentation-theme{min-width:44px;height:44px;padding:0 9px;font-size:11px}
  .presentation-theme{width:44px;font-size:18px}
  .presentation-nav{grid-area:nav;width:100%;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);font-size:13px}
  .presentation-nav a{display:flex;min-height:44px;align-items:center;padding:0 4px;white-space:nowrap}
  #mission,#approche,#partenariats{scroll-margin-top:132px}
  .presentation-hero{min-height:max(520px,calc(100svh - 126px));padding:64px 22px 70px;align-items:center}
  .presentation-hero-copy{max-width:100%}
  .presentation-eyebrow{margin-bottom:15px;font-size:10px;letter-spacing:.15em}
  .presentation-hero h1{font-size:clamp(38px,12vw,58px);line-height:1.02;letter-spacing:-.065em;overflow-wrap:anywhere}
  .presentation-lead{max-width:34rem;margin:20px 0 24px;font-size:16px;line-height:1.65}
  .presentation-scroll{min-height:44px;font-size:13px}
  .hero-monogram{top:auto;right:-22px;bottom:20px;width:145px;opacity:.035;transform:none}
  .presentation-section,.partnership-inner{width:calc(100% - 36px)}
  .presentation-section{padding-top:72px;padding-bottom:74px}
  .mission-section,.method-section{gap:22px}
  .mission-copy{font-size:15px;line-height:1.75}
  .expertise-inner{padding-top:72px;padding-bottom:76px}
  .expertise-inner .section-heading{gap:16px}
  .expertise-inner .section-intro{font-size:14px;line-height:1.75}
  .section-heading h2,.partnership-inner>h2{font-size:clamp(34px,9.5vw,48px);line-height:1.06;letter-spacing:-.06em;overflow-wrap:anywhere}
  .expertise-grid{gap:12px;margin-top:28px}
  .expertise-card{padding:22px;border-radius:14px}
  .expertise-card h3{margin:22px 0 10px;font-size:19px}
  .expertise-card p,.method-item p{font-size:14px;line-height:1.7}
  .card-tags{gap:7px;padding-top:17px}
  .card-tags span,.audience-tags span{font-size:11px}
  .method-item{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:19px 0}
  .method-item h3{font-size:16px}
  .partnership-inner{padding-top:70px;padding-bottom:74px}
  .partnership-inner>h2{margin-top:16px}
  .partnership-intro{margin:14px 0 25px;font-size:15px;line-height:1.7}
  .partnership-mark{width:55vw;right:-25%;opacity:.7}
  .partner-card{border-radius:16px}
  .partner-banner{aspect-ratio:1.65/1}
  .partner-card-content{gap:18px;padding:20px}
  .partner-brand{gap:14px}
  .partner-logo{width:64px;height:64px;flex-basis:64px;border-radius:14px}
  .partner-details{padding-top:18px}
  .partner-details .partner-question{font-size:16px;line-height:1.45}
  .partner-details p{font-size:14px;line-height:1.7}
  .partner-details strong{font-size:13px;line-height:1.6}
  .presentation-footer{gap:12px;padding:22px 18px max(22px,env(safe-area-inset-bottom));font-size:12px}
  .presentation-footer a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:380px){
  .presentation-header{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}
  .presentation-brand img{width:96px}
  .presentation-nav{font-size:12px}
  .presentation-nav a{padding:0 2px}
  .presentation-hero{padding-right:18px;padding-left:18px}
  .presentation-section,.partnership-inner{width:calc(100% - 32px)}
  .partner-card-content{padding:17px}
}
