{"id":1234,"date":"2026-07-22T09:07:11","date_gmt":"2026-07-22T09:07:11","guid":{"rendered":"https:\/\/physicsschool.um6p.ma\/?page_id=1234"},"modified":"2026-07-22T09:49:09","modified_gmt":"2026-07-22T09:49:09","slug":"space-science-and-technology","status":"publish","type":"page","link":"https:\/\/physicsschool.um6p.ma\/?page_id=1234","title":{"rendered":"Space Science and Technology"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1234\" class=\"elementor elementor-1234\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1f610 e-con e-atomic-element e-flexbox-base e-8d1f610-7bfdf7c \" data-id=\"8d1f610\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8d1f610\">\n    \t\t<div class=\"elementor-element elementor-element-9150a25 elementor-widget elementor-widget-html\" data-id=\"9150a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cpse-space-newhero\" id=\"space-home\">\r\n\r\n  <style>\r\n    .cpse-space-newhero,\r\n    .cpse-space-newhero * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cpse-space-newhero {\r\n      position: relative;\r\n      width: 100vw;\r\n      min-height: 720px;\r\n      margin-left: calc(50% - 50vw);\r\n      display: flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      font-family: \"Poppins\", sans-serif;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 14, 33, 0.92) 0%,\r\n          rgba(3, 14, 33, 0.72) 31%,\r\n          rgba(3, 14, 33, 0.24) 55%,\r\n          rgba(3, 14, 33, 0.02) 78%\r\n        ),\r\n        url(\"\/wp-content\/uploads\/2026\/07\/hero_cubesate2.png\");\r\n\r\n      background-position: center center;\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    .cpse-space-newhero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      height: 180px;\r\n      pointer-events: none;\r\n      background: linear-gradient(\r\n        180deg,\r\n        rgba(3, 14, 33, 0),\r\n        rgba(3, 14, 33, 0.3)\r\n      );\r\n    }\r\n\r\n    .cpse-space-newhero__container {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1180px, calc(100% - 60px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .cpse-space-newhero__content {\r\n      max-width: 650px;\r\n      padding: 90px 0;\r\n    }\r\n\r\n    .cpse-space-newhero__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      margin-bottom: 20px;\r\n      color: #e87955 !important;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      line-height: 1.4;\r\n      letter-spacing: 1.6px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-space-newhero__label::before {\r\n      content: \"\";\r\n      width: 35px;\r\n      height: 2px;\r\n      background: #cb5435;\r\n    }\r\n\r\n    .cpse-space-newhero h1 {\r\n      max-width: 650px;\r\n      margin: 0 0 24px !important;\r\n      padding: 0 !important;\r\n      color: #ffffff !important;\r\n      font-size: clamp(46px, 5vw, 72px) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.05 !important;\r\n      letter-spacing: -2px;\r\n    }\r\n\r\n    .cpse-space-newhero__description {\r\n      max-width: 610px;\r\n      margin: 0 0 34px !important;\r\n      color: rgba(255, 255, 255, 0.8) !important;\r\n      font-size: 17px !important;\r\n      font-weight: 400;\r\n      line-height: 1.75 !important;\r\n    }\r\n\r\n    .cpse-space-newhero__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n    }\r\n\r\n    .cpse-space-newhero__button {\r\n      width: auto !important;\r\n      min-width: 0 !important;\r\n      min-height: 54px;\r\n      margin: 0 !important;\r\n      padding: 7px 8px 7px 23px !important;\r\n      border: 1px solid #cb5435 !important;\r\n      border-radius: 999px !important;\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      background: #cb5435 !important;\r\n      color: #ffffff !important;\r\n      font-size: 14px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1 !important;\r\n      text-decoration: none !important;\r\n      transition:\r\n        background-color 0.25s ease,\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-newhero__button:hover {\r\n      border-color: #b8482b !important;\r\n      background: #b8482b !important;\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);\r\n    }\r\n\r\n    .cpse-space-newhero__arrow {\r\n      flex: 0 0 38px !important;\r\n      width: 38px !important;\r\n      height: 38px !important;\r\n      min-width: 38px !important;\r\n      min-height: 38px !important;\r\n      border-radius: 50% !important;\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: #ffffff !important;\r\n      color: #071a3d !important;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 19px !important;\r\n      font-weight: 400;\r\n      line-height: 1 !important;\r\n      transition: transform 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-newhero__button:hover\r\n    .cpse-space-newhero__arrow {\r\n      transform: translate(2px, -2px);\r\n    }\r\n\r\n    .cpse-space-newhero__indicator {\r\n      position: absolute;\r\n      z-index: 3;\r\n      bottom: 31px;\r\n      left: 50%;\r\n      width: 28px;\r\n      height: 44px;\r\n      border: 1px solid rgba(255, 255, 255, 0.45);\r\n      border-radius: 999px;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .cpse-space-newhero__indicator::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 9px;\r\n      left: 50%;\r\n      width: 4px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      transform: translateX(-50%);\r\n      animation: cpseSpaceScroll 1.8s ease infinite;\r\n    }\r\n\r\n    @keyframes cpseSpaceScroll {\r\n      0% {\r\n        opacity: 0;\r\n        transform: translate(-50%, 0);\r\n      }\r\n\r\n      30% {\r\n        opacity: 1;\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n        transform: translate(-50%, 16px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .cpse-space-newhero {\r\n        min-height: 670px;\r\n        background-position: 62% center;\r\n      }\r\n\r\n      .cpse-space-newhero__container {\r\n        width: calc(100% - 50px);\r\n      }\r\n\r\n      .cpse-space-newhero__content {\r\n        max-width: 590px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .cpse-space-newhero {\r\n        min-height: 720px;\r\n        align-items: flex-end;\r\n\r\n        background-image:\r\n          linear-gradient(\r\n            180deg,\r\n            rgba(3, 14, 33, 0.08) 0%,\r\n            rgba(3, 14, 33, 0.2) 30%,\r\n            rgba(3, 14, 33, 0.85) 65%,\r\n            rgba(3, 14, 33, 0.98) 100%\r\n          ),\r\n          url(\"\/wp-content\/uploads\/2026\/07\/here_cubesate.png\");\r\n\r\n        background-position: 68% center;\r\n      }\r\n\r\n      .cpse-space-newhero__container {\r\n        width: calc(100% - 36px);\r\n      }\r\n\r\n      .cpse-space-newhero__content {\r\n        max-width: 100%;\r\n        padding: 310px 0 75px;\r\n      }\r\n\r\n      .cpse-space-newhero__label {\r\n        margin-bottom: 13px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .cpse-space-newhero h1 {\r\n        margin-bottom: 18px !important;\r\n        font-size: 42px !important;\r\n        letter-spacing: -1px;\r\n      }\r\n\r\n      .cpse-space-newhero__description {\r\n        margin-bottom: 27px !important;\r\n        font-size: 15px !important;\r\n        line-height: 1.65 !important;\r\n      }\r\n\r\n      .cpse-space-newhero__button {\r\n        width: 100% !important;\r\n      }\r\n\r\n      .cpse-space-newhero__indicator {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .cpse-space-newhero h1 {\r\n        font-size: 36px !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .cpse-space-newhero__indicator::after {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"cpse-space-newhero__container\">\r\n    <div class=\"cpse-space-newhero__content\">\r\n\r\n      <span class=\"cpse-space-newhero__label\">\r\n        CPSE Research\r\n      <\/span>\r\n\r\n      <h1>\r\n        Space Science and Technology\r\n      <\/h1>\r\n\r\n      <p class=\"cpse-space-newhero__description\">\r\n        Exploring nanosatellite engineering, space missions,\r\n        advanced materials and the effects of the space environment\r\n        through research-led, hands-on education.\r\n      <\/p>\r\n\r\n      <div class=\"cpse-space-newhero__actions\">\r\n\r\n        <a\r\n          class=\"cpse-space-newhero__button\"\r\n          href=\"#overview\"\r\n        >\r\n          <span>Explore the Research<\/span>\r\n          <span class=\"cpse-space-newhero__arrow\">\u2197<\/span>\r\n        <\/a>\r\n                <a\r\n          class=\"cpse-space-newhero__button\"\r\n          href=\"#overview\"\r\n        >\r\n          <span>Featured papers<\/span>\r\n          <span class=\"cpse-space-newhero__arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <span\r\n    class=\"cpse-space-newhero__indicator\"\r\n    aria-hidden=\"true\"\r\n  ><\/span>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-97e6b31 e-flex e-con-boxed e-con e-parent\" data-id=\"97e6b31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68be8e8 elementor-widget elementor-widget-html\" data-id=\"68be8e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-space-page\">\r\n  <link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\"\r\n  >\r\n\r\n  <style>\r\n    .cpse-space-page {\r\n      --cpse-navy: #071a3d;\r\n      --cpse-orange: #cb5435;\r\n      --cpse-white: #ffffff;\r\n      --cpse-light: #f5f6f8;\r\n      --cpse-text: #3f4652;\r\n      --cpse-border: #dde1e7;\r\n\r\n      font-family: \"Poppins\", sans-serif;\r\n      color: var(--cpse-text);\r\n    }\r\n\r\n    .cpse-space-page,\r\n    .cpse-space-page * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .cpse-space-page img {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .cpse-space-shell {\r\n      width: min(1180px, calc(100% - 40px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .cpse-space-section {\r\n      padding: 88px 0;\r\n      scroll-margin-top: 110px;\r\n    }\r\n\r\n    .cpse-space-section--light {\r\n      background: var(--cpse-light);\r\n    }\r\n\r\n    .cpse-space-kicker {\r\n      display: inline-block;\r\n      margin-bottom: 12px;\r\n      color: var(--cpse-orange);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-space-title {\r\n      max-width: 850px;\r\n      margin: 0 0 20px;\r\n      color: var(--cpse-navy);\r\n      font-size: clamp(32px, 4vw, 52px);\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .cpse-space-title--small {\r\n      font-size: clamp(28px, 3vw, 42px);\r\n    }\r\n\r\n    .cpse-space-intro {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      font-size: 17px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .cpse-space-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      padding: 12px 14px 12px 24px;\r\n      border: 1px solid var(--cpse-orange);\r\n      border-radius: 999px;\r\n      background: var(--cpse-orange);\r\n      color: #fff !important;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      text-decoration: none !important;\r\n      transition: 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-btn:hover {\r\n      color: #fff !important;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 26px rgba(203, 84, 53, 0.25);\r\n    }\r\n\r\n    .cpse-space-btn__arrow {\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 50%;\r\n      background: #fff;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .cpse-space-btn__arrow img {\r\n      width: 10px !important;\r\n      height: 10px !important;\r\n      object-fit: contain;\r\n    }\r\n\r\n    \/* HERO *\/\r\n\r\n    .cpse-space-hero {\r\n      width: 100vw;\r\n      min-height: 670px;\r\n      margin-left: calc(50% - 50vw);\r\n      display: grid;\r\n      align-items: stretch;\r\n      grid-template-columns: 1fr 1.08fr;\r\n      overflow: hidden;\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-space-hero__content {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 90px max(50px, calc((100vw - 1180px) \/ 2));\r\n      padding-right: 65px;\r\n    }\r\n\r\n    .cpse-space-hero__inner {\r\n      max-width: 620px;\r\n    }\r\n\r\n    .cpse-space-hero__label {\r\n      display: inline-block;\r\n      margin-bottom: 22px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.6px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-space-hero h1 {\r\n      margin: 0 0 24px;\r\n      color: #fff;\r\n      font-size: clamp(42px, 5vw, 72px);\r\n      line-height: 1.03;\r\n    }\r\n\r\n    .cpse-space-hero p {\r\n      margin: 0 0 32px;\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 18px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .cpse-space-hero__image {\r\n      position: relative;\r\n      min-height: 670px;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cpse-navy) 0%,\r\n          rgba(7, 26, 61, 0.18) 28%,\r\n          rgba(7, 26, 61, 0) 60%\r\n        ),\r\n        url(\"\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-22-141532.png\")\r\n        center \/ cover no-repeat;\r\n    }\r\n\r\n    \/* OVERVIEW *\/\r\n\r\n    .cpse-space-overview {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 70px;\r\n      align-items: center;\r\n    }\r\n\r\n    .cpse-space-overview__visual {\r\n      min-height: 500px;\r\n      padding: 35px;\r\n      border-radius: 24px;\r\n      display: flex;\r\n      align-items: center;\r\n      background: var(--cpse-light);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cpse-space-overview__visual img {\r\n      width: 100%;\r\n      height: 430px;\r\n      object-fit: contain;\r\n      display: block;\r\n    }\r\n\r\n    .cpse-space-facts {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 14px;\r\n      margin-top: 32px;\r\n    }\r\n\r\n    .cpse-space-fact {\r\n      padding: 20px;\r\n      border: 1px solid var(--cpse-border);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n    }\r\n\r\n    .cpse-space-fact strong {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: var(--cpse-navy);\r\n      font-size: 18px;\r\n    }\r\n\r\n    .cpse-space-fact span {\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ACCORDION AND CAROUSELS *\/\r\n\r\n    .cpse-space-accordion {\r\n      margin-top: 42px;\r\n      border-top: 1px solid var(--cpse-border);\r\n    }\r\n\r\n    .cpse-space-theme {\r\n      border-bottom: 1px solid var(--cpse-border);\r\n      transition: background 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-theme:hover {\r\n      background: rgba(203, 84, 53, 0.045);\r\n    }\r\n\r\n    .cpse-space-theme summary {\r\n      position: relative;\r\n      padding: 28px 65px 28px 18px;\r\n      color: var(--cpse-navy);\r\n      font-size: 21px;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      list-style: none;\r\n    }\r\n\r\n    .cpse-space-theme summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .cpse-space-theme summary::after {\r\n      content: \"+\";\r\n      position: absolute;\r\n      top: 50%;\r\n      right: 20px;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--cpse-navy);\r\n      color: #fff;\r\n      font-size: 23px;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .cpse-space-theme[open] summary::after {\r\n      content: \"\u2212\";\r\n      background: var(--cpse-orange);\r\n    }\r\n\r\n    .cpse-space-theme__content {\r\n      padding: 0 18px 34px;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 40px;\r\n      align-items: center;\r\n    }\r\n\r\n    .cpse-space-theme__content p {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .cpse-space-slider {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 18px;\r\n      background: var(--cpse-light);\r\n    }\r\n\r\n    .cpse-space-slider__track {\r\n      display: flex;\r\n      transition: transform 0.55s ease;\r\n    }\r\n\r\n    .cpse-space-slide {\r\n      min-width: 100%;\r\n      height: 340px;\r\n    }\r\n\r\n    .cpse-space-slide img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: contain;\r\n      background: #fff;\r\n    }\r\n\r\n    .cpse-space-slider__controls {\r\n      position: absolute;\r\n      right: 15px;\r\n      bottom: 15px;\r\n      display: flex;\r\n      gap: 8px;\r\n    }\r\n\r\n    .cpse-space-slider__btn {\r\n      width: 42px;\r\n      height: 42px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 50%;\r\n      background: var(--cpse-navy);\r\n      color: #fff;\r\n      font-size: 25px;\r\n      cursor: pointer;\r\n      transition: 0.2s ease;\r\n    }\r\n\r\n    .cpse-space-slider__btn:hover {\r\n      background: var(--cpse-orange);\r\n    }\r\n\r\n    \/* TIMELINE *\/\r\n\r\n    .cpse-space-timeline {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 18px;\r\n      margin-top: 42px;\r\n    }\r\n\r\n    .cpse-space-step {\r\n      position: relative;\r\n      min-height: 190px;\r\n      padding: 26px;\r\n      border: 1px solid var(--cpse-border);\r\n      border-top: 4px solid var(--cpse-orange);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n      transition: 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-step:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 35px rgba(7, 26, 61, 0.1);\r\n    }\r\n\r\n    .cpse-space-step__number {\r\n      display: block;\r\n      margin-bottom: 15px;\r\n      color: var(--cpse-orange);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .cpse-space-step h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--cpse-navy);\r\n      font-size: 19px;\r\n    }\r\n\r\n    .cpse-space-step p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* RESEARCH MISSION *\/\r\n\r\n    .cpse-space-mission {\r\n      display: grid;\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n      gap: 70px;\r\n      align-items: center;\r\n    }\r\n\r\n    .cpse-space-mission__image {\r\n      min-height: 520px;\r\n      border-radius: 24px;\r\n      background:\r\n        linear-gradient(rgba(7, 26, 61, 0.05), rgba(7, 26, 61, 0.05)),\r\n        url(\"\/wp-content\/uploads\/2022\/12\/CubeSat-Orbite.png\")\r\n        center \/ contain no-repeat,\r\n        var(--cpse-light);\r\n    }\r\n\r\n    .cpse-space-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 27px;\r\n    }\r\n\r\n    .cpse-space-tag {\r\n      padding: 10px 16px;\r\n      border: 1px solid var(--cpse-border);\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: var(--cpse-navy);\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* MEDIA *\/\r\n\r\n    .cpse-space-media-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 22px;\r\n      margin-top: 42px;\r\n    }\r\n\r\n    .cpse-space-media-main,\r\n    .cpse-space-media-side {\r\n      overflow: hidden;\r\n      border-radius: 20px;\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-space-media-main video {\r\n      width: 100%;\r\n      height: 510px;\r\n      display: block;\r\n      object-fit: cover;\r\n      background: #000;\r\n    }\r\n\r\n    .cpse-space-media-side {\r\n      display: grid;\r\n      grid-template-rows: repeat(2, 1fr);\r\n      gap: 2px;\r\n    }\r\n\r\n    .cpse-space-media-side img {\r\n      width: 100%;\r\n      height: 254px;\r\n      display: block;\r\n      object-fit: contain;\r\n      background: #fff;\r\n    }\r\n\r\n    \/* IMPACT *\/\r\n\r\n    .cpse-space-impact {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n      margin-top: 42px;\r\n    }\r\n\r\n    .cpse-space-impact-card {\r\n      padding: 30px;\r\n      border: 1px solid var(--cpse-border);\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      transition: 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-impact-card:hover {\r\n      border-color: var(--cpse-orange);\r\n      transform: translateY(-5px);\r\n    }\r\n\r\n    .cpse-space-impact-card h3 {\r\n      margin: 0 0 12px;\r\n      color: var(--cpse-navy);\r\n      font-size: 20px;\r\n    }\r\n\r\n    .cpse-space-impact-card p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    \/* CTA *\/\r\n\r\n    .cpse-space-cta {\r\n      padding: 75px 30px;\r\n      text-align: center;\r\n      background: var(--cpse-navy);\r\n    }\r\n\r\n    .cpse-space-cta h2 {\r\n      max-width: 780px;\r\n      margin: 0 auto 18px;\r\n      color: #fff;\r\n      font-size: clamp(30px, 4vw, 48px);\r\n    }\r\n\r\n    .cpse-space-cta p {\r\n      max-width: 720px;\r\n      margin: 0 auto 30px;\r\n      color: rgba(255, 255, 255, 0.75);\r\n      line-height: 1.8;\r\n    }\r\n\r\n    \/* FLOATING MENU *\/\r\n\r\n    .cpse-space-floating-nav {\r\n      position: fixed;\r\n      top: 150px;\r\n      right: 22px;\r\n      z-index: 999;\r\n      width: 260px;\r\n      border: 1px solid var(--cpse-border);\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      box-shadow: 0 18px 45px rgba(7, 26, 61, 0.16);\r\n      overflow: hidden;\r\n      transition: 0.25s ease;\r\n    }\r\n\r\n    .cpse-space-floating-nav__head {\r\n      min-height: 54px;\r\n      padding-left: 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: var(--cpse-navy);\r\n      color: #fff;\r\n    }\r\n\r\n    .cpse-space-floating-nav__head span {\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .cpse-space-floating-nav__toggle {\r\n      width: 54px;\r\n      height: 54px;\r\n      border: 0;\r\n      background: var(--cpse-orange);\r\n      color: #fff;\r\n      font-size: 22px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .cpse-space-floating-nav__body {\r\n      padding: 8px;\r\n    }\r\n\r\n    .cpse-space-floating-nav a {\r\n      display: block;\r\n      padding: 11px 12px;\r\n      border-radius: 9px;\r\n      color: var(--cpse-navy) !important;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .cpse-space-floating-nav a:hover,\r\n    .cpse-space-floating-nav a.is-active {\r\n      background: rgba(203, 84, 53, 0.1);\r\n      color: var(--cpse-orange) !important;\r\n    }\r\n\r\n    .cpse-space-floating-nav.is-collapsed {\r\n      width: 54px;\r\n    }\r\n\r\n    .cpse-space-floating-nav.is-collapsed\r\n    .cpse-space-floating-nav__head {\r\n      padding-left: 0;\r\n    }\r\n\r\n    .cpse-space-floating-nav.is-collapsed\r\n    .cpse-space-floating-nav__head span,\r\n    .cpse-space-floating-nav.is-collapsed\r\n    .cpse-space-floating-nav__body {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .cpse-space-hero {\r\n        min-height: auto;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-space-hero__content {\r\n        padding: 80px 35px 55px;\r\n      }\r\n\r\n      .cpse-space-hero__image {\r\n        min-height: 430px;\r\n      }\r\n\r\n      .cpse-space-overview,\r\n      .cpse-space-mission {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-space-timeline {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .cpse-space-shell {\r\n        width: min(100% - 28px, 1180px);\r\n      }\r\n\r\n      .cpse-space-section {\r\n        padding: 64px 0;\r\n      }\r\n\r\n      .cpse-space-hero h1 {\r\n        font-size: 42px;\r\n      }\r\n\r\n      .cpse-space-hero__content {\r\n        padding: 65px 24px 45px;\r\n      }\r\n\r\n      .cpse-space-hero__image {\r\n        min-height: 270px;\r\n      }\r\n\r\n      .cpse-space-facts,\r\n      .cpse-space-timeline,\r\n      .cpse-space-impact,\r\n      .cpse-space-theme__content,\r\n      .cpse-space-media-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cpse-space-overview__visual,\r\n      .cpse-space-mission__image {\r\n        min-height: 350px;\r\n      }\r\n\r\n      .cpse-space-overview__visual img {\r\n        height: 320px;\r\n      }\r\n\r\n      .cpse-space-slide {\r\n        height: 260px;\r\n      }\r\n\r\n      .cpse-space-media-main video {\r\n        height: 300px;\r\n      }\r\n\r\n      .cpse-space-media-side img {\r\n        height: 260px;\r\n      }\r\n\r\n      .cpse-space-floating-nav {\r\n        top: auto;\r\n        right: 12px;\r\n        bottom: 14px;\r\n        width: min(300px, calc(100vw - 24px));\r\n      }\r\n\r\n      .cpse-space-floating-nav__body {\r\n        max-height: 230px;\r\n        overflow-y: auto;\r\n      }\r\n\r\n      .cpse-space-floating-nav.is-collapsed {\r\n        width: 54px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74dc530 e-con-full e-flex e-con e-parent\" data-id=\"74dc530\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-191498f elementor-widget elementor-widget-html\" data-id=\"191498f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cpse-space-overview__visual {\r\n    min-height:0 !important;\r\n    aspect-ratio: 16 \/ 10;\r\n    padding: 0 !important;\r\n    display: block !important;\r\n    overflow: hidden;\r\n    border-radius: 34px;\r\n    background: #f5f6f8;\r\n  }\r\n\r\n  .cpse-space-overview__visual img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-height: 100% !important;\r\n    display: block !important;\r\n    object-fit: cover !important;\r\n    object-position: center center;\r\n    border-radius: inherit;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .cpse-space-overview__visual:hover img {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .cpse-space-overview__visual {\r\n      aspect-ratio: 4 \/ 3;\r\n    }\r\n  }\r\n<\/style>\r\n<style>\r\n  .cpse-space-overview {\r\n    grid-template-columns: 0.95fr 1.05fr !important;\r\n    gap: 55px !important;\r\n  }\r\n\r\n  .cpse-space-overview__visual {\r\n    width: calc(100% + 35px);\r\n    aspect-ratio: 16 \/ 10;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .cpse-space-overview {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n\r\n    .cpse-space-overview__visual {\r\n      width: 100%;\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"cpse-space-page\">\r\n  <section class=\"cpse-space-section\" id=\"overview\">\r\n    <div class=\"cpse-space-shell\">\r\n\r\n      <div class=\"cpse-space-overview\">\r\n\r\n        <div>\r\n          <span class=\"cpse-space-kicker\">\r\n            UM6PSaT\r\n          <\/span>\r\n\r\n          <h2 class=\"cpse-space-title cpse-space-title--small\">\r\n            A student CubeSat connecting education, engineering\r\n            and scientific research\r\n          <\/h2>\r\n\r\n          <p class=\"cpse-space-intro\">\r\n            UM6PSaT is a student 1U CubeSat developed through\r\n            CPSE research activities with support from CNES,\r\n            the French space agency. The project introduces\r\n            students to nanosatellite technologies by involving\r\n            them directly in the development of a complete\r\n            CubeSat mission.\r\n          <\/p>\r\n\r\n          <div class=\"cpse-space-facts\">\r\n\r\n            <div class=\"cpse-space-fact\">\r\n              <strong>1U CubeSat<\/strong>\r\n              <span>Compact nanosatellite platform<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cpse-space-fact\">\r\n              <strong>CNES Support<\/strong>\r\n              <span>Space engineering guidance<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cpse-space-fact\">\r\n              <strong>Student-Led<\/strong>\r\n              <span>Learning through real engineering work<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cpse-space-fact\">\r\n              <strong>Research Mission<\/strong>\r\n              <span>Space radiation and advanced materials<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cpse-space-overview__visual\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/07\/team_cubesat.png\"\r\n            alt=\"Exploded technical view of the UM6PSaT CubeSat\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-416edbf e-con-full e-flex e-con e-parent\" data-id=\"416edbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6caa2f7 elementor-widget elementor-widget-html\" data-id=\"6caa2f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-space-page\">\r\n  <section class=\"cpse-space-section\" id=\"mission-media\">\r\n    <div class=\"cpse-space-shell\">\r\n\r\n      <span class=\"cpse-space-kicker\">\r\n        Mission gallery\r\n      <\/span>\r\n\r\n      <h2 class=\"cpse-space-title cpse-space-title--small\">\r\n        Visualizing the UM6PSaT platform and mission\r\n      <\/h2>\r\n\r\n      <div class=\"cpse-space-media-grid\">\r\n\r\n        <div class=\"cpse-space-media-main\">\r\n          <video\r\n           autoplay\r\n            muted\r\n            loop\r\n            playsinline\r\n          >\r\n            <source\r\n              src=\"\/wp-content\/uploads\/2026\/07\/orbit.mp4\"\r\n              type=\"video\/mp4\"\r\n            >\r\n\r\n            Your browser does not support HTML video.\r\n          <\/video>\r\n        <\/div>\r\n\r\n        <div class=\"cpse-space-media-side\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/07\/cubesta-1-scaled.png\"\r\n            alt=\"Exploded technical model of UM6PSaT\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/07\/cube_sat-2.png\"\r\n            alt=\"UM6PSaT CubeSat represented in orbit\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7509bac e-con e-atomic-element e-flexbox-base e-7509bac-1b8937a \" data-id=\"7509bac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7509bac\">\n    \t\t<div class=\"elementor-element elementor-element-f4332ed elementor-widget elementor-widget-html\" data-id=\"f4332ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-space-page\">\r\n  <section class=\"cpse-space-section\" id=\"mission-lifecycle\">\r\n    <div class=\"cpse-space-shell\">\r\n\r\n      <span class=\"cpse-space-kicker\">\r\n        Mission lifecycle\r\n      <\/span>\r\n\r\n      <h2 class=\"cpse-space-title cpse-space-title--small\">\r\n        Students participate in every stage of satellite\r\n        development\r\n      <\/h2>\r\n\r\n      <p class=\"cpse-space-intro\">\r\n        UM6PSaT follows the essential development stages of a\r\n        conventional satellite mission while providing a\r\n        practical and accessible learning environment.\r\n      <\/p>\r\n\r\n      <div class=\"cpse-space-timeline\">\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 01<\/span>\r\n          <h3>Feasibility Study<\/h3>\r\n          <p>\r\n            Definition of the scientific objective, mission\r\n            requirements and technical viability.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 02<\/span>\r\n          <h3>Preliminary Design<\/h3>\r\n          <p>\r\n            Development of the initial satellite architecture\r\n            and selection of its principal subsystems.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 03<\/span>\r\n          <h3>Detailed Design<\/h3>\r\n          <p>\r\n            Refinement of mechanical, electrical, communication\r\n            and scientific payload solutions.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 04<\/span>\r\n          <h3>Manufacturing<\/h3>\r\n          <p>\r\n            Production and preparation of the satellite's\r\n            structural and functional components.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 05<\/span>\r\n          <h3>Assembly and Integration<\/h3>\r\n          <p>\r\n            Integration of the CubeSat structure, electronics,\r\n            power system and scientific payload.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-step\">\r\n          <span class=\"cpse-space-step__number\">Stage 06<\/span>\r\n          <h3>Qualification and Acceptance<\/h3>\r\n          <p>\r\n            Verification and testing of the integrated system\r\n            in preparation for a future launch opportunity.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0c59c62 e-con-full e-flex e-con e-parent\" data-id=\"0c59c62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c7bb7e elementor-widget elementor-widget-html\" data-id=\"0c7bb7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cpse-space-mission__image {\r\n    min-height: 0 !important;\r\n    aspect-ratio: 16 \/ 10;\r\n    padding: 0 !important;\r\n    display: block !important;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    background: #f5f6f8;\r\n  }\r\n\r\n  .cpse-space-mission__image img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-height: 100% !important;\r\n    display: block !important;\r\n    object-fit: cover !important;\r\n    object-position: center center;\r\n    border-radius: inherit;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .cpse-space-mission__image:hover img {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .cpse-space-overview__visual {\r\n      aspect-ratio: 4 \/ 3;\r\n    }\r\n  }\r\n<\/style>\r\n<style>\r\n  .cpse-space-mission__image {\r\n    grid-template-columns: 0.95fr 1.05fr !important;\r\n    gap: 55px !important;\r\n  }\r\n\r\n  .cpse-space-mission__image {\r\n    width: calc(100% + 35px);\r\n    aspect-ratio: 16 \/ 10;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .cpse-space-overview {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n\r\n    .cpse-space-overview__visual {\r\n      width: 100%;\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"cpse-space-page\">\r\n  <section\r\n    class=\"cpse-space-section cpse-space-section--light\"\r\n    id=\"materials-in-space\"\r\n  >\r\n    <div class=\"cpse-space-shell\">\r\n\r\n      <div class=\"cpse-space-mission\">\r\n\r\n        <div class=\"cpse-space-mission__image\">\r\n             <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/07\/here_cubesate.png\">\r\n        <\/div>\r\n\r\n        <div>\r\n          <span class=\"cpse-space-kicker\">\r\n            Scientific mission\r\n          <\/span>\r\n\r\n          <h2 class=\"cpse-space-title cpse-space-title--small\">\r\n            Understanding the effect of space radiation on\r\n            advanced materials\r\n          <\/h2>\r\n\r\n          <p class=\"cpse-space-intro\">\r\n            Beyond its educational objective, UM6PSaT is intended\r\n            to support research on space radiation and its impact\r\n            on two-dimensional materials developed and studied at\r\n            UM6P. The mission connects space engineering with\r\n            materials science and potential future technology\r\n            applications.\r\n          <\/p>\r\n\r\n          <div class=\"cpse-space-tags\">\r\n            <span class=\"cpse-space-tag\">Graphene<\/span>\r\n            <span class=\"cpse-space-tag\">Black phosphorus<\/span>\r\n            <span class=\"cpse-space-tag\">MoS\u2082<\/span>\r\n            <span class=\"cpse-space-tag\">Space radiation<\/span>\r\n            <span class=\"cpse-space-tag\">2D materials<\/span>\r\n            <span class=\"cpse-space-tag\">Nanosatellites<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-976df0f e-con e-atomic-element e-flexbox-base e-c36b7c5 \" data-id=\"976df0f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"976df0f\">\n    \t\t<div class=\"elementor-element elementor-element-c38554e elementor-widget elementor-widget-html\" data-id=\"c38554e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cpse-space-page\">\r\n  <section\r\n    class=\"cpse-space-section cpse-space-section--light\"\r\n    id=\"research-impact\"\r\n  >\r\n    <div class=\"cpse-space-shell\">\r\n\r\n      <span class=\"cpse-space-kicker\">\r\n        Research impact\r\n      <\/span>\r\n\r\n      <h2 class=\"cpse-space-title cpse-space-title--small\">\r\n        Developing skills for future space-science challenges\r\n      <\/h2>\r\n\r\n      <div class=\"cpse-space-impact\">\r\n\r\n        <article class=\"cpse-space-impact-card\">\r\n          <h3>Interdisciplinary Training<\/h3>\r\n          <p>\r\n            Students connect physics, electronics, materials\r\n            science, mechanical engineering, communication\r\n            systems and project management.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-impact-card\">\r\n          <h3>Learning by Doing<\/h3>\r\n          <p>\r\n            The nanosatellite platform allows students to apply\r\n            classroom knowledge to a complex engineering system\r\n            with real mission constraints.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"cpse-space-impact-card\">\r\n          <h3>Research Integration<\/h3>\r\n          <p>\r\n            The mission creates links between space technology,\r\n            radiation studies and CPSE research on advanced\r\n            two-dimensional materials.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e990c7f e-con e-atomic-element e-flexbox-base e-8504a16 \" data-id=\"e990c7f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e990c7f\">\n    \t\t<div class=\"elementor-element elementor-element-d8ab925 elementor-widget elementor-widget-html\" data-id=\"d8ab925\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SPACE SCIENCE FLOATING MENU -->\r\n\r\n<div\r\n  class=\"cpse-page-menu is-open\"\r\n  id=\"cpseSpaceMenu\"\r\n  data-cpse-space-menu\r\n>\r\n\r\n  <!-- Button displayed after closing the panel -->\r\n\r\n  <button\r\n    class=\"cpse-page-menu__open\"\r\n    type=\"button\"\r\n    aria-label=\"Open page menu\"\r\n    aria-expanded=\"true\"\r\n    aria-controls=\"cpseSpaceMenuPanel\"\r\n  >\r\n    <span>On this page<\/span>\r\n\r\n    <span\r\n      class=\"cpse-page-menu__icon\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <i><\/i>\r\n      <i><\/i>\r\n      <i><\/i>\r\n    <\/span>\r\n  <\/button>\r\n\r\n  <!-- Open navigation panel -->\r\n\r\n  <aside\r\n    class=\"cpse-page-menu__panel\"\r\n    id=\"cpseSpaceMenuPanel\"\r\n    aria-hidden=\"false\"\r\n  >\r\n    <div class=\"cpse-page-menu__header\">\r\n\r\n      <div>\r\n        <span class=\"cpse-page-menu__label\">\r\n          On this page\r\n        <\/span>\r\n\r\n        <strong>\r\n          Space Science &amp; Technology\r\n        <\/strong>\r\n      <\/div>\r\n\r\n      <button\r\n        class=\"cpse-page-menu__close\"\r\n        type=\"button\"\r\n        aria-label=\"Close page menu\"\r\n      >\r\n        &times;\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <nav\r\n      class=\"cpse-page-menu__links\"\r\n      aria-label=\"Space Science page navigation\"\r\n    >\r\n\r\n      <a href=\"#overview\">\r\n        <span>Overview<\/span>\r\n        <b aria-hidden=\"true\">&#8250;<\/b>\r\n      <\/a>\r\n      <a href=\"#mission-media\">\r\n        <span>Mission Gallery<\/span>\r\n        <b aria-hidden=\"true\">&#8250;<\/b>\r\n      <\/a>\r\n      <a href=\"#mission-lifecycle\">\r\n        <span>Mission Lifecycle<\/span>\r\n        <b aria-hidden=\"true\">&#8250;<\/b>\r\n      <\/a>\r\n\r\n      <a href=\"#materials-in-space\">\r\n        <span>Materials in Space<\/span>\r\n        <b aria-hidden=\"true\">&#8250;<\/b>\r\n      <\/a>\r\n\r\n\r\n      <a href=\"#research-impact\">\r\n        <span>Research Impact<\/span>\r\n        <b aria-hidden=\"true\">&#8250;<\/b>\r\n      <\/a>\r\n\r\n\r\n    <\/nav>\r\n  <\/aside>\r\n<\/div>\r\n\r\n<style>\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  \/*\r\n   * Main floating-menu container\r\n   *\/\r\n\r\n  .cpse-page-menu {\r\n    position: fixed;\r\n    z-index: 9999;\r\n    top: 50%;\r\n    right: 18px;\r\n    font-family: \"Poppins\", Arial, sans-serif;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  \/*\r\n   * Reopen button\r\n   *\/\r\n\r\n  .cpse-page-menu__open {\r\n    min-width: 136px;\r\n    min-height: 52px;\r\n    margin: 0;\r\n    padding: 11px 19px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n\r\n    background: #071a3d;\r\n    box-shadow: 0 14px 34px rgba(7, 26, 61, 0.25);\r\n    color: #ffffff;\r\n\r\n    font: inherit;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n\r\n    transition:\r\n      background-color 0.25s ease,\r\n      transform 0.25s ease,\r\n      opacity 0.2s ease;\r\n  }\r\n\r\n  .cpse-page-menu__open:hover {\r\n    background: #ca5235;\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  \/*\r\n   * Hamburger icon\r\n   *\/\r\n\r\n  .cpse-page-menu__icon {\r\n    width: 18px;\r\n    display: grid;\r\n    gap: 4px;\r\n  }\r\n\r\n  .cpse-page-menu__icon i {\r\n    width: 100%;\r\n    height: 2px;\r\n    display: block;\r\n    border-radius: 5px;\r\n    background: currentColor;\r\n  }\r\n\r\n  \/*\r\n   * Floating panel\r\n   *\/\r\n\r\n  .cpse-page-menu__panel {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 0;\r\n\r\n    width: min(360px, calc(100vw - 28px));\r\n    max-height: min(660px, calc(100vh - 30px));\r\n\r\n    overflow: hidden;\r\n    border: 1px solid #deded9;\r\n    border-radius: 22px;\r\n\r\n    background: #ffffff;\r\n    box-shadow: 0 25px 65px rgba(7, 26, 61, 0.24);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      translateX(24px)\r\n      scale(0.97);\r\n\r\n    transform-origin: right center;\r\n\r\n    transition:\r\n      opacity 0.25s ease,\r\n      visibility 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  \/*\r\n   * Open state\r\n   *\/\r\n\r\n  .cpse-page-menu.is-open\r\n  .cpse-page-menu__panel {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      translateX(0)\r\n      scale(1);\r\n  }\r\n\r\n  \/*\r\n   * Hide the small button while the panel is open\r\n   *\/\r\n\r\n  .cpse-page-menu.is-open\r\n  .cpse-page-menu__open {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/*\r\n   * Menu heading\r\n   *\/\r\n\r\n  .cpse-page-menu__header {\r\n    padding: 21px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n\r\n    background: #071a3d;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .cpse-page-menu__label {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    color: #e77a5d;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cpse-page-menu__header strong {\r\n    max-width: 230px;\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  \/*\r\n   * Close button stays on the right\r\n   *\/\r\n\r\n  .cpse-page-menu__close {\r\n    width: 40px;\r\n    height: 40px;\r\n    flex: 0 0 40px;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    border-radius: 50%;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    background: transparent;\r\n    color: #ffffff;\r\n\r\n    font: inherit;\r\n    font-size: 27px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n\r\n    transition:\r\n      background-color 0.2s ease,\r\n      border-color 0.2s ease,\r\n      transform 0.2s ease;\r\n  }\r\n\r\n  .cpse-page-menu__close:hover {\r\n    border-color: #ca5235;\r\n    background: #ca5235;\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  \/*\r\n   * Navigation links\r\n   *\/\r\n\r\n  .cpse-page-menu__links {\r\n    max-height: calc(\r\n      min(660px, 100vh - 30px) - 96px\r\n    );\r\n\r\n    padding: 10px;\r\n    overflow-y: auto;\r\n    overscroll-behavior: contain;\r\n\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #ca5235 #f5f5f3;\r\n  }\r\n\r\n  .cpse-page-menu__links::-webkit-scrollbar {\r\n    width: 5px;\r\n  }\r\n\r\n  .cpse-page-menu__links::-webkit-scrollbar-track {\r\n    background: #f5f5f3;\r\n  }\r\n\r\n  .cpse-page-menu__links::-webkit-scrollbar-thumb {\r\n    border-radius: 10px;\r\n    background: #ca5235;\r\n  }\r\n\r\n  .cpse-page-menu__links a {\r\n    min-height: 51px;\r\n    margin: 0;\r\n    padding: 13px 14px;\r\n\r\n    border-bottom: 1px solid #deded9;\r\n    border-radius: 11px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n\r\n    background: transparent;\r\n    color: #071a3d !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n      padding-left 0.2s ease,\r\n      background-color 0.2s ease,\r\n      color 0.2s ease;\r\n  }\r\n\r\n  .cpse-page-menu__links a:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .cpse-page-menu__links a:hover,\r\n  .cpse-page-menu__links a.is-active {\r\n    padding-left: 20px;\r\n    background: #f5f5f3;\r\n    color: #ca5235 !important;\r\n  }\r\n\r\n  .cpse-page-menu__links b {\r\n    flex: 0 0 auto;\r\n    color: #ca5235;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/*\r\n   * Stop sections from hiding behind the header\r\n   *\/\r\n\r\n  #overview,\r\n  #research-themes,\r\n  #mission-lifecycle,\r\n  #materials-in-space,\r\n  #mission-media,\r\n  #research-impact,\r\n  #space-contact {\r\n    scroll-margin-top: 120px;\r\n  }\r\n\r\n  \/*\r\n   * Phone and tablet\r\n   *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .cpse-page-menu {\r\n      top: auto;\r\n      right: 12px;\r\n      bottom: 16px;\r\n      transform: none;\r\n    }\r\n\r\n    .cpse-page-menu__open {\r\n      min-width: 126px;\r\n      min-height: 48px;\r\n      padding: 10px 16px;\r\n    }\r\n\r\n    .cpse-page-menu__panel {\r\n      top: auto;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      width: min(340px, calc(100vw - 24px));\r\n      max-height: calc(100vh - 34px);\r\n\r\n      transform:\r\n        translateX(20px)\r\n        translateY(10px)\r\n        scale(0.97);\r\n\r\n      transform-origin: right bottom;\r\n    }\r\n\r\n    .cpse-page-menu.is-open\r\n    .cpse-page-menu__panel {\r\n      transform:\r\n        translateX(0)\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n    .cpse-page-menu__links {\r\n      max-height: calc(100vh - 130px);\r\n    }\r\n\r\n    .cpse-page-menu__header {\r\n      padding: 18px;\r\n    }\r\n\r\n    .cpse-page-menu__links a {\r\n      min-height: 48px;\r\n      padding: 12px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    html {\r\n      scroll-behavior: auto;\r\n    }\r\n\r\n    .cpse-page-menu,\r\n    .cpse-page-menu * {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    function initializeSpaceMenu(scope) {\r\n      var currentScope = scope || document;\r\n\r\n      currentScope\r\n        .querySelectorAll(\r\n          \"[data-cpse-space-menu]\"\r\n        )\r\n        .forEach(function (menu) {\r\n          if (\r\n            menu.dataset.menuInitialized ===\r\n            \"true\"\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          menu.dataset.menuInitialized = \"true\";\r\n\r\n          var openButton = menu.querySelector(\r\n            \".cpse-page-menu__open\"\r\n          );\r\n\r\n          var closeButton = menu.querySelector(\r\n            \".cpse-page-menu__close\"\r\n          );\r\n\r\n          var panel = menu.querySelector(\r\n            \".cpse-page-menu__panel\"\r\n          );\r\n\r\n          var links = Array.from(\r\n            menu.querySelectorAll(\r\n              '.cpse-page-menu__links a[href^=\"#\"]'\r\n            )\r\n          );\r\n\r\n          function openMenu() {\r\n            menu.classList.add(\"is-open\");\r\n\r\n            openButton.setAttribute(\r\n              \"aria-expanded\",\r\n              \"true\"\r\n            );\r\n\r\n            panel.setAttribute(\r\n              \"aria-hidden\",\r\n              \"false\"\r\n            );\r\n          }\r\n\r\n          function closeMenu() {\r\n            menu.classList.remove(\"is-open\");\r\n\r\n            openButton.setAttribute(\r\n              \"aria-expanded\",\r\n              \"false\"\r\n            );\r\n\r\n            panel.setAttribute(\r\n              \"aria-hidden\",\r\n              \"true\"\r\n            );\r\n          }\r\n\r\n          openButton.addEventListener(\r\n            \"click\",\r\n            openMenu\r\n          );\r\n\r\n          closeButton.addEventListener(\r\n            \"click\",\r\n            closeMenu\r\n          );\r\n\r\n          \/*\r\n           * Close only with the close button or Escape.\r\n           * Selecting a link keeps the panel open.\r\n           *\/\r\n\r\n          document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n              if (\r\n                event.key === \"Escape\" &&\r\n                menu.classList.contains(\"is-open\")\r\n              ) {\r\n                closeMenu();\r\n                openButton.focus();\r\n              }\r\n            }\r\n          );\r\n\r\n          \/*\r\n           * Smooth navigation\r\n           *\/\r\n\r\n          links.forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                var selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                var section =\r\n                  document.querySelector(selector);\r\n\r\n                if (!section) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                section.scrollIntoView({\r\n                  behavior: window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                  ).matches\r\n                    ? \"auto\"\r\n                    : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n\r\n                if (\r\n                  window.history.replaceState\r\n                ) {\r\n                  window.history.replaceState(\r\n                    null,\r\n                    \"\",\r\n                    selector\r\n                  );\r\n                }\r\n              }\r\n            );\r\n          });\r\n\r\n          \/*\r\n           * Highlight the visible section\r\n           *\/\r\n\r\n          if (\r\n            \"IntersectionObserver\" in window\r\n          ) {\r\n            var observedSections = links\r\n              .map(function (link) {\r\n                var section =\r\n                  document.querySelector(\r\n                    link.getAttribute(\"href\")\r\n                  );\r\n\r\n                return section\r\n                  ? {\r\n                      section: section,\r\n                      link: link\r\n                    }\r\n                  : null;\r\n              })\r\n              .filter(Boolean);\r\n\r\n            var observer =\r\n              new IntersectionObserver(\r\n                function (entries) {\r\n                  var visibleEntries =\r\n                    entries\r\n                      .filter(function (entry) {\r\n                        return entry.isIntersecting;\r\n                      })\r\n                      .sort(\r\n                        function (first, second) {\r\n                          return (\r\n                            second.intersectionRatio -\r\n                            first.intersectionRatio\r\n                          );\r\n                        }\r\n                      );\r\n\r\n                  if (!visibleEntries.length) {\r\n                    return;\r\n                  }\r\n\r\n                  var activeSection =\r\n                    visibleEntries[0].target;\r\n\r\n                  links.forEach(function (link) {\r\n                    var active =\r\n                      link.getAttribute(\"href\") ===\r\n                      \"#\" + activeSection.id;\r\n\r\n                    link.classList.toggle(\r\n                      \"is-active\",\r\n                      active\r\n                    );\r\n\r\n                    if (active) {\r\n                      link.setAttribute(\r\n                        \"aria-current\",\r\n                        \"location\"\r\n                      );\r\n                    } else {\r\n                      link.removeAttribute(\r\n                        \"aria-current\"\r\n                      );\r\n                    }\r\n                  });\r\n                },\r\n                {\r\n                  rootMargin:\r\n                    \"-30% 0px -58% 0px\",\r\n                  threshold: [\r\n                    0,\r\n                    0.15,\r\n                    0.35,\r\n                    0.6\r\n                  ]\r\n                }\r\n              );\r\n\r\n            observedSections.forEach(\r\n              function (item) {\r\n                observer.observe(item.section);\r\n              }\r\n            );\r\n          }\r\n        });\r\n    }\r\n\r\n    function startSpaceMenu() {\r\n      initializeSpaceMenu(document);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        startSpaceMenu\r\n      );\r\n    } else {\r\n      startSpaceMenu();\r\n    }\r\n\r\n    window.addEventListener(\r\n      \"load\",\r\n      startSpaceMenu\r\n    );\r\n\r\n    window.addEventListener(\r\n      \"elementor\/frontend\/init\",\r\n      function () {\r\n        if (\r\n          window.elementorFrontend &&\r\n          window.elementorFrontend.hooks\r\n        ) {\r\n          window.elementorFrontend.hooks.addAction(\r\n            \"frontend\/element_ready\/html.default\",\r\n            function (elementorScope) {\r\n              initializeSpaceMenu(\r\n                elementorScope &&\r\n                  elementorScope[0]\r\n                  ? elementorScope[0]\r\n                  : document\r\n              );\r\n            }\r\n          );\r\n        }\r\n      }\r\n    );\r\n\r\n    window.setTimeout(\r\n      startSpaceMenu,\r\n      500\r\n    );\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CPSE Research Space Science and Technology Exploring nanosatellite engineering, space missions, advanced materials and the effects of the space environment through research-led, hands-on education.&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":431,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1234"}],"version-history":[{"count":29,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1234\/revisions"}],"predecessor-version":[{"id":1269,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1234\/revisions\/1269"}],"up":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/431"}],"wp:attachment":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}