body main .vertical-portal{position:relative;isolation:isolate;background:#210c11 center/cover no-repeat;color:#fff;margin:24px 0;border-bottom:4px solid #d71920;overflow:hidden}
body main .choice-portal{background-image:url('/images/choix-redaction-univers.webp')}body main .decrypt-portal{background-image:url('/images/decryptages-univers.webp')}
.vertical-portal:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100b0fee,#220d16be 50%,#2d081633)}
.vertical-portal-entry{display:block;padding-top:44px;padding-bottom:30px;min-height:370px;color:#fff;text-decoration:none}.vertical-portal-entry>span{color:#ffa3ad;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.15em}body main .vertical-portal h2{font:700 clamp(36px,4.6vw,60px)/1.04 Newsreader,Georgia,serif!important;letter-spacing:-.025em;margin:17px 0!important;color:#fff}.vertical-portal-entry p{font:400 17px/1.6 Arial,sans-serif;margin:0 0 22px;color:#eee}.vertical-portal-entry b{display:inline-flex;align-items:center;gap:25px;font:700 12px/1.4 Arial,sans-serif;border:1px solid #ff7989;padding:13px 17px;background:#a7192b;color:#fff}.vertical-portal-entry i{font-style:normal;font-size:21px;transition:transform .2s}.vertical-portal-entry:hover i{transform:translateX(6px)}.vertical-portal-entry small{display:block;border-top:1px solid #ffffff40;max-width:650px;padding-top:18px;margin-top:28px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#e4cbd1}.vertical-portal-entry:focus-visible{outline:3px solid #ff8b9a;outline-offset:-6px}
@media(max-width:700px){.vertical-portal-entry{min-height:370px;padding-top:32px;padding-bottom:25px}body main .vertical-portal h2{font-size:38px!important}.vertical-portal-entry p{font-size:15px}.vertical-portal-entry b{font-size:11px;gap:16px;padding:12px 14px}body main .vertical-portal{background-position:65% center;margin:18px 0}.vertical-portal:before{background:linear-gradient(90deg,#100b0fee,#220d16a6)}.vertical-portal-entry small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vertical-portal-entry i{transition:none}}

body main .observatory-portal{background:radial-gradient(ellipse at 90% 15%,#601b25 0,transparent 55%),#111217;border-bottom:4px solid #d71920}.observatory-portal .vertical-portal-entry{min-height:320px}.observatory-portal .vertical-portal-entry h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(34px,4.5vw,58px)!important}.observatory-portal-paths{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-bottom:28px}.observatory-portal-paths>a{padding:22px 25px;border:1px solid #ffffff42;text-decoration:none;color:#fff;background:#ffffff06}.observatory-portal-paths>a:hover{background:#ffffff12}.observatory-portal-paths span{font:700 10px/1.5 Arial;letter-spacing:.09em;color:#ffa3ad}.observatory-portal-paths strong{display:block;font:700 23px/1.35 Inter,Arial;margin:8px 0}.observatory-portal-paths i{float:right;font-style:normal;color:#ff919b}.observatory-portal-paths p{font:400 15px/1.5 Arial;margin:0;color:#ddd;max-width:35ch}.observatory-portal-paths a:focus-visible{outline:3px solid #ff8b9a;outline-offset:-4px}@media(max-width:700px){.observatory-portal-paths{grid-template-columns:1fr;padding-bottom:20px}.observatory-portal-paths>a{padding:18px}.observatory-portal-paths strong{font-size:21px}.observatory-portal .vertical-portal-entry{min-height:300px}}

/* Single gateway: observation is the visual identity, formats live inside. */
body main .observatory-portal{background:#f5f1ea url('/images/observatoire-eye-hero.webp') center right/cover no-repeat;color:#151515;border-top:1px solid #d9d4cc;border-bottom:4px solid #bf1425}.observatory-portal:before{background:linear-gradient(90deg,#f5f1eaf0 0%,#f5f1eada 36%,#f5f1ea00 62%)}.observatory-portal .vertical-portal-entry{min-height:370px;padding-top:44px;padding-bottom:30px}.observatory-portal .vertical-portal-entry>span{color:#a61524}.observatory-portal .vertical-portal-entry h2{color:#171717!important}.observatory-portal .vertical-portal-entry p{color:#333;max-width:40ch}.observatory-portal .vertical-portal-entry small{color:#555;border-color:#bbb;max-width:470px}.observatory-portal .vertical-portal-entry b{background:#b71325;border-color:#b71325;color:#fff}.observatory-portal .vertical-portal-entry:focus-visible{outline-color:#b71325}@media(max-width:700px){body main .observatory-portal{background-size:cover;background-position:65% center;background-color:#f5f1ea}.observatory-portal:before{background:linear-gradient(90deg,#f5f1eaf7 0%,#f5f1eadb 42%,#f5f1ea55 100%)}.observatory-portal .vertical-portal-entry{padding-top:32px;min-height:370px;padding-bottom:25px}.observatory-portal .vertical-portal-entry p{font-size:16px}.observatory-portal .vertical-portal-entry h2{font-size:36px!important}}