/* Passage du O de MONDES au O de FONCLAUD. Les scènes restent lisibles sans JS. */
.js-o-portal .architecture{height:340svh}
.js-o-portal #direction.direction-motion{position:relative;z-index:1;height:300svh;margin-bottom:-200svh;perspective:1400px;transform-style:preserve-3d}
.js-o-portal #direction .direction__stage{position:sticky;top:0;z-index:0;transform:translateZ(calc(-480px * var(--arch-push-progress,0))) scale(calc(1 - .3 * var(--arch-push-progress,0)));transform-origin:center center;opacity:calc(1 - .9 * var(--arch-push-progress,0));filter:blur(calc(1.6px * var(--arch-push-progress,0)));will-change:transform,opacity,filter}
.js-o-portal #direction .direction__stage.is-arch-pushing{pointer-events:none}
.js-o-portal .architecture{position:relative;z-index:2;background:transparent}
.js-o-portal .architecture__sticky{z-index:1}
.architecture__source-o{display:inline-block;position:relative;width:.64em;height:.7em;vertical-align:-.035em;letter-spacing:0}
.architecture__source-o__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.architecture__source-o__shape{display:block;width:100%;height:100%;overflow:hidden;shape-rendering:geometricPrecision}
.architecture__source-o__counter{fill:#080a09;opacity:var(--portal-ink,0)}
.architecture__source-o__ring{fill:currentColor}
.architecture__source-o__photo{opacity:var(--portal-photo-opacity,1)}
.architecture__portal-film{display:none}
.js-o-portal .architecture h2{z-index:7;opacity:var(--portal-title-opacity,0)}
.js-o-portal .architecture__rest{opacity:var(--portal-source-rest-opacity,1)}
.js-o-portal .architecture p{opacity:var(--portal-title-opacity,0)}
.js-o-portal .architecture__source-o{z-index:7;transform:translate(var(--portal-flight-x,0px),var(--portal-flight-y,0px));will-change:transform}
.js-o-portal .architecture__source-o__shape{position:absolute;left:50%;top:50%;width:var(--portal-flight-width,100%);height:var(--portal-flight-height,100%);max-width:none;transform:translate(-50%,-50%)}
.js-o-portal .architecture__source-o.is-vector-flight .architecture__source-o__photo{display:none}
.js-o-portal .architecture__portal-film{display:block;position:absolute;inset:0;z-index:5;overflow:hidden;opacity:var(--portal-video-opacity,0);clip-path:ellipse(var(--portal-hole-rx,0px) var(--portal-hole-ry,0px) at var(--portal-hole-x,50%) var(--portal-hole-y,50%));pointer-events:none}
.architecture__portal-poster,.architecture__portal-poster img,.architecture__portal-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.architecture__portal-poster img{object-fit:cover}
.architecture__portal-canvas{opacity:0}
.architecture__portal-film.is-frame-ready .architecture__portal-canvas{opacity:1}
.o-portal-handoff{position:fixed;z-index:20;inset:0;display:none;overflow:hidden;pointer-events:none}
.o-portal-handoff.is-visible{display:block}
.o-portal-handoff .architecture__portal-film{position:absolute;inset:0;z-index:auto;display:block;clip-path:none;opacity:1}
.o-portal-handoff .architecture__portal-film::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,8,.65),rgba(6,12,8,.4) 42%,rgba(6,12,8,.35)),radial-gradient(ellipse at 50% 52%,rgba(6,12,8,.48),transparent 75%);opacity:.3;pointer-events:none}
.is-o-portal .site-header,.is-o-portal .side-rail{opacity:0;pointer-events:none}

.elrick-story__portal-space,.elrick-story__portal-word{display:none}
.js-o-portal .elrick-story__portal-word{display:block;position:fixed;z-index:30;top:50%;left:50%;width:max-content;max-width:none;font:400 clamp(82px,13vw,220px)/.7 var(--serif);letter-spacing:-.09em;white-space:nowrap;color:#f8f7f3;opacity:var(--portal-word-opacity,0);transform:translate(-50%,-50%);pointer-events:none;text-shadow:0 2px 20px #0005}
.js-o-portal .elrick-story__portal-rest{opacity:var(--portal-rest-opacity,0)}
.js-o-portal .elrick-story__portal-o{display:inline-block;position:relative;width:.64em;height:.7em;vertical-align:-.035em;transform:translateX(var(--portal-exit-shift,0px));will-change:transform}
.js-o-portal .elrick-story__portal-o svg{position:absolute;left:50%;top:50%;display:block;width:var(--portal-exit-width,100%);height:var(--portal-exit-height,100%);max-width:none;transform:translate(-50%,-50%)}
.js-o-portal .elrick-story__portal-o .architecture__source-o__counter{display:none}
.js-o-portal .elrick-story__portal-o .architecture__source-o__photo{opacity:var(--portal-exit-photo-opacity,0)}
.js-o-portal .elrick-story__portal-o.is-vector-flight .architecture__source-o__photo{display:none}
.js-o-portal .elrick-story__veil{transition:opacity .5s ease}
.js-o-portal .elrick-story.is-portal-intro .elrick-story__veil{opacity:.3}
.js-o-portal .elrick-story.is-portal-intro .elrick-story__top,.js-o-portal .elrick-story.is-portal-intro .elrick-story__progress,.js-o-portal .elrick-story.is-portal-intro .elrick-story__chapter{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html.js-elrick-pinned .elrick-story{height:1100svh}
html.js-elrick-pinned .elrick-story__narrative{height:680svh}
html.js-elrick-pinned .elrick-story__chapter{left:50%;right:auto;width:min(78vw,900px);max-width:none;text-align:center;transform:translate(-50%,calc(-50% + 30px))}
html.js-elrick-pinned .elrick-story__chapter.is-active{transform:translate(-50%,-50%)}
.elrick-story__chapter{text-align:center}
.elrick-story__chapter h2,.elrick-story__chapter>p:not(.elrick-story__eyebrow){margin-left:auto;margin-right:auto}
.elrick-story__top{justify-content:center;gap:28px;max-width:none;text-align:center}
.elrick-story__progress{right:50%;transform:translateX(50%)}
.elrick-story__veil{background:linear-gradient(0deg,rgba(6,12,8,.65),rgba(6,12,8,.4) 42%,rgba(6,12,8,.35)),radial-gradient(ellipse at 50% 52%,rgba(6,12,8,.48),transparent 75%)}

@media(max-width:700px),(max-height:700px){
  .js-o-portal .architecture{height:300svh}
  .js-o-portal .elrick-story__portal-space{display:block;height:96svh}
  .elrick-story__stage{padding-left:6vw;padding-right:6vw}
  .elrick-story__chapter{max-width:100%;margin-left:auto;margin-right:auto}
  .elrick-story__chapter>p:not(.elrick-story__eyebrow){max-width:650px}
  .elrick-story__top{justify-content:center;flex-wrap:wrap}
}
@media(max-width:700px){
  .js-o-portal .elrick-story__portal-word{font-size:17.2vw;letter-spacing:-.1em}
  .elrick-story__veil{background:linear-gradient(0deg,rgba(6,12,8,.91),rgba(6,12,8,.48) 65%,rgba(6,12,8,.35))}
}
@media(prefers-reduced-motion:reduce){
  .js-o-portal .architecture{height:auto}
  .js-o-portal #direction.direction-motion{height:auto;margin-bottom:0;perspective:none;transform-style:flat}
  .js-o-portal #direction .direction__stage{position:static;height:auto;transform:none;opacity:1;filter:none;will-change:auto}
  .elrick-story__portal-word,.elrick-story__portal-space{display:none!important}
  .architecture__source-o__counter{opacity:0}
  .js-o-portal .architecture h2,.js-o-portal .architecture p,.js-o-portal .architecture__source-o{opacity:1}
  .js-o-portal .elrick-story__media{clip-path:none}
  .is-o-portal .site-header,.is-o-portal .side-rail{opacity:1}
}