/* Accueil : carte d'identité simple (sans bascule) + dernières activités */
.hb-zone{--hb-or:var(--orange,#ff6900);--hb-line:rgba(255,105,0,.42);--hb-muted:#b3b3b3;padding:12px 9px 0;border-bottom:1px solid #303030;background:radial-gradient(ellipse at 50% 0,rgba(255,105,0,.06),transparent 60%);font-family:Arial,Helvetica,sans-serif;color:#f6f6f6}
.hb-idcard{width:min(100%,480px);margin:0 auto;border:1px solid rgba(255,105,0,.38);border-radius:28px;padding:10px 14px 14px;background:radial-gradient(circle at 50% 0,#1b1b1b 0,#121212 32%,#0b0b0b 75%);box-shadow:0 18px 65px #000,0 0 28px rgba(255,105,0,.10);box-sizing:border-box}
/* logo + halo lumineux qui tourne */
.hb-logoWrap{height:112px;display:grid;place-items:center;position:relative}
.hb-logoWrap:before{content:"";position:absolute;width:108px;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 67%,rgba(25,230,214,.15) 73%,rgba(25,230,214,.95) 79%,rgba(255,255,255,.9) 81%,rgba(25,230,214,.18) 85%,transparent 91%);filter:blur(5px);animation:ys-orbit 3.8s linear infinite}
.hb-logo{width:100px;height:auto;aspect-ratio:360/351;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 7px rgba(25,230,214,.4))}
.hb-identity{text-align:center}
.hb-name{font-size:27px;font-weight:850;letter-spacing:0;line-height:1.15;margin:0}.hb-name span{color:inherit}
.hb-id{letter-spacing:.16em;font-size:12.5px;margin-top:3px}.hb-loc{font-size:11px;color:var(--hb-muted);margin-top:3px}
.hb-hook{margin:9px auto 0;max-width:380px;text-align:center;color:#e6e6e6;font-size:13.5px;line-height:1.42}
.hb-rule{border:0;height:1px;margin:12px 6px 11px;background:linear-gradient(90deg,transparent,rgba(255,105,0,.35) 18%,var(--hb-or) 50%,rgba(255,105,0,.35) 82%,transparent)}
.hb-iconRow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.hb-iconBtn{width:44px;height:44px;border:1px solid var(--hb-line);border-radius:13px;background:#141414;display:grid;place-items:center;color:var(--hb-or)!important;text-decoration:none;flex:none}
.hb-iconBtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.hb-iconBtn svg .fill{fill:currentColor;stroke:none}
/* liste de liens : tous identiques */
.hb-links{display:grid;gap:7px;margin-top:10px}
.hb-link{width:100%;min-height:52px;box-sizing:border-box;border:1px solid var(--hb-line);border-radius:13px;background:#141414;color:#fff!important;display:flex;align-items:center;gap:12px;padding:6px 14px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;cursor:pointer;margin:0}
.hb-link svg{width:21px;height:21px;flex:none;fill:none;stroke:var(--hb-or);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.hb-lt{flex:1;min-width:0;line-height:1.2}.hb-lt b{display:block;font-size:14px;font-weight:700}.hb-lt small{display:block;font-size:11px;color:#b3b3b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-link i{font-style:normal;color:var(--hb-or);font-size:16px;flex:none}
.hb-iconBtn:hover,.hb-link:hover{border-color:var(--hb-or)}
/* deux boutons orange */
.hb-cta{width:min(100%,480px);margin:12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border-radius:999px;border:1.5px solid #ff6900;color:#ff6900!important;text-decoration:none;font:800 14px/1.15 Arial,Helvetica,sans-serif;text-align:center;background:rgba(255,105,0,.06);box-sizing:border-box}
.hb-btn-main{background:#ff6900;color:#090909!important}
.hb-btn:hover{filter:brightness(1.1)}
/* petite flèche qui invite à descendre */
.hb-down{display:block;width:max-content;margin:4px auto 0;padding:2px 18px 10px;color:#ff6900!important;text-decoration:none;font-size:24px;line-height:1}
.hb-arrow{display:inline-block;animation:hb-bounce 1.6s ease-in-out infinite}
@keyframes hb-bounce{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media (prefers-reduced-motion:reduce){.hb-logoWrap:before,.hb-arrow{animation:none}}
@media(max-width:360px){.hb-iconBtn{width:40px;height:40px}.hb-iconRow{gap:6px}.hb-btn{font-size:13px}}
@media(min-width:760px){.hb-zone{padding-top:24px}.hb-idcard,.hb-cta{width:min(100%,540px)}.hb-logoWrap{height:130px}.hb-logoWrap:before{width:126px}.hb-logo{width:116px}}
#etudes-intro{scroll-margin-top:66px}

/* Dernières activités (frise) */
#activites h2{margin-bottom:22px}
.tl{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.tl:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(#ff6900,#303030)}
.tl li{position:relative;margin:0 0 12px;padding:12px 14px;background:#141414;border:1px solid #303030;border-radius:14px;line-height:1.4}
.tl li:before{content:"";position:absolute;left:-21px;top:17px;width:10px;height:10px;border-radius:50%;background:#090909;border:2px solid #ff6900}
.tl li:first-child:before{background:#ff6900;box-shadow:0 0 0 4px rgba(255,105,0,.18)}
.tl time{display:block;color:#ff6900;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.tl a,.tl span{color:#f6f6f6;font-size:.98rem}
.tl a{text-decoration:underline;text-decoration-color:rgba(255,105,0,.55);text-underline-offset:3px}
.tl a:hover{color:#ff6900}
.tl.is-collapsed li:nth-child(n+6){display:none}
.tl-more{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0 22px;background:transparent;border:1px solid #ff6900;color:#ff6900;border-radius:999px;padding:11px 18px;min-height:44px;font:800 14px Arial,Helvetica,sans-serif;cursor:pointer}
.tl-more:hover{background:#ff6900;color:#090909}
#activites,#etudes,#carte{scroll-margin-top:66px}