/** OOI Platform — Hero Annuaire */

.ooi-directory-hero{position:relative;overflow:hidden;min-height:clamp(680px,78vh,820px);padding:clamp(64px,7vw,104px) clamp(24px,5vw,84px) 72px;background:radial-gradient(circle at 11% 18%,rgba(255,171,78,.1),transparent 24%),radial-gradient(circle at 83% 48%,rgba(128,197,207,.2),transparent 34%),linear-gradient(120deg,#fffdfa 0%,#f8fbfd 55%,#eaf7fb 100%);color:#071426}
.ooi-directory-hero::after{position:absolute;right:-9%;bottom:-28%;width:58%;height:72%;border-radius:45% 55% 42% 58%;background:rgba(128,197,207,.08);content:'';transform:rotate(-12deg)}
.ooi-directory-hero__inner{position:relative;z-index:2;display:grid;width:min(100%,1540px);min-height:570px;grid-template-columns:minmax(430px,.9fr) minmax(600px,1.1fr);align-items:center;gap:clamp(35px,5vw,90px);margin:auto}
.ooi-directory-hero__content{position:relative;z-index:5;max-width:660px}
.ooi-directory-hero__eyebrow{margin:0 0 25px;color:#7270ac;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ooi-directory-hero__title{margin:0;color:#071426;font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,5.2vw,82px);font-weight:700;line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.ooi-directory-hero__summary{max-width:600px;margin:28px 0 0;color:#26354d;font-size:clamp(18px,1.5vw,23px);line-height:1.52}
.ooi-directory-hero__search{display:flex;max-width:650px;align-items:center;margin-top:38px;padding:8px 9px 8px 26px;border:1px solid rgba(7,20,38,.08);border-radius:999px;background:#fff;box-shadow:0 15px 35px rgba(29,59,87,.13)}
.ooi-directory-hero__search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#071426;font-size:17px}
.ooi-directory-hero__search input::placeholder{color:#77808c}
.ooi-directory-hero__search button{position:relative;width:58px;height:58px;flex:0 0 58px;border:0;border-radius:50%;background:#48bfd0;cursor:pointer;transition:transform .2s ease,background .2s ease}
.ooi-directory-hero__search button::before{position:absolute;top:17px;left:17px;width:17px;height:17px;border:3px solid #fff;border-radius:50%;content:''}.ooi-directory-hero__search button span::after{position:absolute;top:36px;left:37px;width:11px;height:3px;border-radius:3px;background:#fff;content:'';transform:rotate(45deg)}
.ooi-directory-hero__search button:hover,.ooi-directory-hero__search button:focus-visible{background:#2caec1;transform:scale(1.04)}
.ooi-directory-hero__filters{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}
.ooi-directory-hero__filter,.ooi-directory-hero__map-link{display:flex;min-height:52px;align-items:center;gap:9px;padding:0 17px;border:1px solid rgba(7,20,38,.09);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(29,59,87,.1);color:#17263d;text-decoration:none}
.ooi-directory-hero__filter select{max-width:190px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#17263d;font-size:14px;font-weight:750;cursor:pointer}
.ooi-directory-hero__filter-icon,.ooi-directory-hero__map-link>span{color:#7270ac;font-weight:900}.ooi-directory-hero__map-link{font-size:14px;font-weight:800}.ooi-directory-hero__map-link:hover{color:#087a92}

.ooi-directory-hero__network{position:relative;min-height:590px}
.ooi-directory-hero__network::before{position:absolute;inset:9% 5% 7% 7%;border:1px solid rgba(128,197,207,.16);border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.7),rgba(255,255,255,.12) 58%,transparent 72%);content:''}
.ooi-directory-hero__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ooi-directory-hero__paths path{fill:none;stroke:#80c5cf;stroke-width:1.3;opacity:.7}.ooi-directory-hero__paths path:nth-child(2){stroke:#aacF80}.ooi-directory-hero__paths path:nth-child(3){stroke:#7270ac}.ooi-directory-hero__paths circle{fill:#ffab4e;filter:drop-shadow(0 0 7px rgba(255,171,78,.65))}
.ooi-directory-hero__identity{position:absolute;z-index:3;display:flex;align-items:center;gap:9px}.ooi-directory-hero__identity .ooi-identity-bubble{filter:drop-shadow(0 14px 20px rgba(39,74,99,.18))}.ooi-directory-hero__city{padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.74);color:#334460;font-size:11px;font-weight:800;white-space:nowrap}
.ooi-directory-hero__identity .ooi-identity-bubble{transition:transform .35s ease,filter .35s ease}.ooi-directory-hero__identity.is-featured .ooi-identity-bubble{filter:drop-shadow(0 18px 25px rgba(114,112,172,.28));transform:scale(1.08)}
.ooi-directory-hero__identity--1{top:34%;left:38%}.ooi-directory-hero__identity--2{top:9%;left:50%}.ooi-directory-hero__identity--3{top:18%;left:8%}.ooi-directory-hero__identity--4{right:3%;top:36%}.ooi-directory-hero__identity--5{bottom:14%;left:17%}.ooi-directory-hero__identity--6{right:13%;bottom:10%}.ooi-directory-hero__identity--7{bottom:34%;left:2%}
.ooi-directory-hero__preview{position:absolute;z-index:7;top:43%;right:5%;display:flex;width:220px;flex-direction:column;padding:22px;border:1px solid rgba(7,20,38,.08);border-radius:17px;background:#fff;color:#071426;text-decoration:none;box-shadow:0 20px 45px rgba(29,59,87,.2);transition:top .42s ease,left .42s ease,transform .22s ease}
.ooi-directory-hero__preview:hover,.ooi-directory-hero__preview:focus-visible{transform:translateY(-3px)}
.ooi-directory-hero__preview strong{font-size:19px;line-height:1.15}.ooi-directory-hero__preview>span{margin-top:6px;color:#20a9bd;font-size:14px;font-weight:800}.ooi-directory-hero__preview small{margin-top:9px;color:#5b6878}.ooi-directory-hero__preview em{align-self:flex-start;margin-top:17px;padding:8px 12px;border-radius:99px;background:#e7f7fa;color:#153049;font-size:12px;font-style:normal;font-weight:850}
.ooi-directory-hero__discover{position:absolute;z-index:5;bottom:27px;left:50%;display:flex;flex-direction:column;align-items:center;gap:4px;color:#26354d;font-size:12px;font-weight:800;text-decoration:none;transform:translateX(-50%)}.ooi-directory-hero__discover::after{width:54px;height:2px;margin-top:6px;background:#80c5cf;content:''}

@media(max-width:1050px){.ooi-directory-hero{min-height:auto}.ooi-directory-hero__inner{grid-template-columns:1fr}.ooi-directory-hero__content{max-width:760px;margin:auto;text-align:center}.ooi-directory-hero__summary{margin-right:auto;margin-left:auto}.ooi-directory-hero__search{margin-right:auto;margin-left:auto}.ooi-directory-hero__filters{justify-content:center}.ooi-directory-hero__network{width:min(100%,760px);min-height:570px;margin:auto}.ooi-directory-hero__discover{display:none}}
@media(max-width:700px){.ooi-directory-hero{padding:56px 20px 48px}.ooi-directory-hero__inner{min-height:0}.ooi-directory-hero__title{font-family:inherit;font-size:clamp(40px,11.5vw,54px);font-weight:950}.ooi-directory-hero__summary{margin-top:20px;font-size:17px}.ooi-directory-hero__search{margin-top:26px;padding-left:18px}.ooi-directory-hero__search button{width:52px;height:52px;flex-basis:52px}.ooi-directory-hero__filters{display:grid;grid-template-columns:1fr 1fr}.ooi-directory-hero__filter,.ooi-directory-hero__map-link{min-width:0;justify-content:center;padding:0 11px}.ooi-directory-hero__map-link{grid-column:1/-1}.ooi-directory-hero__filter select{width:100%;font-size:12px}.ooi-directory-hero__network{min-height:360px;margin-top:20px}.ooi-directory-hero__identity--2,.ooi-directory-hero__identity--6,.ooi-directory-hero__identity--7{display:none}.ooi-directory-hero__identity--1{top:26%;left:35%}.ooi-directory-hero__identity--3{top:10%;left:2%}.ooi-directory-hero__identity--4{top:25%;right:0}.ooi-directory-hero__identity--5{bottom:8%;left:9%}.ooi-directory-hero__city,.ooi-directory-hero__preview{display:none}}
@media(prefers-reduced-motion:reduce){.ooi-directory-hero__search button{transition:none}}