:root{--paper:#f7f6f2;--ink:#183c32;--wine:#872b46;--line:#dddeda;--muted:#65736b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ca9a30;outline-offset:5px}button{border:0}header{height:100px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;gap:24px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:15px;text-align:left;background:none;color:var(--ink);padding:0}.logo{width:43px;height:65px;object-fit:contain}.brand{font-size:16px;line-height:1.22;font-weight:700;letter-spacing:-.3px}.brand small{font-size:12px;display:block;font-weight:400;margin-top:5px}.signature{width:178px;height:54px;object-fit:cover;object-position:center;margin-left:15px}.global-nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600}.global-nav a:hover{text-decoration:underline}.preview-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line);padding:8px 10px;border-radius:5px;color:var(--muted)}.intro{text-align:center;padding:26px 20px 28px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0 0 12px;color:var(--wine)}h1{font-size:clamp(27px,3.1vw,43px);line-height:1.12;letter-spacing:-1.6px;margin:0;font-weight:700}.intro p:last-child{font-size:14px;color:var(--muted);margin:12px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px}.door{height:510px;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;color:#fff}.door:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.06) 20%,rgba(14,19,16,.12) 33%,rgba(24,17,17,.74) 67%,rgba(26,14,21,.96) 100%)}.door.discover:before{background:linear-gradient(180deg,rgba(0,0,0,.01) 20%,rgba(9,27,20,.09) 33%,rgba(12,37,27,.75) 67%,rgba(11,37,28,.96) 100%)}.door-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease;object-position:64% 38%}.discover .door-photo{object-position:49% center}.door:hover .door-photo{transform:scale(1.025)}.corner{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;background:rgba(0,0,0,.35);border:1px solid #ffffff50;border-radius:30px;padding:9px 12px;backdrop-filter:blur(8px)}.door-copy{position:absolute;left:6.5%;right:6.5%;bottom:23px}.door h2{font-size:clamp(31px,3.25vw,46px);letter-spacing:-1.4px;line-height:1.05;margin:0 0 16px;max-width:490px}.door-copy>p{font-size:15px;line-height:1.6;max-width:430px;color:#eeede8;margin:0 0 23px}.enter{padding:15px 21px;min-height:50px;background:#fffaf3;color:var(--ink);border-radius:5px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:29px}.enter:hover{background:#fff}.arrow{font-size:21px;font-weight:400;line-height:.8}.credit{display:block;font-size:10px;color:#d7d7d1;letter-spacing:.1px;margin-top:22px}.credit strong{color:white;font-weight:500}.after{padding:23px;text-align:center;color:var(--muted);font-size:12px}.after strong{font-weight:500;color:var(--ink)}footer{max-width:1200px;margin:20px auto 0;padding:25px 25px 32px;display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:3px}.portal[hidden],#choice[hidden]{display:none}.switcher{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px;border-bottom:1px solid var(--line);background:#fff}.switcher button{background:none;padding:10px 16px;color:var(--muted);font-size:12px;border-radius:30px}.switcher button[aria-pressed=true]{background:var(--ink);color:white}.switcher button[data-mode=pro][aria-pressed=true]{background:var(--wine)}.portal-body{max-width:1160px;margin:auto;padding:50px 30px 30px}.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.portal-heading h1{max-width:650px;font-size:clamp(32px,4vw,54px)}.portal-lead{max-width:600px;font-size:16px;line-height:1.6;color:var(--muted);margin:18px 0 0}.small-link{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.resource{background:#fff;border:1px solid var(--line);border-radius:11px;padding:29px;min-height:215px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.resource-link:hover{border-color:var(--wine);box-shadow:0 6px 18px #193c3208}.resource .num{color:var(--wine);font-size:11px;letter-spacing:1px;margin-bottom:23px}.resource h2{font-size:23px;letter-spacing:-.7px;margin:0 0 13px;line-height:1.12}.resource p{font-size:14px;line-height:1.6;margin:0 0 22px;color:var(--muted)}.resource .tail{margin-top:auto;font-size:12px;font-weight:700}.resource.future{background:#edf0e8}.future .num{color:#5d735b}.mini-note{padding:20px 22px;background:#eeede6;border-radius:8px;margin-top:24px;font-size:13px;line-height:1.65;color:#586359}.mini-note strong{color:var(--ink)}.portal-foot{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:13px}.portal-foot button{padding:0;background:none;color:var(--wine);text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-100px;z-index:10;background:#fff;padding:15px}.skip:focus{top:10px}
@media(min-width:1600px){.split{max-width:1720px;margin:auto}.door{height:590px}}@media(max-width:900px){header{padding:15px 22px;gap:12px}.global-nav{gap:15px}.global-nav .preview-tag{display:none}.signature{width:140px;margin-left:0}.door{height:490px}.door-copy{left:7%;right:7%}.door h2{font-size:34px}.door-copy>p{font-size:14px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header{height:89px;padding:13px 18px}.brand{font-size:12px}.brand small{font-size:10px}.logo{width:34px;height:55px}.identity{gap:10px}.signature{width:100px;height:43px}.global-nav{display:none}.intro{padding:24px 18px}.intro h1{font-size:28px;letter-spacing:-1px}.intro p:last-child{font-size:13px;line-height:1.5;max-width:290px;margin:12px auto 0}.split{grid-template-columns:1fr;padding:0 12px;gap:12px}.door{height:405px}.door h2{font-size:35px;max-width:290px}.door-copy{left:24px;right:24px;bottom:20px}.door-copy>p{max-width:300px;margin-bottom:18px}.corner{top:17px;left:22px}.credit{font-size:9px;margin-top:18px}.door-photo{object-position:60% 34%}.after{line-height:1.7;padding:18px 24px}footer{margin-top:0;flex-direction:column;gap:12px;padding:20px 25px}.switcher{gap:1px;padding:10px 4px}.switcher button{font-size:11px;padding:11px 12px}.portal-body{padding:30px 20px}.portal-heading{display:block}.portal-heading .small-link{margin-top:22px}.cards{grid-template-columns:1fr}.resource{min-height:180px;padding:23px}.portal-foot{flex-direction:column;align-items:flex-start}.portal-heading h1{font-size:36px}.portal-lead{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Signature d'origine transparente, réunie sous l'identité VI13. */
header{height:146px}
.identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.brand-line{display:flex;align-items:center;gap:15px}
.identity .signature{width:180px;height:auto;object-fit:contain;margin:0 0 0 27px;background:transparent;border-radius:0}
@media(max-width:640px){
 header{height:124px;padding:12px 18px}
 .brand-line{gap:10px}
 .identity{gap:6px}
 .identity .signature{width:156px;height:auto;margin-left:14px}
}
/* Le parcours professionnel retrouve la navigation et les pages du site. */
.professional-nav[hidden]{display:none}
.professional-nav{position:relative;z-index:4;background:#fff;border-bottom:1px solid var(--line)}
.professional-nav-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 30px;flex-wrap:wrap}
.professional-nav a,.professional-nav summary{font-size:14px;font-weight:700}
.professional-nav-inner>a{padding:12px 8px}
.professional-nav details{position:relative}
.professional-nav summary{padding:12px 8px;cursor:pointer;list-style:none;border-radius:6px;min-height:44px}
.professional-nav summary::-webkit-details-marker{display:none}
.professional-nav summary:after{content:' ▾';color:var(--wine);font-size:11px;margin-left:5px}
.professional-nav summary:focus-visible{outline:3px solid #ca9a30;outline-offset:3px}
.professional-nav summary:hover,.professional-nav-inner>a:hover{color:var(--wine)}
.professional-nav .nav-join{color:#fff;background:var(--wine);border-radius:30px;padding:13px 22px}
.professional-nav .nav-join:hover{color:#fff;background:#6e213a}
.professional-menu{position:absolute;top:calc(100% + 7px);left:0;width:330px;max-width:calc(100vw - 40px);max-height:min(68vh,680px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px;background:#fff;border:1px solid #e2e3dc;border-radius:22px;box-shadow:0 20px 50px #183c321a}
.professional-menu>a,.professional-projects>a,.professional-projects div a{display:block;padding:13px 15px;line-height:1.45;border-radius:10px;font-size:14px}
.professional-menu a:hover,.professional-menu a:focus-visible{background:#f5f4f0;color:var(--wine)}
.professional-projects{border-top:1px solid var(--line);margin-top:6px;padding-top:7px}
.professional-projects>a{color:var(--wine)}
.professional-projects div{background:#f7f6f2;border-radius:15px;padding:6px 10px}
.professional-projects div a{padding-left:19px}
.professional-projects div a:hover{background:#efeee7}
@media(max-width:760px){
 .professional-nav-inner{padding:10px 20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;align-items:start}
 .professional-nav details{position:static}
 .professional-nav summary{font-size:13px;padding-left:0}
 .professional-menu{position:relative;top:auto;left:auto;width:100%;max-width:none;max-height:65vh;margin:4px 0 12px;border-radius:15px;box-shadow:0 6px 18px #183c320c;padding:8px}
 .professional-nav details[open]{grid-column:1/-1;grid-row:auto}
 .professional-nav-inner>a{font-size:13px;padding:12px 0}
 .professional-nav-inner>.nav-join{text-align:center;padding:12px 15px}
}
/* Dans l'espace vigneron, le logo appartient directement à la barre du menu. */
body[data-space="pro"]>header{display:none}
body[data-space="pro"] .switcher{padding:7px 20px}
.professional-nav-inner{max-width:none;padding:14px 3vw;gap:18px;flex-wrap:nowrap}
.professional-nav-inner>.identity{flex:0 0 auto;margin-right:12px;gap:4px}
.professional-nav .brand-line{gap:10px}
.professional-nav .logo{width:34px;height:52px}
.professional-nav .brand{font-size:13px}
.professional-nav .brand small{font-size:11px;margin-top:4px}
.professional-nav .identity .signature{width:145px;height:auto;margin-left:22px}
.professional-nav-inner>details,.professional-nav-inner>a{flex:0 0 auto}
@media(min-width:761px) and (max-width:1100px){
 .professional-nav-inner{display:grid;grid-template-columns:repeat(5,auto);gap:8px 14px;justify-content:space-between;padding:14px 25px}
 .professional-nav-inner>.identity{grid-column:1/-1;margin:0 0 6px}
}
@media(max-width:760px){
 .professional-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;padding:14px 20px;align-items:center}
 .professional-nav-inner>.identity{grid-column:1/-1;margin:0 0 10px}
}

/* Les pages détaillées s’ouvrent dans le même parcours. */
.portal-body[hidden],#page-view[hidden]{display:none!important}
.page-context{display:flex;gap:12px;align-items:center;padding:18px 4.5vw;background:#faf9f6;border-bottom:1px solid #e6e6de;color:#65736b;font-size:12px;line-height:1.6}
.page-context button{background:none;color:#872b46;padding:3px 0;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
#page-name{margin:0;font-size:12px;font-weight:400;outline:none}
#page-frame{display:block;width:100%;height:720px;border:0;background:#faf9f6}
.professional-nav a[aria-current="page"]{color:#872b46;background:#f5f4f0}
@media(max-width:640px){.page-context{align-items:flex-start;padding:16px 20px}.page-context #page-name{max-width:65%}}

html{margin-top:0!important}body.vi13-home{line-height:normal}body.vi13-home #wpadminbar{display:none}body.vi13-home button{text-transform:none;letter-spacing:normal}body.vi13-home #page-frame{height:720px}body.vi13-home .site-legal{display:flex;gap:18px;flex-wrap:wrap}