/* Territorial continuity and B2B visual access — October 22. */
.home-brands,.network-logos,.logo-wall,.logo-wall li{background:var(--white)}
.logo-wall li{border:0}
.company-values{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--line)}
.company-values h2{font-size:clamp(2.6rem,4vw,5rem)}
.brand-explorer{align-items:start}
.brand-list{position:sticky;top:calc(var(--header-height,104px) + 16px);max-height:calc(100dvh - var(--header-height,104px) - 32px);overflow-y:auto;scrollbar-color:var(--navy) var(--paper);background:var(--white)}
.brand-list button{min-height:48px}
.brand-mobile-nav{display:none}
#brand-detail{scroll-margin-top:calc(var(--header-height,104px) + 100px)}
.pro-access-panel{max-width:1440px;margin:0 auto 3rem;padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-block:1px solid var(--line)}
.pro-access-panel strong{font:700 1.3rem var(--display);text-transform:uppercase}
.pro-access-panel p{margin:.5rem 0 0;max-width:65ch;color:var(--muted-ink)}
.pf-site:not(.pro-visuals-open) [data-lightbox-image] img,.pf-site:not(.pro-visuals-open) .product-lightbox img{filter:blur(20px);pointer-events:none;user-select:none}
.pf-site:not(.pro-visuals-open) [data-lightbox-image]{position:relative;overflow:hidden}
.pf-site:not(.pro-visuals-open) [data-lightbox-image]::after{content:"Visuel professionnel";position:absolute;inset:auto 1rem 1rem;padding:.7rem;background:var(--navy);color:var(--white);font:600 1rem var(--display);text-align:center}
.pf-site:not(.pro-visuals-open) .product-zoom-cue{visibility:hidden}
.pro-access-dialog{width:min(540px,calc(100% - 2rem));max-height:90dvh;overflow:auto;border:0;padding:2.5rem;background:var(--white);color:var(--ink)}
.pro-access-dialog::backdrop{background:rgba(6,27,49,.8)}
.pro-access-dialog h2{font:700 2.6rem/1 var(--display);text-transform:uppercase;margin:0 2rem 1.5rem 0}
.pro-access-dialog form{display:grid;gap:1rem;margin:1.5rem 0}
.pro-access-dialog input{width:100%;min-height:48px;padding:.75rem;border:1px solid var(--muted-ink);color:var(--ink);background:var(--white)}
.pro-access-dialog [role=status]{min-height:1.5rem;margin:0}
.pro-close{position:absolute;right:.5rem;top:.5rem;min-width:48px;min-height:48px;border:0;background:transparent;color:var(--ink);font-size:2.6rem;cursor:pointer}
.home-oct15 .dispatch-desk{isolation:isolate;background:var(--navy);color:var(--white);overflow:hidden}
.home-oct15 .dispatch-desk::before{content:"";position:absolute;inset:0 0 0 37%;z-index:-1;background:url('assets/update-20261022/pf-map.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,var(--white) 18%)}
.nc-site .home-oct15 .dispatch-desk::before{background-image:url('assets/update-20261022/nc-map.webp')}
.home-oct15 .dispatch-desk>.map-svg{display:none}
.home-oct15 .hero-copy{background:transparent;box-shadow:none;padding:1.5rem 0;max-width:44%;left:5vw;color:var(--white)}
.home-oct15 .hero-copy h1{font-size:clamp(2.6rem,4.2vw,5rem)}
.home-oct15 .map-caption{color:var(--white)}
.home-oct15 .territory-switch{box-shadow:none;border:1px solid var(--blue)}
.home-oct15 .hero-copy .button-dark{border:1px solid var(--blue)}
.page-hero{background:radial-gradient(ellipse at 80% 30%,var(--deep-harbor,#0a2945),var(--navy))}
.page-hero::after{border-style:solid;box-shadow:0 0 40px rgba(247,189,0,.08)}
.page-hero::before{content:"";position:absolute;right:14vw;top:8rem;width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 0 24px rgba(247,189,0,.8)}
.portal-globe{position:absolute;right:-1vw;top:15vh;width:55vw;aspect-ratio:1;margin:0;z-index:1}
.portal-globe>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(circle,#fff 60%,transparent 73%)}
.portal-globe::before,.portal-globe::after{content:"";position:absolute;inset:4%;border:1px solid rgba(247,189,0,.3);border-radius:50%;transform:rotate(-24deg) scaleX(1.15)}
.portal-globe::after{inset:0;transform:rotate(30deg) scaleX(.85)}
.globe-point{position:absolute;z-index:2;display:flex;align-items:center;gap:.65rem;text-decoration:none;font:700 1.2rem/1 var(--display);text-transform:uppercase;color:var(--white);min-height:48px}
.globe-point i{display:block;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--white);box-shadow:0 0 15px rgba(255,255,255,.7);transition:background .2s,box-shadow .2s,transform .2s}
.globe-point[data-point=pf]{left:71%;top:43%}
.globe-point[data-point=nc]{left:56%;top:64%}
.globe-point[data-point=re]{left:21%;top:72%}
.portal[data-active=pf] [data-point=pf] i,.portal[data-active=nc] [data-point=nc] i,.globe-point:hover i,.globe-point:focus-visible i{background:var(--yellow);box-shadow:0 0 24px var(--yellow);transform:scale(1.3)}
.portal[data-active=pf] [data-point=pf],.portal[data-active=nc] [data-point=nc]{color:var(--yellow)}
.portal-intro{max-width:58%;margin-top:13vh}
.portal-intro h1{font-size:clamp(3.4rem,7.8vw,6rem);line-height:.86}
.territory-line{margin-top:12vh}
.portal-route{display:none}
@media(min-width:701px){
 .portal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2vw;align-content:start}
 .portal header{grid-column:1/-1}
 .portal-intro{grid-column:1;grid-row:2;align-self:center;max-width:none;margin:3rem 0}
 .portal-globe{grid-column:2;grid-row:2;position:relative;top:auto;right:auto;width:100%;margin:1rem 0;align-self:center}
 .territory-line{grid-column:1/-1;margin-top:1rem}
}
@media(max-width:1050px){
 .menu-toggle{min-width:52px;min-height:52px;align-items:center;justify-content:center;gap:6px}
 .menu-toggle span{width:30px;height:3px}
 .site-nav{top:var(--header-height,82px);max-height:calc(100dvh - var(--header-height,82px));overflow-y:auto}
 .brand-explorer{display:block}
 .brand-list{display:none}
 .brand-mobile-nav{position:sticky;top:var(--header-height,82px);z-index:22;display:grid;gap:.35rem;background:var(--white);padding:.75rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:2rem}
 .brand-mobile-nav label{font:600 1rem var(--display);text-transform:uppercase}
 .brand-mobile-nav select{width:100%;min-height:52px;padding:.75rem;background:var(--navy);color:var(--white);border:0;font:700 1.2rem var(--display)}
}
@media(max-width:700px){
 .site-header{gap:.5rem!important}.site-header .brand-logo{height:48px}.header-signature{min-width:0}.header-signature>span{font-size:.9rem}.header-signature strong{font-size:.9rem}
 .home-oct15 .dispatch-desk{min-height:850px}
 .home-oct15 .dispatch-desk::before{inset:60px 0 auto 0;height:360px;mask-image:linear-gradient(0deg,transparent,var(--white) 25%);background-position:center}
 .home-oct15 .hero-copy{left:1.25rem;right:1.25rem;bottom:1.5rem;max-width:none;padding:0}
 .home-oct15 .hero-copy h1{font-size:clamp(2.6rem,9vw,3.4rem)}
 .home-oct15 .territory-switch{z-index:2}
 .pro-access-panel{align-items:stretch;flex-direction:column}.pro-access-panel .button{width:100%}
 .pro-access-dialog{padding:2rem 1.5rem}.company-values{margin-top:3rem}
 .home-step-tabs{min-width:0;width:100%}.home-step-tabs button{min-width:0;overflow-wrap:anywhere}
 .portal-intro{max-width:none;margin-top:2rem}.portal-intro h1{font-size:clamp(3.4rem,12vw,5rem)}
 .portal-globe{position:relative;top:auto;right:auto;width:115%;margin:0 -7.5% -1rem}
 .globe-point{font-size:.9rem;gap:.4rem}.globe-point i{width:12px;height:12px;flex-basis:12px}
 .territory-line{margin-top:2rem}
}