/* RICHARD PERMIN — SITE V3 — DA validée RP_10 : crème #ece7dd, noir, Playfair/Anton/Inter */
:root{--creme:#ece7dd;--noir:#0d0d0c;--gris:#8a8578;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--creme);color:var(--noir);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
.serif{font-family:'Playfair Display',serif;}
.cond{font-family:'Anton',sans-serif;font-weight:400;}
.lbl{font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:.32em;font-size:11px;font-weight:500;}
a{color:inherit;text-decoration:none;}
img,video{display:block;max-width:100%;}

/* ——— top bar ——— */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;}
.topbar.on-dark{color:var(--creme);}
.rp-mark{display:flex;align-items:center;gap:10px;}
.rp-mark svg{height:40px;width:auto;}
.topnav{display:flex;gap:34px;align-items:center;}
.topnav a{font-family:'Inter';text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:500;position:relative;padding:4px 0;}
.topnav a:hover:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;}
.langs{display:flex;gap:10px;}
.langs span{font-family:'Inter';font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.45;padding:3px 5px;cursor:pointer;border:1px solid transparent;}
.langs span.on{opacity:1;border:1px solid currentColor;}

/* ——— ACCUEIL ——— */
.home{position:fixed;inset:0;overflow:hidden;background:#000;}
.home video.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.home .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.14) 40%,rgba(0,0,0,.42));}
.home .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--creme);text-align:center;gap:22px;}
.home h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(38px,5.2vw,76px);letter-spacing:.01em;}
.home h1 em{font-style:italic;}
.home .roles{font-family:'Inter';text-transform:uppercase;letter-spacing:.42em;font-size:12px;opacity:.92;}
.home .scrollcue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--creme);}
.home .scrollcue .line{width:1px;height:56px;background:var(--creme);opacity:.8;animation:cue 2.2s ease-in-out infinite;}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.home .scrollcue .lbl{font-size:10px;opacity:.8;}

/* ——— gabarit page ——— */
.page{max-width:1560px;margin:0 auto;padding:150px 40px 110px;}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;padding-bottom:26px;margin-bottom:70px;flex-wrap:wrap;}
.page-head h1{font-family:'Anton';font-weight:400;font-size:clamp(56px,8vw,132px);line-height:.95;text-transform:uppercase;letter-spacing:.01em;}
.page-head .idx{font-family:'Inter';font-size:11px;letter-spacing:.32em;text-transform:uppercase;opacity:.7;}
.dark-page{background:var(--noir);color:var(--creme);min-height:100vh;}

/* ——— FILMS & PHOTOS grille ——— */
.vid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.vid-grid .cell{position:relative;background:#000;aspect-ratio:9/16;overflow:hidden;}
.vid-grid .cell.wide{grid-column:span 2;aspect-ratio:auto;}
.vid-grid video{width:100%;height:100%;object-fit:cover;}
.vid-cap{display:flex;justify-content:space-between;padding:10px 2px 0;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.75;}
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.yt-grid .yt{aspect-ratio:16/9;background:#000;}
.yt-grid iframe{width:100%;height:100%;border:0;}
.sect{margin-bottom:110px;}
.sect-tag{margin-bottom:34px;display:flex;justify-content:space-between;align-items:baseline;opacity:.9;}

/* ——— MARQUES ——— */
.brand-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:80px;}
.brand-hero h2{font-family:'Playfair Display';font-weight:400;font-size:clamp(44px,5vw,84px);line-height:1.02;}
.brand-hero p{font-size:15px;line-height:1.75;max-width:46ch;}
.brand-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid currentColor;margin-top:44px;padding-top:18px;}
.brand-meta .k{font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.6;margin-bottom:8px;}
.brand-meta .v{font-family:'Playfair Display';font-size:17px;}
.campaign{margin-bottom:100px;}
.campaign h3{font-family:'Anton';font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.4vw,54px);margin-bottom:8px;letter-spacing:.02em;}
.campaign .sub{margin-bottom:26px;opacity:.65;}
.campaign .media16{aspect-ratio:16/9;background:#000;width:100%;}
.campaign .media16 video,.campaign .media16 iframe{width:100%;height:100%;object-fit:cover;border:0;}
.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.photo-row img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;}
.scrollmore{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 0 24px;}.zenith-page .page{padding-top:36px;}
.scrollmore .line{width:1px;height:64px;background:currentColor;opacity:.7;}
.zenith-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.zenith-grid img{width:100%;aspect-ratio:1;object-fit:cover;}
.zvid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;}
.zvid-grid video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;}

/* ——— EXPEDITIONS ——— */
.exp-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:90px;}
.exp-intro h2{font-family:'Anton';font-weight:400;font-size:clamp(40px,4.6vw,72px);text-transform:uppercase;line-height:1;}
.exp-intro p{font-size:15px;line-height:1.75;max-width:44ch;}
.exp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.exp-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#111;}
.exp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s ease;}
.exp-card:hover img{transform:scale(1.04);}
.exp-card .in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 55%,rgba(0,0,0,.55));}
.exp-card h3{font-family:'Anton';font-weight:400;font-size:34px;text-transform:uppercase;}
.exp-card .zone{font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.85;}
.exp-card ul{list-style:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:2;}
.exp-card ul li+li{border-top:1px solid rgba(236,231,221,.25);}

/* ——— JAPON ——— */
.japon-hero{position:relative;height:78vh;overflow:hidden;margin:-150px -40px 80px;}
.japon-hero img{width:100%;height:100%;object-fit:cover;}
.japon-hero .t{position:absolute;left:40px;bottom:44px;color:var(--creme);}
.japon-hero h1{font-family:'Anton';font-weight:400;font-size:clamp(60px,9vw,150px);line-height:.92;text-transform:uppercase;}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid currentColor;padding-top:22px;margin:60px 0;}
.cta-line{display:inline-flex;align-items:center;gap:16px;border:1px solid currentColor;padding:18px 34px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;}

/* ——— CONFERENCES / ABOUT ——— */
.conf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.conf-card .ph{aspect-ratio:3/4;overflow:hidden;background:#111;}
.conf-card img{width:100%;height:100%;object-fit:cover;}
.conf-card h3{font-family:'Playfair Display';font-size:22px;margin:18px 0 6px;font-weight:400;}
.conf-card .lbl{opacity:.6;}
.note-mq{margin-top:70px;border-top:1px solid currentColor;padding-top:16px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.55;}
.about-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;}
.about-wrap .ph{aspect-ratio:3/4;overflow:hidden;}
.about-wrap img{width:100%;height:100%;object-fit:cover;}
.about-wrap h2{font-family:'Playfair Display';font-weight:400;font-size:clamp(38px,4.4vw,68px);line-height:1.05;margin-bottom:26px;}
.about-wrap p{font-size:15px;line-height:1.8;max-width:48ch;margin-bottom:14px;}
.about-links{margin-top:34px;display:flex;gap:26px;}
.about-links a{font-size:11px;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;}

footer.site{border-top:1px solid currentColor;margin-top:100px;padding:26px 40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.6;}
@media (max-width:1100px){.vid-grid{grid-template-columns:repeat(2,1fr);}.yt-grid{grid-template-columns:1fr 1fr;}.zenith-grid{grid-template-columns:repeat(2,1fr);}.exp-cards,.photo-row,.conf-grid,.brand-hero,.exp-intro,.about-wrap{grid-template-columns:1fr;}.topnav{display:none;}}

/* V4: composition conservée, changements demandés le 20 octobre. */
.section-title{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(40px,5vw,76px);text-transform:uppercase;line-height:1.05}
.trick-group{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}.trick-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.trick .cell{aspect-ratio:1;overflow:hidden;background:#000}.trick.featured .cell{aspect-ratio:16/9}.trick video{width:100%;height:100%;object-fit:cover}.trick.featured video{object-fit:contain}.trick:last-child .vid-cap{min-height:22px}
.photo-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-color:#ece7dd #333}.photo-strip img{flex-shrink:0;height:420px;width:auto;max-width:85vw;object-fit:contain;scroll-snap-align:start}.gallery-controls{display:flex;gap:10px}.gallery-controls button{width:46px;height:46px;border:1px solid currentColor;background:transparent;color:inherit;font-size:23px;cursor:pointer}.moncler-brand{display:flex;justify-content:center;padding:0 0 70px}.moncler-brand img{width:min(540px,70%);height:auto}.moncler-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.moncler-images img{width:100%;height:550px;object-fit:contain}.moncler-images .lbl{display:block;padding:15px 0}.film-preview{position:relative;display:block;width:100%;height:100%;border:0;background:#000;cursor:pointer}.film-preview img{height:100%;width:100%;object-fit:cover}.film-preview span{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;color:white;text-shadow:0 2px 15px #000}.scrollcue{cursor:pointer;z-index:5}
@media(max-width:750px){.zenith-page .page{padding-top:30px}.page{padding:110px 20px 50px}.page-head{margin-bottom:35px}.topbar{padding:20px}.langs{gap:2px}.langs span{padding:3px}.trick-group{grid-template-columns:1fr;gap:12px}.trick-pair{grid-template-columns:1fr 1fr}.trick-pair .trick:only-child{width:100%}.moncler-images{grid-template-columns:1fr}.moncler-images img{height:auto;max-height:550px}.photo-strip img{height:320px}.campaign{margin-bottom:60px}.home .roles{font-size:9px;letter-spacing:.2em}.home .center>.lbl{font-size:9px;letter-spacing:.2em}.yt-grid{grid-template-columns:1fr}.brand-hero{gap:25px}.page-head h1{font-size:56px}}

.top-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}.pov-row{width:24%}.trick-pair{align-content:stretch}.trick-pair .trick .cell{aspect-ratio:1}.trick-group>.featured .cell{height:calc(100% - 22px)}@media(max-width:750px){.top-two{grid-template-columns:1fr}.pov-row{width:48%}.trick-group>.featured .cell{height:auto}}

.trick-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trick,.trick-pair{min-width:0}.trick-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.trick video{min-width:0}.top-two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:750px){.trick-group,.top-two{grid-template-columns:minmax(0,1fr)}}

.trick-group>.featured .cell{height:auto;aspect-ratio:1}.trick-pair{align-content:start}.home{background:#000 url("video/home_bg.jpg") center/cover no-repeat}.home video.bg{background:transparent}@media(max-width:750px){.trick-group>.featured .cell{aspect-ratio:16/9}}

.home-poster{position:fixed;inset:0;background:url("video/home_bg.jpg") center center/cover no-repeat}.home .veil{z-index:1}.home .center{z-index:2}.trick-group{grid-template-columns:minmax(0,16fr) minmax(0,9fr)}.trick-group>.featured .cell{height:auto;aspect-ratio:16/9}@media(max-width:750px){.trick-group{grid-template-columns:minmax(0,1fr)}}

.pov-row .cell{aspect-ratio:9/16}.pov-row video{object-fit:contain}

.about-wrap .about-title{font-family:Anton,sans-serif;text-transform:uppercase;font-size:clamp(38px,4.4vw,68px);line-height:1.1;font-style:normal}.conference-stage{position:relative;min-height:580px;background:#111;overflow:hidden;color:var(--creme)}.conference-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.6}.conference-words{position:relative;padding:65px 50px;display:flex;flex-direction:column;gap:12px;font:400 clamp(34px,4.7vw,70px)/1.1 Anton,sans-serif;text-transform:uppercase}.conference-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0}.conference-themes h3{font:400 32px Anton,sans-serif;text-transform:uppercase;margin:18px 0 10px}.conference-themes p{font-size:14px}@media(max-width:750px){.conference-stage{min-height:420px}.conference-words{padding:35px 25px;font-size:34px}.conference-themes{grid-template-columns:1fr;gap:30px}}

/* V5 */
.topbar{background:linear-gradient(#0d0d0ce6,transparent);color:var(--creme)}.trick-group{display:block}.trick-group>.featured{margin-bottom:24px}.trick-pair{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trick-pair .trick .cell{aspect-ratio:9/16}.trick-pair video{object-fit:contain}.moncler-brand img{filter:invert(1)}.zenith-brand img{width:min(520px,72%);height:auto;filter:invert(1)}.exp-card{cursor:default}.immersive{position:relative;background:#000}.immersive-photo{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center}.conference-immersive .immersive-photo{background-image:linear-gradient(90deg,#000c,#0005),url('gallery/new25.jpg')}.about-immersive .immersive-photo{background-image:linear-gradient(90deg,#000b,#0006),url('img/portrait_sunset.jpg')}.immersive main,.immersive footer{position:relative;z-index:1}.immersive .page{min-height:100svh}.conference-immersive .conf-hero{padding-top:8vh}.conference-immersive .conference-themes{margin-top:16vh;border-top:1px solid #ffffff50}.about-immersive .about-wrap{display:block;max-width:720px;padding:5vh 0}.about-immersive .about-wrap>div{max-width:600px}.about-immersive .about-social{flex-wrap:wrap}.home{position:static;inset:auto;overflow-x:hidden;overflow-y:auto;background:#000}.home-hero{position:relative;height:100svh;overflow:hidden}.home .home-poster{position:absolute}.home video.bg,.home .veil,.home .center{position:absolute}.home .scrollcue{position:absolute}.home-films{position:relative;z-index:3}.home-films .page{padding-top:100px}.home .home-films{color:var(--creme)}@media(max-width:750px){.trick-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.about-immersive .about-wrap{padding:0}.conference-immersive .conference-themes{margin-top:70px}.about-immersive .immersive-photo{background-position:60% center}}

.about-links{flex-wrap:wrap;gap:18px 28px}.about-links a:first-child{flex-basis:100%;letter-spacing:.08em;text-transform:none}.langs a{font-size:10px;letter-spacing:.12em;opacity:.65;padding:8px 5px;border:1px solid transparent;min-height:32px;display:flex;align-items:center}.langs a.on{opacity:1;border-color:currentColor}.langs{gap:5px}html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:Arial,sans-serif;font-weight:700;line-height:1.2}html[lang="zh"] .lbl,html[lang="ar"] .lbl,html[lang="zh"] .topnav a,html[lang="ar"] .topnav a{letter-spacing:.06em}html[dir="rtl"] .topbar{direction:rtl}html[dir="rtl"] .langs{direction:ltr}html[dir="rtl"] .about-links{direction:ltr}html[dir="rtl"] .exp-card .in{text-align:right}html[lang="ar"] .page-head h1{font-size:clamp(42px,7vw,105px)}.home .home-films h1{font-family:Anton,sans-serif;font-size:clamp(56px,8vw,132px)}.home .home-films h1 em{font-style:normal}@media(max-width:750px){.langs{gap:0}.langs a{padding:8px 4px}.about-links{gap:15px}.about-links a{font-size:11px}html[lang="zh"] .page-head h1,html[lang="ar"] .page-head h1{font-size:44px}}

.home .home-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.home video.bg{z-index:0}.rp-mark svg{direction:ltr}.immersive-photo{height:100lvh}.about-immersive .immersive-photo{background-position:60% center}.home-hero{background:transparent}
@media(max-width:400px){.page-head h1,.home .home-films h1,.brand-hero h2{font-size:38px;overflow-wrap:anywhere}footer span,.foot span,.about-links span{white-space:normal;overflow-wrap:anywhere}}
html,body{overflow-x:hidden}
.home .veil{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.3) 40%,rgba(0,0,0,.5))}

/* V5 batch 2026-10-21 */
.about-immersive .immersive-photo{background-position:center 68%}
@media(max-width:750px){.about-immersive .immersive-photo{background-position:60% 68%}}