/* Patterns from Incentive Design System/src/styles.css: official 7px tile and diagonal checkerboard. */
:root{--texture-incentive:url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1.5' height='1.5' fill='%23fff' fill-opacity='0.5'/%3E%3C/svg%3E");--surface:#1c1b1a;--surface-raised:#272725;}
/* Local stacking contexts keep every texture behind content and controls. */
.home-hero,.hero,.participation-intro,.home-page #episodes,.models-section,
.home-page #modeles,.home-principles article,.home-subjects article,
.conviction-panel,.invitation-panel,.application-context{
  position:relative;isolation:isolate;
}
.home-hero::before,.hero::before,.participation-intro::before,
.home-page #episodes::before,.models-section::before,.home-page #modeles::before,
.home-principles article::before,.home-subjects article::before,
.conviction-panel::before,.invitation-panel::before,.application-context::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
}
/* Wide surfaces alternate with the untextured editorial sections. */
.home-hero,.hero,.home-page #episodes,.models-section,.home-page #modeles{
  max-width:none;
  padding-inline:max(clamp(22px,5vw,76px),calc((100% - 1288px)/2));
}
.home-hero{
  background:linear-gradient(125deg,#080808 15%,#1c1b1a 100%);
  padding-top:40px;padding-bottom:24px;border-top:1px solid #ffffff08;
}
.home-hero::before,.hero::before,.participation-intro::before,
.conviction-panel::before,.home-subjects article:nth-child(4)::before{
  background-image:repeating-conic-gradient(#b9bdb5 0% 25%,transparent 0% 50%);
  background-size:6px 6px;opacity:.11;
  mask-image:radial-gradient(ellipse at 75% 12%,#000 0%,transparent 55%),radial-gradient(ellipse at 0% 90%,#000 0%,transparent 60%);
  -webkit-mask-image:radial-gradient(ellipse at 75% 12%,#000 0%,transparent 55%),radial-gradient(ellipse at 0% 90%,#000 0%,transparent 60%);
}
.home-diagram{background-color:#080808;box-shadow:9px 9px 0 -1px #141413,9px 9px 0 #55514b,0 22px 55px #0006}
.home-editorial-strip{background:#080808a6;padding-inline:22px;border-color:#55514b}
.home-page #approche{padding-bottom:0}
.home-principles{background:#080808}
.home-principles article:nth-child(2){background:var(--surface)}
.home-principles article:nth-child(2)::before,
.home-page #episodes::before,.models-section::before,.home-page #modeles::before,
.invitation-panel::before,.application-context::before{
  background-image:var(--texture-incentive);background-size:7px 7px;background-repeat:repeat;
  opacity:.23;mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 100%);
}
.home-principles article:nth-child(2)::before{mask-image:linear-gradient(135deg,transparent,#000);-webkit-mask-image:linear-gradient(135deg,transparent,#000)}
.home-page #episodes{margin-top:85px;padding-block:48px 55px;background:var(--surface);border-block:1px solid var(--line)}
.home-page #episodes .section-label{border-top:0;padding-top:0}
.home-page #episodes::before{opacity:.3}
.episode-visual{box-shadow:0 18px 45px #0005}
.home-subjects article{padding-inline:30px;background:#080808}
.home-subjects article:nth-child(even){padding-right:30px}
.home-subjects article:nth-child(4){background:var(--surface)}
.home-subjects article:nth-child(4)::before{opacity:.16}
.home-page #modeles,.models-section{margin-top:85px;padding-block:48px 65px;background:#121211;border-block:1px solid var(--line)}
.home-page #modeles .section-label,.models-section .section-label{padding-top:0;border-top:0}
.home-page #modeles::before,.models-section::before{mask-image:linear-gradient(90deg,transparent 20%,#000 90%);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 90%);opacity:.25}
.model-preview{background:#080808;box-shadow:12px 12px 0 -1px #1c1b1a,12px 12px 0 #55514b,0 24px 45px #0006}
.conviction-panel{background:var(--surface-raised);border-color:#6a6560;background-image:none}
.conviction-panel::before{opacity:.19}
.home-guest{background:var(--bg)}
/* The guest journey uses the same rhythm, with its diagrams on solid panels. */
.hero{padding-bottom:45px;background:linear-gradient(#161615,#030303 90%)}
.hero::before{opacity:.1;mask-image:linear-gradient(#000,transparent 65%);-webkit-mask-image:linear-gradient(#000,transparent 65%)}
.invitation-panel{background:var(--surface);background-image:none;box-shadow:0 18px 50px #0004}
.invitation-panel::before{top:0;left:0;color:transparent;opacity:.3}
.guest-benefit{background:#080808b3}
.participation-intro{padding-inline:30px;margin-inline:-30px;background:linear-gradient(120deg,#030303,var(--surface));border-bottom:1px solid var(--line)}
.participation-intro::before{opacity:.11}
.application-layout{border-top:0}
.application-context{padding:25px;background:var(--surface);border:1px solid var(--line);align-self:start}
.application-context::before{opacity:.22;mask-image:linear-gradient(150deg,transparent,#000);-webkit-mask-image:linear-gradient(150deg,transparent,#000)}
.application-form{box-shadow:0 16px 45px #0005}
.footer{background:#080808}
@media(max-width:760px){
  .home-hero{padding-top:25px;padding-bottom:18px}
  .home-editorial-strip{padding-inline:14px}
  .home-page #episodes,.home-page #modeles,.models-section{margin-top:65px;padding-block:30px 40px}
  .home-subjects article,.home-subjects article:nth-child(even){padding:25px 20px}
  .home-page #episodes::before{opacity:.22}
  .hero{padding-bottom:30px}
  .participation-intro{padding-inline:18px;margin-inline:-10px}
  .application-context{padding:23px}
  .conviction-panel::before{opacity:.13}
}
@media(max-width:380px){.home-hero,.hero,.home-page #episodes,.models-section,.home-page #modeles{padding-inline:18px}}