/* Navigation par univers, partagée sur toutes les pages. */
.studio-nav{gap:22px}.studio-nav .studio-brand{width:175px}.studio-nav nav{gap:20px;font-size:12px}.nav-universe{position:relative}.nav-universe summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:600;white-space:nowrap;padding:9px 0;color:#f0f4ff}.nav-universe summary::-webkit-details-marker{display:none}.nav-universe summary>span{color:#92b3ff;font-size:14px;transition:transform .2s}.nav-universe[open] summary>span{transform:rotate(180deg)}.nav-universe[open]>summary{color:#9ebcff}.nav-submenu{position:absolute;top:calc(100% + 13px);left:-20px;min-width:265px;max-width:350px;padding:10px;background:#0b1c34;border:1px solid #38557d;border-radius:8px;box-shadow:0 18px 45px #0008;display:flex;flex-direction:column;gap:3px;z-index:110}.nav-submenu a{display:block!important;padding:11px 13px;font-size:12px;font-weight:400;line-height:1.5;color:#dce8ff!important;border-radius:4px}.nav-submenu a:first-child{font-weight:700;color:#a9c6ff!important;border-bottom:1px solid #ffffff22;margin-bottom:4px;padding-bottom:14px}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#244a94;color:#fff!important}.studio-nav .nav-project{padding:12px 16px;white-space:nowrap}.universe-entry-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.universe-entry-links a{border:1px solid #496c9d;padding:12px 16px;border-radius:5px;background:#102541;color:#dbe8ff!important;font-size:13px}.universe-entry-links a:hover{background:#2854b7}.portfolio-new{max-width:1400px;margin:auto;padding:65px 5%;border-bottom:1px solid #ffffff22}.portfolio-new h2{font-size:clamp(34px,4vw,52px);font-weight:500;margin:0 0 35px}.portfolio-real-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.portfolio-real-grid figure{margin:0;background:#0d203a;border:1px solid #304967;border-radius:8px;overflow:hidden}.portfolio-real-grid figure>div{position:relative;background:#050e1c}.portfolio-real-grid figure>div>img:first-child{width:100%;height:360px;object-fit:contain}.portfolio-real-grid .portfolio-logo{position:absolute;right:12px;bottom:12px;width:100px;height:36px;object-fit:contain;background:#071327df;padding:4px}.portfolio-real-grid figcaption{padding:24px}.portfolio-real-grid h3{font-size:25px;font-weight:500;margin:0 0 15px}.portfolio-real-grid p{font-size:14px;color:#b6cae7}.portfolio-real-grid figcaption a{font-size:12px;border-bottom:1px solid #7798c5;padding:8px 0;display:inline-block}
@media(min-width:1201px){.studio-nav nav{display:flex!important}.studio-nav .menu-toggle{display:none!important}}
@media(max-width:1200px){.studio-nav{flex-wrap:wrap;padding:15px 5%}.studio-nav .studio-brand{width:160px}.studio-nav .menu-toggle{display:block!important}.studio-nav nav{display:none!important;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;position:static;max-height:calc(100dvh - 110px);overflow:auto;padding:8px 0 15px;background:#071327}.studio-nav nav.open{display:flex!important}.studio-nav nav>a,.nav-universe summary{padding:14px 6px;border-bottom:1px solid #ffffff22;font-size:14px}.nav-universe summary{justify-content:space-between}.nav-universe{width:100%}.nav-submenu{position:static;min-width:0;max-width:none;margin:0 0 12px;padding:7px 10px;box-shadow:none;border-color:#ffffff22;border-radius:4px}.nav-submenu a{font-size:13px;padding:11px 12px}.studio-nav nav>.nav-project{margin-top:12px;text-align:center;padding:14px}}
@media(max-width:760px){.portfolio-real-grid{grid-template-columns:1fr}.portfolio-real-grid figure>div>img:first-child{height:auto;max-height:450px}.portfolio-new{padding:45px 5%}.universe-entry-links{flex-direction:column}.universe-entry-links a{display:block}}
@media(prefers-reduced-motion:reduce){.nav-universe summary>span{transition:none}}