/* The Team's front page: the finish stadium, a film and a field report. */
.picasso-home main {
  --home-ink: #0a2133;
  --home-muted: #405868;
  --home-ice: #eaf2f5;
  --home-blue: #006289;
  --home-pad: max(clamp(18px, 5vw, 72px), calc((100% - 1192px) / 2));
  --home-block: clamp(42px, 5.8vw, 88px);
  --home-gap: clamp(24px, 5.5vw, 82px);
}
.picasso-home .collector-strip .golden-invite {
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 3px 17px;
  padding: 10px var(--home-pad);
  background: linear-gradient(105deg,#171613,#25201b 67%,#171819);
  border-block: 1px solid #a388475c;
}
.picasso-home .collector-strip .golden-invite img { width:44px; height:50px; }
.picasso-home .collector-strip .golden-invite strong {
  font: italic 700 clamp(1.12rem,1.8vw,1.62rem)/1.12 Georgia,serif;
  color:#ffe2a0; letter-spacing:0; text-transform:none;
}
.picasso-home .collector-strip .golden-invite strong i {
  color:#efdfc0; font:500 .88rem/1.2 system-ui,sans-serif;
}
.picasso-home .collector-strip .golden-invite>span {
  font:400 .94rem/1.36 system-ui,sans-serif; color:#eee6d7; text-wrap:pretty;
}
.picasso-home .collector-strip .golden-invite u {
  border:1px solid #f2d99b; border-radius:6px; padding:9px 15px; color:#272117;
  background:#f5dfa6; font:650 .94rem/1.3 system-ui,sans-serif;
}
.picasso-home .collector-strip .golden-invite:hover u { background:#ffedbf; }
.picasso-home .hero#accueil {
  display:grid; grid-template-columns:minmax(0,49fr) minmax(0,51fr);
  grid-template-rows:auto auto; align-items:center; min-height:0;
  background:#071b2c; isolation:isolate;
}
.picasso-home .hero .hero-content {
  align-self:end; display:flex; flex-direction:column; align-items:flex-start;
  grid-area:1/1; max-width:none; width:100%; min-width:0;
  padding:clamp(34px,4.4vw,78px) clamp(24px,4vw,65px) 0 var(--home-pad);
  /* Percentages on a grid item resolve to its column; use the viewport gutter. */
  padding-inline-start:max(clamp(18px,5vw,72px),calc((100vw - 1192px)/2));
}
.picasso-home .hero .hero-content .signature { display:none; }
.picasso-home .hero .hero-content .eyebrow {
  margin:0 0 1.15rem; padding:0; background:transparent; border:0;
  color:#c6e5f0; font:700 .76rem/1.5 system-ui,sans-serif; letter-spacing:.1em; text-align:left;
}
.picasso-home .hero .hero-content .eyebrow .swiss {
  border-radius:1px; margin-inline-end:.4em; vertical-align:.04em;
}
.picasso-home .hero h1 {
  margin:0; color:#fff; font:italic 700 clamp(3.3rem,5vw,5.3rem)/.99 Georgia,serif;
  letter-spacing:-.052em; max-width:13ch; text-wrap:balance; overflow-wrap:anywhere;
}
.picasso-home .hero .hero-content .lead {
  font:400 clamp(1.08rem,1.36vw,1.26rem)/1.52 system-ui,sans-serif;
  margin:1.1rem 0 0; max-width:47ch; color:#e5edf2;
}
.picasso-home .hero .hero-content .actions {
  display:flex; flex-flow:row wrap; align-items:center; gap:4px 18px; margin:1.08rem 0 0; order:1;
}
.picasso-home .hero .hero-content .actions a {
  display:inline-flex; align-items:center; min-height:44px; max-width:100%;
  font:650 .97rem/1.35 system-ui,sans-serif; text-align:left; white-space:normal;
}
.picasso-home .hero .hero-content .primary {
  border:1px solid #ef344c; background:#cd1735; color:#fff; padding:10px 16px; border-radius:6px;
}
.picasso-home .hero .hero-content .primary:hover { background:#b9102b; }
.picasso-home .hero .hero-content .secondary {
  padding:5px 0; background:transparent; border:0; color:#ecf6fc;
  text-decoration:underline; text-decoration-color:#7796a9; text-underline-offset:.27em;
}
.picasso-home .hero .hero-content .secondary:hover,.picasso-home .hero .hero-worlds-link:hover { color:#9cddff; }
@media (min-width:1050px) {
  .picasso-home .hero .hero-content .actions {
    display:grid; grid-template-columns:minmax(0,auto) minmax(0,auto); justify-items:start;
  }
  .picasso-home .hero .hero-content .actions .primary { grid-column:1 / -1; }
}
.picasso-home .hero .hero-content .hero-worlds-link {
  display:inline-flex; align-items:center; margin:3px 0 0; min-height:42px;
  font:550 .91rem/1.45 system-ui,sans-serif; color:#b6dce9; order:2;
}
.picasso-home .hero .hero-photo {
  grid-area:1/2/3/3; position:relative; align-self:stretch; width:100%; height:auto; aspect-ratio:auto;
}
.picasso-home .hero .hero-photo img { object-position:50% 62%; }
.picasso-home .hero .hero-photo figcaption {
  max-width:calc(100% - 28px); bottom:14px; right:14px; border-radius:4px;
  background:#071b2ce8; font:500 .75rem/1.4 system-ui,sans-serif; letter-spacing:.01em;
}
.picasso-home .hero .race-clock {
  grid-area:2/1; justify-self:stretch; align-self:start; display:grid;
  grid-template-columns:minmax(0,1fr) auto; width:auto; max-width:30rem;
  margin:13px clamp(24px,4vw,65px) clamp(28px,3vw,52px) max(clamp(18px,5vw,72px),calc((100vw - 1192px)/2));
  padding:14px 0 0; border:0; border-top:1px solid #537186; border-radius:0;
  background:transparent; box-shadow:none; gap:8px 12px;
}
.picasso-home .hero .race-clock>b {
  grid-area:1/1; font:650 .83rem/1.45 system-ui,sans-serif; color:#cbe1ea;
}
.picasso-home .hero .race-clock>time {
  grid-area:1/2; align-self:start; margin:0; color:#cbe1ea; font:.82rem/1.45 system-ui,sans-serif;
}
.picasso-home .hero .race-clock #race-time { grid-area:2/1/3/3; }
.picasso-home .hero .race-clock #race-time:not([hidden]) { margin:0; }
.picasso-home .hero .race-clock #race-time span { padding-inline:4px; gap:.15rem; }
.picasso-home .hero .race-clock strong { font:650 clamp(1.25rem,1.8vw,1.85rem)/1 system-ui,sans-serif; font-variant-numeric:tabular-nums; }
.picasso-home .hero .race-clock small { font:500 .76rem/1.4 system-ui,sans-serif; }
.picasso-home .hero :focus-visible { outline:3px solid #90dbff; outline-offset:3px; }

.picasso-home :is(.mission-chapter,.shot-banner,.tp-chapter,.picasso-journee,.home-suppliers) {
  padding-block:var(--home-block);
}
.picasso-home main :is(.tp-chapter,.home-suppliers) { width:100%; max-width:none; margin:0; padding-inline:var(--home-pad); }
.picasso-home main :is(.mission-chapter,.shot-banner) { padding-inline:var(--home-pad); }
.picasso-home main .picasso-journee__inner { width:auto; margin-inline:var(--home-pad); }
.picasso-home main :is(.tp-chapter,.mission-chapter,.picasso-journee,.home-suppliers) h2 {
  color:inherit; margin:0 0 .5em; font:700 clamp(2.05rem,3.55vw,3.7rem)/1.05 system-ui,sans-serif;
  letter-spacing:-.055em; max-width:22ch; text-wrap:balance; overflow-wrap:break-word;
}
.picasso-home main :is(.tp-chapter,.mission-chapter,.shot-banner,.picasso-journee) p {
  font:400 clamp(1rem,1.12vw,1.12rem)/1.62 system-ui,sans-serif; max-width:62ch;
}
.picasso-home main :is(.mission-chapter,.shot-banner,.picasso-journee) figcaption {
  font:500 .84rem/1.48 system-ui,sans-serif; margin:.68rem 0 0; text-align:left;
}
.picasso-home main :is(.tp-link,.mission-action,.mondiaux-link,.picasso-journee__link) {
  display:inline-flex; align-items:center; min-height:44px; font:650 .98rem/1.45 system-ui,sans-serif;
  text-underline-offset:.25em; text-decoration-thickness:1px;
}
.picasso-home main :is(.tp-chapter,.mission-chapter) :is(.tp-link,.mission-action,.mondiaux-link) {
  color:var(--home-blue);
}
.picasso-home main #video-team-picasso {
  background:#e8eff1; color:var(--home-ink); display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:var(--home-gap);
  border:0; border-bottom:1px solid #cddae0;
}
.picasso-home main #video-team-picasso h2 { max-width:15ch; }
.picasso-home #video-team-picasso>div:first-child>p:not(.tp-date) { color:#2d495b; }
.picasso-home #video-team-picasso .tp-date { color:#49636f; font-size:.86rem; margin-bottom:0; }
.picasso-home #video-team-picasso .team-short { width:100%; min-width:0; }
.home-film-shell {
  position:relative; display:block; width:100%; aspect-ratio:1.48; overflow:hidden;
  background:#071b2c; border-radius:8px;
}
.home-film-launch { display:block; position:absolute; inset:0; color:white; text-decoration:none; }
.home-film-launch img { width:100%; height:100%; object-fit:cover; object-position:52% 55%; display:block; }
.home-film-launch::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#03152399,transparent 45%); }
.home-film-launch:focus-visible { outline:4px solid #e77f45; outline-offset:-4px; z-index:1; }
.home-film-label {
  position:absolute; z-index:1; left:clamp(14px,2vw,28px); bottom:clamp(14px,2vw,28px);
  display:inline-flex; gap:.75rem; align-items:center; padding:.65rem 1.05rem .65rem .8rem;
  border-radius:100px; background:#fff; color:#0c2d41; font:700 .96rem/1.25 system-ui,sans-serif;
}
.home-film-label::before {
  content:""; display:block; width:0; height:0; border-block:6px solid transparent; border-inline-start:10px solid #bd1838;
}
.home-film-launch:hover .home-film-label { background:#e4f6ff; }
.home-film-shell iframe { display:block; width:100%; height:100%; border:0; }
.picasso-home #video-team-picasso .team-short>.mondiaux-link { font-size:.87rem; }
.picasso-home .mission-story,.picasso-home .mission-wm,.picasso-home .mission-reading { gap:var(--home-gap); }
.picasso-home .mission-story { background:#fff; }
.picasso-home .mission-story>figure,.picasso-home .mission-reading .actual { width:min(100%,440px); }
.picasso-home .mission-story>figure img { width:100%; height:auto; max-height:none; aspect-ratio:1.08; object-fit:cover; object-position:50% 52%; }
.picasso-home .mission-reading { background:#f3f7f8; border-block:1px solid #dce5e8; align-items:center; }
.picasso-home .mission-reading .actual img { width:100%; max-height:none; aspect-ratio:.91; object-fit:cover; object-position:54% 59%; }
.picasso-home .mission-reading .diagram { width:min(100%,330px); }
.picasso-home .shot-banner { background:#0d2c40; }
.picasso-home .shot-banner .shot-spread { gap:var(--home-gap); }
.picasso-home .shot-banner .shot-kicker { font-size:.77rem; font-weight:700; }
.picasso-home .shot-banner h2 { font-size:clamp(2.15rem,3.7vw,3.9rem); line-height:1.08; }
.picasso-home .shot-banner .shot-stories-links a { min-height:44px; }
.picasso-home .picasso-journee { background:#f3f7f8; }
.picasso-home .picasso-journee ol { gap:clamp(16px,2vw,28px); }
.picasso-home .picasso-journee li { border-color:#88afbf; border-width:1px; padding-top:1rem; }
.picasso-home .picasso-journee h3 { margin-top:1rem; font-size:1.17rem; }
.picasso-home .picasso-journee figure img,.picasso-home main :is(.mission-chapter,.shot-banner) figure img { border-radius:6px; }
.picasso-home .mission-faq { background:#fff; }
.picasso-home .mission-faq summary { padding-block:1.08rem; }
.picasso-home .mission-wm { background:#0c2b40; }
.picasso-home main .mission-wm .mission-action { color:#b7e2f6; }
.picasso-home #materiel-apercu { color:var(--home-ink); background:#f3f7f8; }
.picasso-home .tp-feature { gap:var(--home-gap); }
.picasso-home #materiel-apercu .tp-feature>img { max-height:350px; object-fit:cover; aspect-ratio:1.7; border-radius:6px; }
.picasso-home #photos { background:#fff; color:var(--home-ink); }
.picasso-home #photos .tp-strip { gap:clamp(8px,1.35vw,20px); }
.picasso-home #photos .tp-strip img { aspect-ratio:1.35; border-radius:6px; }
.picasso-home #creations { color:var(--home-ink); background:#e9eff1; }
.picasso-home #creations .tp-feature { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
.picasso-home #creations .tp-feature>img { width:min(100%,260px); height:auto; aspect-ratio:1; justify-self:center; border-radius:6px; }
.picasso-home main .home-suppliers { background:#f7f8f6; color:var(--home-ink); }
.picasso-home .home-suppliers .maisons { gap:clamp(15px,2.5vw,36px); }
.picasso-home .home-suppliers .maisons>a { border-color:#c5d2d8; border-radius:8px; }
.picasso-home .home-suppliers .maisons .marque img { width:120px; max-height:34px; }
.picasso-home .home-suppliers .maisons .marque { height:36px; }

@media (max-width:1000px) and (min-width:741px) {
  .picasso-home .hero#accueil { grid-template-columns:minmax(0,52fr) minmax(0,48fr); }
  .picasso-home .hero h1 { font-size:clamp(2.8rem,5.3vw,3.6rem); }
  .picasso-home .hero .hero-content { padding:32px 26px 0 5vw; }
  .picasso-home .hero .hero-photo { aspect-ratio:auto; }
  .picasso-home .hero .race-clock { margin:14px 26px 26px 5vw; }
}
@media (max-width:740px) {
  .picasso-home .collector-strip .golden-invite {
    grid-template-columns:40px minmax(0,1fr); gap:3px 10px; padding:9px var(--home-pad);
  }
  .picasso-home .collector-strip .golden-invite img { width:39px; height:47px; grid-area:1/1/4/2; }
  .picasso-home .collector-strip .golden-invite strong { grid-area:1/2; font-size:1.1rem; }
  .picasso-home .collector-strip .golden-invite strong i { font-size:.79rem; }
  .picasso-home .collector-strip .golden-invite>span { grid-area:2/2; font-size:.86rem; line-height:1.3; }
  .picasso-home .collector-strip .golden-invite u {
    grid-area:3/2; justify-self:start; padding:2px 0; border:0; background:transparent;
    color:#ffe09c; font-weight:700; text-decoration:underline; text-underline-offset:.2em;
  }
  .picasso-home .collector-strip .golden-invite:hover u { background:transparent; }
  .picasso-home .hero#accueil { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; }
  .picasso-home .hero .hero-photo { grid-area:1/1; aspect-ratio:1.62; }
  .picasso-home .hero .hero-photo img { object-position:50% 61%; }
  .picasso-home .hero .hero-photo figcaption { right:10px; bottom:8px; font-size:.67rem; }
  .picasso-home .hero .hero-content { grid-area:2/1; padding:25px var(--home-pad) 0; }
  .picasso-home .hero .hero-content .eyebrow { font-size:.71rem; margin-bottom:.8rem; }
  .picasso-home .hero h1 { font-size:clamp(2.62rem,8.7vw,3.85rem); max-width:17ch; }
  .picasso-home .hero .hero-content .lead { font-size:1.05rem; margin-top:.85rem; }
  .picasso-home .hero .hero-content .actions { display:grid; grid-template-columns:minmax(0,1fr); justify-items:start; gap:0; margin-top:.85rem; }
  .picasso-home .hero .hero-content .secondary { padding:5px 0; font-size:.91rem; }
  .picasso-home .hero .race-clock { grid-area:3/1; margin:13px var(--home-pad) 28px; }
  .picasso-home main #video-team-picasso,.picasso-home #creations .tp-feature { grid-template-columns:minmax(0,1fr); }
  .picasso-home #video-team-picasso .team-short { justify-self:stretch; }
  .home-film-shell { aspect-ratio:1.23; }
  .home-film-shell.is-playing { aspect-ratio:9/16; width:min(100%,330px); margin:auto; }
  .picasso-home .mission-story>figure,.picasso-home .mission-reading .actual { width:100%; }
  .picasso-home .mission-story>figure img { aspect-ratio:1.15; max-height:400px; }
  .picasso-home .mission-reading .actual img { aspect-ratio:1.24; max-height:420px; }
  .picasso-home #photos .tp-strip img { aspect-ratio:.77; }
  .picasso-home #creations .tp-feature>img { width:min(100%,220px); }
}
@media (min-width:1700px) {
  .picasso-home .hero#accueil { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .picasso-home .hero .hero-photo { max-height:810px; }
}