/* Isolated glass-orbit scene. No global typography or other section changes. */
.galaxy-hero.hero{width:min(1800px,calc(100% - 64px));grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:12px;min-height:790px}
.galaxy-hero .hero-copy{min-width:0;position:relative;z-index:1}
.galaxy-hero h1{font-size:clamp(42px,3.8vw,70px)}
.galaxy-hero h1 em{background:linear-gradient(110deg,#ffe3a0,#edaf36 55%,#b87b27);background-clip:text;-webkit-text-fill-color:transparent}
.galaxy-hero .universe{min-width:0;width:100%;min-height:0;display:block;padding:50px 0 20px;overflow:visible}
.galaxy-hero .orbit-label{position:static;transform:none;text-align:center;justify-content:center;font-size:11px;letter-spacing:.2em;margin:0 0 12px}
.galaxy{position:relative;width:100%;aspect-ratio:1.18;isolation:isolate;perspective:1200px;touch-action:pan-y;user-select:none;--tilt-x:0deg;--tilt-y:0deg;background:radial-gradient(ellipse at 52% 58%,#12305b55,transparent 62%)}
.galaxy-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.galaxy-world{position:absolute;inset:0;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d}
.galaxy-floor{position:absolute;inset:19% 4% 4%;border-radius:50%;transform:rotateX(45deg);background:radial-gradient(ellipse,#10234666,transparent 65%);pointer-events:none}
.galaxy-floor i{position:absolute;inset:0;border-radius:50%;border:1px solid #d49b444f;box-shadow:0 1px 5px #eaa63f33,inset 0 -1px 8px #2a8bff44}
.galaxy-floor i:nth-child(2){inset:10%;border-color:#268aff88;transform:rotate(-15deg)}
.galaxy-floor i:nth-child(3){inset:24%;border-color:#eab755b0;box-shadow:0 0 14px #ffc25d33}
.galaxy-center{--tint:#eab858;position:absolute;left:50%;top:49%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:4}
.galaxy-glass{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;border-radius:50%;border:1px solid color-mix(in srgb,var(--tint) 85%,white);background:radial-gradient(ellipse at 28% 14%,#ffffff75,transparent 23%),radial-gradient(ellipse at 72% 77%,color-mix(in srgb,var(--tint) 27%,transparent),transparent 48%),radial-gradient(circle at 50% 45%,#101a27 10%,#030913 62%,var(--tint) 96%);box-shadow:inset 3px 1px 5px #ffffff9c,inset -4px -5px 12px color-mix(in srgb,var(--tint) 65%,transparent),inset 11px -8px 18px #000b,0 0 15px color-mix(in srgb,var(--tint) 25%,transparent),0 16px 18px #0008;transition:transform .25s ease;z-index:2}
.galaxy-glass::after{content:"";position:absolute;inset:5% 9% 46% 11%;border-radius:50%;border-top:2px solid #ffffff60;transform:rotate(-22deg);pointer-events:none}
.galaxy-center .galaxy-glass{border:2px solid #91bded;box-shadow:inset 5px 3px 12px #ffe9ac88,inset -8px -5px 20px #258cff88,0 0 35px #2b92ff33,0 20px 40px #0009}
.galaxy-center img{width:88%;height:auto;max-height:80%;object-fit:contain;filter:drop-shadow(0 2px 7px #000);position:relative;z-index:2}
.galaxy-plinth{position:absolute;left:-9%;right:-9%;bottom:-7%;height:27%;border-radius:50%;border:3px solid var(--tint);background:radial-gradient(ellipse,#030915 48%,#adb4b9 52%,#17212b 57%,var(--tint) 60%,#151b25 66%);box-shadow:0 5px 0 #152030,0 8px 0 #020611,0 11px 0 #555e684f,0 17px 16px #000a,0 0 17px color-mix(in srgb,var(--tint) 43%,transparent);z-index:1}
.galaxy-center .galaxy-plinth{height:26%;left:-16%;right:-16%;box-shadow:0 6px 0 #202a36,0 10px 0 #020611,0 14px 0 #a0743550,0 22px 23px #000a,0 0 30px #f3b34455}
.galaxy-planets{position:absolute;inset:0}
.galaxy-planet{position:absolute;left:var(--x);top:var(--y);width:15%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:5;color:white;text-decoration:none;outline-offset:8px;border-radius:50%;transition:opacity .25s ease}
.galaxy-planet .galaxy-glass{padding:12% 7% 13%}
.galaxy-planet{scale:var(--depth,1)}
.galaxy.has-many .galaxy-planet{width:13.4%}
.galaxy-planet svg{width:24%;height:24%;min-height:20px;color:var(--tint);filter:drop-shadow(0 0 4px var(--tint));flex-shrink:0}
.galaxy-planet b{font-size:clamp(17px,1.65vw,29px);font-weight:650;line-height:1.1}
.galaxy-planet strong{font-size:clamp(9px,.7vw,12px);line-height:1.2;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}
.galaxy-planet:hover,.galaxy-planet:focus-visible{z-index:20;opacity:1!important}
.galaxy-planet:hover .galaxy-glass,.galaxy-planet:focus-visible .galaxy-glass{transform:translateY(-5px) scale(1.07)}
.galaxy:has(.galaxy-planet:hover) .galaxy-planet:not(:hover),.galaxy:has(.galaxy-planet:focus-visible) .galaxy-planet:not(:focus-visible){opacity:.55}
.galaxy-tip{position:absolute;left:50%;top:108%;width:210px;box-sizing:border-box;transform:translateX(-50%);padding:14px;background:#07101ff5;border:1px solid color-mix(in srgb,var(--tint) 40%,transparent);border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 12px 30px #0008;transition:opacity .2s;display:grid;gap:7px;text-align:center}
.galaxy-tip span{font-size:12px;line-height:1.5;color:#c1ccde;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.galaxy-tip em{font-size:12px;color:var(--tint);font-style:normal}
.galaxy-planet:hover .galaxy-tip,.galaxy-planet:focus-visible .galaxy-tip{opacity:1;visibility:visible}
.galaxy-controls{display:flex;justify-content:center;align-items:center;gap:14px;color:#a5b2c7;font-size:10px;position:relative;margin-top:26px}
.galaxy-controls button{font:inherit;color:#d3ddeb;border:1px solid #4c63834d;background:#091221;padding:8px 12px;border-radius:30px;cursor:pointer}
.galaxy-controls button:focus-visible{outline:2px solid #f3c56a;outline-offset:3px}
.galaxy.is-running .galaxy-center .galaxy-glass{animation:galaxy-breathe 9s ease-in-out infinite}
.galaxy.is-entering .galaxy-planet{animation:galaxy-arrive .7s both;animation-delay:var(--delay)}
@keyframes galaxy-breathe{50%{transform:translateY(-4px)}}
@keyframes galaxy-arrive{from{opacity:0}to{opacity:1}}
/* Added poles flow into additional rows instead of being cut off or hidden. */
.galaxy.is-dense{aspect-ratio:auto;padding-bottom:30px;min-height:720px}
.galaxy.is-dense .galaxy-world{position:relative;padding-top:310px;transform:none}
.galaxy.is-dense .galaxy-center{top:135px;width:220px}
.galaxy.is-dense .galaxy-planets{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:35px 20px;padding:20px}
.galaxy.is-dense .galaxy-planet{position:relative;left:auto!important;top:auto!important;width:100%;transform:none!important}
.galaxy.is-dense .galaxy-planet{scale:1}
@media(min-width:1800px){.galaxy-planet strong{font-size:13px}.galaxy-planet b{font-size:32px}}
@media(max-width:1100px){.galaxy-hero.hero{display:block;width:min(900px,calc(100% - 40px));padding-top:45px}.galaxy-hero .hero-copy{max-width:630px}.galaxy-hero .universe{margin:30px 0 0;padding-top:10px}.galaxy-planet strong{font-size:11px}.galaxy-planet b{font-size:25px}}
@media(max-width:600px){.galaxy-hero.hero{width:calc(100% - 32px)}.galaxy-hero .universe{overflow:hidden;padding-bottom:24px}.galaxy,.galaxy.is-dense{aspect-ratio:auto;min-height:0;padding:0}.galaxy-world,.galaxy.is-dense .galaxy-world{position:relative;transform:none!important;padding-top:275px}.galaxy-center,.galaxy.is-dense .galaxy-center{top:130px;width:210px}.galaxy-floor{inset:0 0 48%;transform:rotateX(45deg)}.galaxy-planets,.galaxy.is-dense .galaxy-planets{position:relative;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 35px 45px;scroll-padding:35px;touch-action:pan-x pan-y}.galaxy-planet,.galaxy.is-dense .galaxy-planet{position:relative;flex:0 0 155px;width:155px;left:auto!important;top:auto!important;transform:none!important;scroll-snap-align:center}.galaxy-planet strong{font-size:12px}.galaxy-planet b{font-size:28px}.galaxy-tip{display:none}.galaxy-controls{flex-wrap:wrap;margin-top:0}.galaxy-controls>span{font-size:0}.galaxy-controls>span::after{content:"Faites glisser les marques pour les découvrir";font-size:11px}}
@media(prefers-reduced-motion:reduce){.galaxy *, .galaxy *::after{animation:none!important;transition:none!important}.galaxy-world{transform:none!important}.galaxy-controls button{display:none}}
@media(max-width:600px){.galaxy.has-many .galaxy-planet{width:155px;scale:1}}
