/* Qui sommes-nous: existing Studio vocabulary, local page composition. */
.ue-page-about .about-hero{padding:58px 0 48px}
.ue-page-about .about-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:55px;align-items:center}
.ue-page-about .about-hero-copy{position:relative;z-index:2}
.ue-page-about .about-hero h1{font-size:clamp(55px,6vw,82px);line-height:1.03;text-align:left}
.ue-page-about .about-hero h1>span{margin-top:10px;padding-inline:14px}
.ue-page-about .about-hero-copy>p{max-width:56ch;color:#c8d7eb;font-size:16px;line-height:1.7;margin:28px 0}
.ue-page-about .about-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.ue-page-about .about-hero-actions .ue-secondary{padding-block:14px}
.ue-page-about .about-hero-media{position:relative;height:460px;width:100%;max-width:460px;justify-self:end;isolation:isolate}
.ue-page-about .about-hero-media::before{content:'';position:absolute;inset:20px 16px 12px 23px;border-radius:32px;background:var(--ue-blue);transform:rotate(7deg)}
.ue-page-about .about-hero-media .ue-scene-main{left:8%;top:0;width:84%;height:100%;transform:rotate(-3deg)}
.ue-page-about .about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ue-page-about .about-hero-media .ue-scene-main::after{inset:55% 0 0}
.ue-page-about .about-hero-media .ue-scene-main figcaption{left:25px;bottom:25px;max-width:11ch;font-size:33px}
.ue-page-about .about-since{position:absolute;z-index:3;bottom:-44px;right:0;padding:15px 23px;background:#dce9ff;color:var(--ue-night);border-radius:100px;font-size:13px;font-weight:600;transform:rotate(5deg)}
.ue-page-about .about-hero-media{margin-bottom:35px}
.ue-page-about .about-hero-note{max-width:43ch;color:#a9bed9;font-size:11px;line-height:1.5;margin:30px 0 0}
.ue-page-about .about-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:45px;margin-bottom:45px}
.ue-page-about .about-heading h2{margin:0}
.ue-page-about .about-heading>p{margin:0;color:var(--ue-muted);font-size:16px;max-width:55ch}
.ue-page-about .about-story{background:#fff}
.ue-page-about .about-history{display:grid;grid-template-columns:1fr 1fr;gap:60px;list-style:none;margin:0;padding:0}
.ue-page-about .about-history>li{min-width:0;border-top:1px solid #b6c8e2;padding-top:28px}
.ue-page-about .about-history :is(time,.about-today){font-family:var(--ue-display);font-size:64px;line-height:1;letter-spacing:-.025em;color:var(--ue-blue);text-transform:uppercase}
.ue-page-about .about-history h3{margin:24px 0 15px;font-size:34px}
.ue-page-about .about-history p{margin:0;color:var(--ue-muted);font-size:15px;max-width:58ch}
.ue-page-about .about-territory{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:var(--ue-ice);border-radius:24px}
.ue-page-about .about-territory p{font-size:14px;margin:0;color:var(--ue-night)}
.ue-page-about .about-territory strong{font-weight:600}
.ue-page-about .about-territory .text-link{color:#124fbf;flex-shrink:0}
.ue-page-about .about-founders{background:var(--ue-paper)}
.ue-page-about .about-founder-names{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.ue-page-about .about-founder-names article{padding:28px 0 0;border-top:1px solid #b6c8e2}
.ue-page-about .about-founder-names h3{font-size:clamp(64px,7.5vw,96px);color:var(--ue-blue);margin:0 0 14px}
.ue-page-about .about-founder-names p{font-size:14px;color:var(--ue-muted);margin:0}
.ue-page-about .about-founder-names .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:12px}
.ue-page-about .about-craft{background:var(--ue-night);color:#fff}
.ue-page-about .about-craft .about-heading>p{color:#c8d7eb}
.ue-page-about .about-craft h2>span{color:#a6caff}
.ue-page-about .about-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ue-page-about .about-duo article{padding:38px;background:#173557;border-radius:28px}
.ue-page-about .about-duo article:nth-child(2){background:var(--ue-blue)}
.ue-page-about .about-duo article:nth-child(2) p{color:#fff}
.ue-page-about .about-duo h3{font-size:42px;margin:0 0 22px}
.ue-page-about .about-duo p{color:#dce9ff;font-size:15px;max-width:55ch;margin:0 0 22px}
.ue-page-about .about-duo ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}
.ue-page-about .about-duo li{border:1px solid #6386b0;border-radius:100px;padding:8px 13px;font-size:12px;color:#fff}
.ue-page-about .about-duo article:nth-child(2) li{border-color:#9dc5ff}
.ue-page-about .about-delivery-note{font-size:13px;color:#bfd0e7;max-width:85ch;margin:28px 0 0}
.ue-page-about .about-backstage{background:var(--ue-ice)}
.ue-page-about .about-backstage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:start}
.ue-page-about .about-film{min-width:0;margin:0}
.ue-page-about .about-film-link{position:relative;display:block;border-radius:28px;overflow:hidden;aspect-ratio:16/10;background:var(--ue-night);color:#fff}
.ue-page-about .about-film-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ue-ease)}
.ue-page-about .about-film-link::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0c1c32e8)}
.ue-page-about .about-film-action{position:absolute;z-index:1;inset:auto 22px 22px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;line-height:1.4}
.ue-page-about .about-play{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--ue-night)}
.ue-page-about .about-play svg{width:22px;height:22px}
.ue-page-about .about-film figcaption{margin:17px 0 0;color:var(--ue-muted);font-size:12px;line-height:1.6}
.ue-page-about .about-backstage-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ue-page-about .about-backstage-list li{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #b5c8e5}
.ue-page-about .about-backstage-list li:last-child{padding-bottom:0;margin-bottom:0;border:0}
.ue-page-about .about-backstage-list h3{font-size:31px;margin:0 0 12px}
.ue-page-about .about-backstage-list p{font-size:15px;color:var(--ue-muted);margin:0;max-width:58ch}
.ue-page-about .about-inclusion{margin-top:45px;padding-top:28px;border-top:1px solid #b5c8e5;display:flex;align-items:start;gap:40px;justify-content:space-between}
.ue-page-about .about-inclusion h3{font-size:30px;margin:0;flex-shrink:0}
.ue-page-about .about-inclusion p{font-size:14px;color:var(--ue-muted);max-width:70ch;margin:0}
.ue-page-about .about-proof{background:#fff;padding-block:38px}
.ue-page-about .about-proof .v2-client-logos{gap:24px}
.ue-page-about .about-faq{background:var(--ue-paper)}
.ue-page-about .about-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:start}
.ue-page-about .about-faq-heading h2{margin:0 0 25px}
.ue-page-about .about-faq-heading>p{font-size:15px;color:var(--ue-muted);max-width:42ch;margin:0 0 24px}
.ue-page-about .about-faq-heading .text-link{color:#124fbf}
@media(hover:hover){.ue-page-about .about-film-link:hover img{transform:scale(1.03)}}
@media(max-width:1100px){
  .ue-page-about .about-hero-grid{gap:30px}.ue-page-about .about-hero h1{font-size:64px}.ue-page-about .about-hero-media{height:410px}.ue-page-about .about-hero-copy>p{font-size:15px}
  .ue-page-about .about-heading{gap:30px}.ue-page-about .about-backstage-grid{gap:35px}.ue-page-about .about-duo article{padding:30px}.ue-page-about .about-duo h3{font-size:37px}.ue-page-about .about-inclusion{gap:30px}
}
@media(max-width:900px){
  .ue-page-about .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:20px}.ue-page-about .about-hero h1{font-size:52px}.ue-page-about .about-hero h1>span{padding-inline:10px}.ue-page-about .about-hero-media{height:360px}.ue-page-about .about-hero-media .ue-scene-main figcaption{font-size:28px}.ue-page-about .about-hero-copy>p{font-size:14px}
  .ue-page-about .about-heading{grid-template-columns:1fr;gap:23px}.ue-page-about .about-history{gap:30px}.ue-page-about .about-history h3{font-size:30px}.ue-page-about .about-history :is(time,.about-today){font-size:52px}
  .ue-page-about .about-backstage-grid{grid-template-columns:1fr;gap:35px}.ue-page-about .about-film-link{aspect-ratio:16/9}.ue-page-about .about-inclusion{display:block}.ue-page-about .about-inclusion h3{margin-bottom:15px}
  .ue-page-about .about-faq-layout{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .ue-page-about .about-hero{padding:35px 0 45px}.ue-page-about .about-hero-grid{grid-template-columns:1fr;gap:32px}.ue-page-about .about-hero h1{font-size:clamp(42px,10.3vw,64px)}.ue-page-about .about-hero-copy>p{font-size:15px;margin:23px 0}.ue-page-about .about-hero-actions{gap:12px 20px}.ue-page-about .about-hero-actions .button{font-size:13px;padding-inline:21px}.ue-page-about .about-hero-note{display:none}
  .ue-page-about .about-hero-media{justify-self:center;max-width:380px;height:360px;margin-bottom:35px}.ue-page-about .about-hero-media .ue-scene-main{left:5%;width:88%;height:100%}.ue-page-about .about-hero-media .ue-scene-main::after{inset:50% 0 0;background:linear-gradient(transparent,#0c1c32e8)}.ue-page-about .about-hero-media .ue-scene-main figcaption{top:auto;bottom:23px;left:23px;font-size:31px}.ue-page-about .about-since{bottom:-44px;right:0;font-size:12px;padding:13px 20px}
  .ue-page-about .about-heading{margin-bottom:32px;gap:21px}.ue-page-about .about-heading>p{font-size:15px}.ue-page-about .about-history{grid-template-columns:1fr;gap:36px}.ue-page-about .about-history>li{padding-top:23px}.ue-page-about .about-history h3{margin-top:20px;font-size:31px}.ue-page-about .about-history :is(time,.about-today){font-size:56px}
  .ue-page-about .about-territory{display:block;padding:25px;margin-top:35px}.ue-page-about .about-territory p{margin-bottom:20px}
  .ue-page-about .about-founder-names{grid-template-columns:1fr;gap:30px}.ue-page-about .about-founder-names h3{font-size:64px}
  .ue-page-about .about-duo{grid-template-columns:1fr;gap:18px}.ue-page-about .about-duo article{padding:28px}.ue-page-about .about-duo h3{font-size:38px}.ue-page-about .about-duo p{font-size:14px}.ue-page-about .about-duo li{font-size:11px}.ue-page-about .about-delivery-note{font-size:12px}
  .ue-page-about .about-film-link{aspect-ratio:4/3}.ue-page-about .about-film-link img{object-position:37% center}.ue-page-about .about-film-action{inset:auto 20px 20px;font-size:13px}.ue-page-about .about-play{width:42px;height:42px}.ue-page-about .about-backstage-list h3{font-size:31px}.ue-page-about .about-inclusion{margin-top:33px}.ue-page-about .about-proof{padding-block:30px}
}
@media(max-width:360px){
  .ue-page-about .about-hero h1{font-size:37px}.ue-page-about .about-hero h1>span{padding-inline:8px}.ue-page-about .about-hero-media{height:320px}.ue-page-about .about-hero-media .ue-scene-main figcaption{font-size:28px}
  .ue-page-about .about-film-action{gap:10px;font-size:12px}.ue-page-about .about-duo article{padding:25px}
}
