/* Le maillage reste derrière les repères de section et devant le film. */
.mesh-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.menu-thread{z-index:1;color:var(--honey)}.menu-thread path{stroke:var(--honey)}
.v3-header-bar{z-index:2}.portal-nav{z-index:3}
.section-portal{transform:translate(-50%,-50%) perspective(900px) rotateX(var(--portal-tilt,0deg)) rotateY(var(--portal-turn,0deg)) scale(var(--portal-scale,1));filter:blur(var(--portal-blur,0px));transform-origin:50% 50%;will-change:transform,left,top;isolation:isolate}
.portal-picture{position:relative;background:radial-gradient(closest-side,#fffffff5 63%,#ffffff00 100%);filter:drop-shadow(0 13px 12px #48310d1a)}
.portal-picture:before{content:'';position:absolute;inset:-14%;background:radial-gradient(closest-side,#fff 53%,#fff0 100%);z-index:-1;pointer-events:none}
.portal-label{background:#fffffff2;padding:3px 7px;border-radius:12px;letter-spacing:.01em;box-shadow:0 8px 14px #4b350807}
.v3-navigation[data-docked=true] .portal-picture{filter:none;background:none}
.v3-navigation[data-docked=true] .portal-picture:before{display:none}
.v3-navigation[data-docked=true] .portal-label{box-shadow:none;background:none;padding:1px 4px;border-radius:0;letter-spacing:0}
.v3-navigation[data-compact=true] .portal-nav[data-open] .section-portal{transform:none}
.v3-navigation[data-compact=true] .portal-nav[data-open] .portal-picture{filter:none}
.v3-navigation[data-compact=true] .portal-nav[data-open] .portal-label{padding:1px 2px;box-shadow:none;background:none}
@media(max-width:700px){.section-portal{gap:6px}.portal-label{max-width:87px;min-height:26px;font-weight:500;padding:2px 3px;letter-spacing:0}.portal-picture{filter:drop-shadow(0 7px 9px #48310d18)}}
@media(prefers-reduced-motion:reduce){.mesh-canvas{display:none}.section-portal{will-change:auto}}

/* Rogner le bord encode du film sans masque anime ni filtre sur l'abeille. */
.v3-film{overflow:hidden}.v3-film video{transform:scale(1.006);transform-origin:center}