{"id":1353,"date":"2026-07-22T15:29:59","date_gmt":"2026-07-22T15:29:59","guid":{"rendered":"https:\/\/physicsschool.um6p.ma\/?page_id=1353"},"modified":"2026-08-03T16:30:21","modified_gmt":"2026-08-03T16:30:21","slug":"qryo-instruments","status":"publish","type":"page","link":"https:\/\/physicsschool.um6p.ma\/?page_id=1353","title":{"rendered":"Qryo Instruments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1353\" class=\"elementor elementor-1353\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a9538 e-con e-atomic-element e-flexbox-base e-1ced477 \" data-id=\"d3a9538\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d3a9538\">\n    \t\t<div class=\"elementor-element elementor-element-e43aa80 elementor-widget elementor-widget-html\" data-id=\"e43aa80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  CPSE -- QRYO INSTRUMENTS ENTREPRENEURSHIP PAGE\n  Elementor HTML widgets\n\n  Paste each numbered block into a separate Elementor HTML widget,\n  keeping the widgets in the order shown here.\n\n  Expected WordPress Media Library filenames:\n  \/wp-content\/uploads\/2026\/07\/logo.png\n  \/wp-content\/uploads\/2026\/07\/qryo\/qryo-hero.jpg\n  \/wp-content\/uploads\/2026\/07\/sem-nanofab.png\n  \/wp-content\/uploads\/2026\/07\/thumbnail.png\n  \/wp-content\/uploads\/2026\/07\/um6p-instruments-vision-v6.mp4\n-->\n\n<!-- =========================================================\n     WIDGET 1 -- SHARED STYLES\n     ========================================================= -->\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\");\n\n.cpse-qryo-page {\n  --qryo-charcoal: #211f1d;\n  --qryo-charcoal-soft: #2b2825;\n  --qryo-cream: #f3ede3;\n  --qryo-cream-soft: #ece4d5;\n  --qryo-white: #ffffff;\n  --qryo-orange: #d9502b;\n  --qryo-orange-bright: #ef6a3f;\n  --qryo-ink: #1c1a18;\n  --qryo-muted: #716b63;\n  --qryo-line: rgba(28, 26, 24, .13);\n  --qryo-line-light: rgba(255, 255, 255, .15);\n  --qryo-ease: cubic-bezier(.22, 1, .36, 1);\n  color: var(--qryo-ink);\n  font-family: \"Poppins\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n}\n\n.cpse-qryo-page,\n.cpse-qryo-page * {\n  box-sizing: border-box;\n}\n\n.cpse-qryo-page h1,\n.cpse-qryo-page h2,\n.cpse-qryo-page h3,\n.cpse-qryo-page p {\n  margin-top: 0;\n}\n\n.cpse-qryo-page img {\n  max-width: 100%;\n  display: block;\n}\n\n.cpse-qryo-page a {\n  color: inherit;\n}\n\n.cpse-qryo-section {\n  width: 100vw;\n  padding: 120px 28px;\n  margin-left: calc(50% - 50vw);\n  scroll-margin-top: 110px;\n}\n\n.cpse-qryo-section--cream {\n  background: var(--qryo-cream);\n}\n\n.cpse-qryo-section--dark {\n  background: var(--qryo-charcoal);\n  color: var(--qryo-white);\n}\n\n.cpse-qryo-shell {\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.cpse-qryo-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 18px;\n  color: var(--qryo-orange);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.cpse-qryo-eyebrow::before {\n  width: 34px;\n  height: 2px;\n  background: currentColor;\n  content: \"\";\n}\n\n.cpse-qryo-eyebrow--light {\n  color: var(--qryo-orange-bright);\n}\n\n.cpse-qryo-heading {\n  max-width: 780px;\n  margin: 0 auto 56px;\n  text-align: center;\n}\n\n.cpse-qryo-heading .cpse-qryo-eyebrow {\n  justify-content: center;\n}\n\n.cpse-qryo-heading h2,\n.cpse-qryo-split h2,\n.cpse-qryo-cta h2 {\n  margin-bottom: 20px;\n  color: var(--qryo-ink);\n  font-size: clamp(34px, 4.5vw, 58px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n\n.cpse-qryo-section--dark .cpse-qryo-heading h2,\n.cpse-qryo-section--dark .cpse-qryo-split h2 {\n  color: var(--qryo-white);\n}\n\n.cpse-qryo-lead {\n  max-width: 680px;\n  margin-bottom: 0;\n  color: var(--qryo-muted);\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.cpse-qryo-lead--light {\n  color: rgba(255, 255, 255, .66);\n}\n\n.cpse-qryo-btn {\n  min-height: 56px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 17px;\n  padding: 8px 10px 8px 24px;\n  border: 1px solid var(--qryo-orange);\n  border-radius: 999px;\n  background: var(--qryo-orange);\n  color: var(--qryo-white) !important;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: transform .3s var(--qryo-ease), box-shadow .3s var(--qryo-ease), background .3s var(--qryo-ease);\n}\n\n.cpse-qryo-btn:hover {\n  background: var(--qryo-orange-bright);\n  box-shadow: 0 15px 30px rgba(217, 80, 43, .3);\n  transform: translateY(-3px);\n}\n\n.cpse-qryo-btn--outline {\n  border-color: rgba(255, 255, 255, .42);\n  background: transparent;\n  color: var(--qryo-white) !important;\n}\n\n.cpse-qryo-btn--outline:hover {\n  border-color: var(--qryo-orange-bright);\n  background: rgba(217, 80, 43, .13);\n}\n\n.cpse-qryo-btn__arrow {\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--qryo-white);\n  color: var(--qryo-charcoal);\n  font-size: 17px;\n  transition: transform .25s ease;\n}\n\n.cpse-qryo-btn:hover .cpse-qryo-btn__arrow {\n  transform: translate(2px, -2px);\n}\n\n.cpse-qryo-text-link {\n  position: relative;\n  display: inline-flex;\n  padding: 14px 4px;\n  color: var(--qryo-ink) !important;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none !important;\n}\n\n.cpse-qryo-text-link::after {\n  position: absolute;\n  right: 4px;\n  bottom: 8px;\n  left: 4px;\n  height: 2px;\n  background: var(--qryo-orange);\n  content: \"\";\n  transform-origin: left;\n  transition: transform .35s var(--qryo-ease);\n}\n\n.cpse-qryo-text-link:hover::after {\n  transform: scaleX(0);\n  transform-origin: right;\n}\n\n\/* Hero *\/\n.cpse-qryo-hero {\n  width: 100vw;\n  min-height: 780px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin-left: calc(50% - 50vw);\n  padding: 126px 28px 92px;\n  overflow: hidden;\n  background:\n    linear-gradient(90deg, rgba(24, 22, 21, .98) 0%, rgba(33, 31, 29, .92) 39%, rgba(33, 31, 29, .48) 67%, rgba(33, 31, 29, .12) 100%),\n    url('\/wp-content\/uploads\/2026\/07\/qryo-hero.jpg') center right \/ cover no-repeat;\n  color: var(--qryo-white);\n  scroll-margin-top: 110px;\n}\n\n.cpse-qryo-hero::before,\n.cpse-qryo-hero::after {\n  position: absolute;\n  border: 1px solid rgba(239, 106, 63, .18);\n  border-radius: 50%;\n  content: \"\";\n  pointer-events: none;\n}\n\n.cpse-qryo-hero::before {\n  width: 620px;\n  height: 620px;\n  top: -270px;\n  right: -120px;\n}\n\n.cpse-qryo-hero::after {\n  width: 340px;\n  height: 340px;\n  right: 27%;\n  bottom: -240px;\n}\n\n.cpse-qryo-frost {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: .2;\n  pointer-events: none;\n}\n\n.cpse-qryo-hero__inner {\n  width: min(1240px, 100%);\n  position: relative;\n  z-index: 2;\n  margin: 0 auto;\n}\n\n.cpse-qryo-hero__copy {\n  max-width: 730px;\n}\n\n.cpse-qryo-hero__logo {\n  width: min(410px, 76vw);\n  height: auto;\n  margin-bottom: 30px;\n  padding: 12px 18px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, .96);\n  object-fit: contain;\n  object-position: left center;\n}\n\n.cpse-qryo-hero h1 {\n  max-width: 700px;\n  margin: 0 0 24px;\n  color: var(--qryo-white);\n  font-size: clamp(49px, 6vw, 82px);\n  font-weight: 800;\n  line-height: .99;\n  letter-spacing: -.055em;\n}\n\n.cpse-qryo-hero__copy .cpse-qryo-lead {\n  max-width: 650px;\n  margin-bottom: 34px;\n  color: rgba(255, 255, 255, .76);\n  font-size: 18px;\n}\n\n.cpse-qryo-hero .cpse-qryo-eyebrow {\n  color: var(--qryo-orange-bright);\n}\n\n.cpse-qryo-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  align-items: center;\n}\n\n.cpse-qryo-scroll {\n  width: 28px;\n  height: 48px;\n  position: absolute;\n  z-index: 3;\n  bottom: 28px;\n  left: 50%;\n  border: 1px solid rgba(255, 255, 255, .44);\n  border-radius: 999px;\n  transform: translateX(-50%);\n}\n\n.cpse-qryo-scroll::after {\n  width: 4px;\n  height: 8px;\n  position: absolute;\n  top: 10px;\n  left: 50%;\n  border-radius: 999px;\n  background: var(--qryo-orange-bright);\n  content: \"\";\n  transform: translateX(-50%);\n  animation: qryoHeroScroll 1.8s ease-in-out infinite;\n}\n\n@keyframes qryoHeroScroll {\n  0%, 100% { opacity: .25; transform: translate(-50%, 0); }\n  50% { opacity: 1; transform: translate(-50%, 15px); }\n}\n\n\/* Floating menu *\/\n.cpse-qryo-menu {\n  position: fixed;\n  z-index: 9994;\n  top: 50%;\n  right: 22px;\n  font-family: \"Poppins\", Arial, sans-serif;\n  transform: translateY(-50%);\n}\n\n.cpse-qryo-menu__panel {\n  width: 285px;\n  overflow: hidden;\n  border: 1px solid rgba(28, 26, 24, .12);\n  border-radius: 22px;\n  background: var(--qryo-cream);\n  box-shadow: 0 24px 60px rgba(28, 26, 24, .2);\n}\n\n.cpse-qryo-menu__head {\n  min-height: 72px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  padding: 16px 16px 16px 22px;\n  background: var(--qryo-charcoal);\n  color: #fff;\n}\n\n.cpse-qryo-menu__head span {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.cpse-qryo-menu__close {\n  width: 40px;\n  height: 40px;\n  position: relative;\n  flex: 0 0 40px;\n  border: 1px solid rgba(255, 255, 255, .25);\n  border-radius: 50%;\n  background: transparent;\n  cursor: pointer;\n}\n\n.cpse-qryo-menu__close::before,\n.cpse-qryo-menu__close::after {\n  width: 15px;\n  height: 2px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  background: #fff;\n  content: \"\";\n}\n\n.cpse-qryo-menu__close::before {\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.cpse-qryo-menu__close::after {\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n\n.cpse-qryo-menu__links {\n  max-height: 58vh;\n  overflow-y: auto;\n  padding: 10px;\n}\n\n.cpse-qryo-menu__links a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 13px;\n  border-radius: 12px;\n  color: var(--qryo-ink) !important;\n  font-size: 12px;\n  font-weight: 650;\n  text-decoration: none !important;\n  transition: padding .2s ease, color .2s ease, background .2s ease;\n}\n\n.cpse-qryo-menu__links a::after {\n  color: var(--qryo-orange);\n  font-size: 18px;\n  content: \"\\203A\";\n}\n\n.cpse-qryo-menu__links a:hover,\n.cpse-qryo-menu__links a.is-active {\n  padding-left: 18px;\n  background: rgba(217, 80, 43, .1);\n  color: var(--qryo-orange) !important;\n}\n\n.cpse-qryo-menu__open {\n  min-height: 62px;\n  display: none;\n  align-items: center;\n  gap: 13px;\n  padding: 9px 11px 9px 21px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--qryo-charcoal);\n  color: #fff;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 16px 38px rgba(28, 26, 24, .23);\n}\n\n.cpse-qryo-menu__bars {\n  width: 42px;\n  height: 42px;\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, .1);\n}\n\n.cpse-qryo-menu__bars i {\n  width: 16px;\n  height: 2px;\n  display: block;\n  background: #fff;\n}\n\n.cpse-qryo-menu.is-closed .cpse-qryo-menu__panel {\n  display: none;\n}\n\n.cpse-qryo-menu.is-closed .cpse-qryo-menu__open {\n  display: flex;\n}\n\n\/* Video *\/\n.cpse-qryo-video {\n  position: relative;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n  margin: 0 auto;\n  overflow: hidden;\n  border: 1px solid var(--qryo-line-light);\n  border-radius: 14px;\n  background: #000;\n  box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .72);\n}\n\n.cpse-qryo-video video {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.cpse-qryo-video__play {\n  width: 78px;\n  height: 78px;\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: auto;\n  border: 0;\n  border-radius: 50%;\n  background: var(--qryo-orange);\n  color: #fff;\n  cursor: pointer;\n  box-shadow: 0 14px 34px -10px rgba(217, 80, 43, .68);\n  transition: opacity .3s ease, transform .3s var(--qryo-ease), background .3s ease;\n}\n\n.cpse-qryo-video__play:hover {\n  background: var(--qryo-orange-bright);\n  transform: scale(1.08);\n}\n\n.cpse-qryo-video__play.is-hidden {\n  opacity: 0;\n  pointer-events: none;\n  transform: scale(.86);\n}\n\n\/* Why cards *\/\n.cpse-qryo-features {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 28px;\n}\n\n.cpse-qryo-feature {\n  min-height: 280px;\n  padding: 34px 29px;\n  border: 1px solid var(--qryo-line);\n  border-top: 4px solid var(--qryo-orange);\n  border-radius: 8px;\n  background: var(--qryo-white);\n  transition: transform .4s var(--qryo-ease), box-shadow .4s var(--qryo-ease);\n  transform-style: preserve-3d;\n}\n\n.cpse-qryo-feature:hover {\n  box-shadow: 0 24px 46px -22px rgba(28, 26, 24, .25);\n  transform: translateY(-6px);\n}\n\n.cpse-qryo-feature__icon {\n  width: 54px;\n  height: 54px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 25px;\n  border-radius: 50%;\n  background: rgba(217, 80, 43, .1);\n  color: var(--qryo-orange);\n}\n\n.cpse-qryo-feature__icon svg {\n  width: 27px;\n  height: 27px;\n}\n\n.cpse-qryo-feature h3 {\n  margin-bottom: 12px;\n  color: var(--qryo-ink);\n  font-size: 20px;\n  line-height: 1.3;\n}\n\n.cpse-qryo-feature p {\n  margin-bottom: 0;\n  color: var(--qryo-muted);\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n\/* Specs *\/\n.cpse-qryo-specs {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  gap: 76px;\n  align-items: center;\n}\n\n.cpse-qryo-specs__stats {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 40px 32px;\n}\n\n.cpse-qryo-stat {\n  min-height: 130px;\n  padding: 24px;\n  border: 1px solid rgba(255, 255, 255, .12);\n  border-radius: 12px;\n  background: rgba(255, 255, 255, .045);\n}\n\n.cpse-qryo-stat__label {\n  display: block;\n  margin-bottom: 10px;\n  color: rgba(255, 255, 255, .47);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.cpse-qryo-stat__value {\n  display: block;\n  color: var(--qryo-orange-bright);\n  font-size: clamp(22px, 2.6vw, 34px);\n  font-weight: 750;\n  line-height: 1.2;\n  letter-spacing: -.02em;\n}\n\n.cpse-qryo-temp {\n  height: 4px;\n  position: relative;\n  margin-top: 20px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, #7cc5e0, var(--qryo-orange-bright));\n}\n\n.cpse-qryo-temp__marker {\n  width: 11px;\n  height: 11px;\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  border-radius: 50%;\n  background: #fff;\n  box-shadow: 0 0 0 4px rgba(255, 255, 255, .16);\n  transform: translate(-50%, -50%);\n  transition: left 1.6s var(--qryo-ease);\n}\n\n.cpse-qryo-stat.is-visible .cpse-qryo-temp__marker {\n  left: 0;\n}\n\n\/* About *\/\n.cpse-qryo-split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 74px;\n  align-items: center;\n}\n\n.cpse-qryo-about__image {\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  border-radius: 12px;\n  object-fit: cover;\n}\n\n.cpse-qryo-caption {\n  display: block;\n  margin-top: 14px;\n  color: var(--qryo-muted);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.cpse-qryo-fine {\n  margin: 24px 0 0;\n  color: var(--qryo-muted);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: .02em;\n}\n\n\/* Team *\/\n.cpse-qryo-team {\n  max-width: 900px;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 25px;\n  margin: 0 auto;\n}\n\n.cpse-qryo-member {\n  display: flex;\n  overflow: hidden;\n  border: 1px solid var(--qryo-line);\n  border-radius: 10px;\n  background: #fff;\n  transition: transform .35s var(--qryo-ease), box-shadow .35s var(--qryo-ease);\n}\n\n.cpse-qryo-member:hover {\n  box-shadow: 0 22px 42px -22px rgba(28, 26, 24, .24);\n  transform: translateY(-5px);\n}\n\n.cpse-qryo-member__initials {\n  width: 118px;\n  min-height: 176px;\n  flex: 0 0 118px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--qryo-charcoal);\n  color: var(--qryo-orange-bright);\n  font-size: 30px;\n  font-weight: 800;\n}\n\n.cpse-qryo-member:nth-child(even) .cpse-qryo-member__initials,\n.cpse-qryo-member--mentor .cpse-qryo-member__initials {\n  background: var(--qryo-orange);\n  color: #fff;\n}\n\n.cpse-qryo-member__body {\n  flex: 1;\n  padding: 24px;\n}\n\n.cpse-qryo-member h3 {\n  margin-bottom: 9px;\n  color: var(--qryo-ink);\n  font-size: 18px;\n  line-height: 1.35;\n}\n\n.cpse-qryo-member__role {\n  margin-bottom: 16px;\n  color: var(--qryo-orange);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n.cpse-qryo-member__links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px 16px;\n  padding-top: 14px;\n  border-top: 1px solid var(--qryo-line);\n}\n\n.cpse-qryo-member__links a {\n  color: var(--qryo-ink) !important;\n  font-size: 12px;\n  font-weight: 700;\n  text-decoration: none !important;\n}\n\n.cpse-qryo-member__links a:hover {\n  color: var(--qryo-orange) !important;\n}\n\n.cpse-qryo-mentor-label {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  max-width: 460px;\n  margin: 56px auto 32px;\n  color: var(--qryo-muted);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.cpse-qryo-mentor-label::before,\n.cpse-qryo-mentor-label::after {\n  flex: 1;\n  height: 1px;\n  background: var(--qryo-line);\n  content: \"\";\n}\n\n.cpse-qryo-mentor {\n  max-width: 440px;\n  margin: 0 auto;\n}\n\n\/* CTA and form *\/\n.cpse-qryo-cta {\n  background: var(--qryo-orange);\n  color: #fff;\n}\n\n.cpse-qryo-cta__grid {\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: 56px;\n  align-items: start;\n}\n\n.cpse-qryo-cta h2 {\n  color: #fff;\n}\n\n.cpse-qryo-cta p {\n  max-width: 560px;\n  color: rgba(255, 255, 255, .86);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.cpse-qryo-cta a {\n  color: #fff !important;\n  font-weight: 700;\n}\n\n.cpse-qryo-form {\n  padding: 12px;\n  border-radius: 10px;\n  background: #fff;\n  color: var(--qryo-ink);\n  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .36);\n}\n\n.cpse-qryo-form iframe {\n  width: 100%;\n  height: 620px;\n  display: block;\n  border: 0;\n  border-radius: 7px;\n}\n\n.cpse-qryo-form__fallback {\n  margin: 12px 8px 4px !important;\n  color: var(--qryo-muted) !important;\n  font-size: 12px !important;\n  text-align: center;\n}\n\n.cpse-qryo-form__fallback a {\n  color: var(--qryo-orange) !important;\n}\n\n\/* Reveal *\/\n.cpse-qryo-js [data-qryo-reveal] {\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity .8s var(--qryo-ease), transform .8s var(--qryo-ease);\n}\n\n.cpse-qryo-js [data-qryo-reveal].is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@keyframes qryoFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n@media (max-width: 980px) {\n  .cpse-qryo-specs,\n  .cpse-qryo-split,\n  .cpse-qryo-cta__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cpse-qryo-hero {\n    background-position: 66% center;\n  }\n\n  .cpse-qryo-features {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 767px) {\n  .cpse-qryo-section {\n    padding: 78px 20px;\n  }\n\n  .cpse-qryo-hero {\n    min-height: 760px;\n    padding: 94px 20px 82px;\n    background-image:\n      linear-gradient(90deg, rgba(24, 22, 21, .98), rgba(33, 31, 29, .84)),\n      url('\/wp-content\/uploads\/2026\/07\/qryo\/qryo-hero.jpg');\n    background-position: 64% center;\n  }\n\n  .cpse-qryo-hero__logo {\n    width: min(340px, 92%);\n    height: auto;\n    margin-bottom: 28px;\n    padding: 10px 14px;\n  }\n\n  .cpse-qryo-hero h1 {\n    font-size: clamp(43px, 13vw, 62px);\n  }\n\n  .cpse-qryo-hero__actions {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .cpse-qryo-scroll {\n    display: none;\n  }\n\n  .cpse-qryo-btn {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .cpse-qryo-features,\n  .cpse-qryo-specs__stats,\n  .cpse-qryo-team {\n    grid-template-columns: 1fr;\n  }\n\n  .cpse-qryo-member {\n    flex-direction: column;\n  }\n\n  .cpse-qryo-member__initials {\n    width: 100%;\n    min-height: 100px;\n    flex-basis: 100px;\n  }\n\n  .cpse-qryo-menu {\n    top: auto;\n    right: 12px;\n    bottom: 12px;\n    transform: none;\n  }\n\n  .cpse-qryo-menu__panel {\n    width: min(330px, calc(100vw - 24px));\n    max-height: calc(100vh - 120px);\n  }\n\n  .cpse-qryo-menu__links {\n    max-height: calc(100vh - 205px);\n  }\n\n  .cpse-qryo-form iframe {\n    height: 540px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cpse-qryo-page *,\n  .cpse-qryo-page *::before,\n  .cpse-qryo-page *::after {\n    animation: none !important;\n    scroll-behavior: auto !important;\n    transition-duration: .01ms !important;\n  }\n\n  .cpse-qryo-js [data-qryo-reveal] {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<!-- =========================================================\n     WIDGET 2 -- HERO\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-hero\" id=\"qryo-product\" aria-labelledby=\"qryo-hero-title\">\n    <canvas class=\"cpse-qryo-frost\" id=\"qryoFrostCanvas\" aria-hidden=\"true\"><\/canvas>\n\n    <div class=\"cpse-qryo-hero__inner\">\n      <div class=\"cpse-qryo-hero__copy\" data-qryo-reveal>\n        <img\n          class=\"cpse-qryo-hero__logo\"\n          src=\"\/wp-content\/uploads\/2026\/07\/logo.png\"\n          alt=\"Qryo Instruments\"\n          decoding=\"async\"\n        >\n\n        <p class=\"cpse-qryo-eyebrow\">Helium-free cryostats &middot; Made in Africa<\/p>\n\n        <h1 id=\"qryo-hero-title\">Cryogenics without the helium bill.<\/h1>\n\n        <p class=\"cpse-qryo-lead\">\n          Helium-free cryostats designed, built and supported at UM6P,\n          delivered as a measurement-ready transport setup rather than\n          a bare cold head.\n        <\/p>\n\n        <div class=\"cpse-qryo-hero__actions\">\n          <a class=\"cpse-qryo-btn\" href=\"#qryo-contact\">\n            Talk to our team\n            <span class=\"cpse-qryo-btn__arrow\" aria-hidden=\"true\">&nearr;<\/span>\n          <\/a>\n\n          <a class=\"cpse-qryo-btn cpse-qryo-btn--outline\" href=\"#qryo-specifications\">\n            See specifications\n            <span class=\"cpse-qryo-btn__arrow\" aria-hidden=\"true\">&nearr;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <a class=\"cpse-qryo-scroll\" href=\"#qryo-vision\" aria-label=\"Scroll to the QRYO vision\"><\/a>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 3 -- FLOATING ON-PAGE MENU\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <nav class=\"cpse-qryo-menu\" aria-label=\"Qryo Instruments page navigation\">\n    <div class=\"cpse-qryo-menu__panel\">\n      <div class=\"cpse-qryo-menu__head\">\n        <span>On this page<\/span>\n        <button class=\"cpse-qryo-menu__close\" type=\"button\" aria-label=\"Close page navigation\"><\/button>\n      <\/div>\n\n      <div class=\"cpse-qryo-menu__links\">\n        <a href=\"#qryo-product\">Product<\/a>\n        <a href=\"#qryo-vision\">Vision<\/a>\n        <a href=\"#qryo-why\">Why Qryo<\/a>\n        <a href=\"#qryo-specifications\">Specifications<\/a>\n        <a href=\"#qryo-about\">About<\/a>\n        <a href=\"#qryo-team\">Team<\/a>\n        <a href=\"#qryo-contact\">Describe your need<\/a>\n      <\/div>\n    <\/div>\n\n    <button class=\"cpse-qryo-menu__open\" type=\"button\" aria-label=\"Open page navigation\">\n      <span>On this page<\/span>\n      <span class=\"cpse-qryo-menu__bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n    <\/button>\n  <\/nav>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 4 -- VISION VIDEO\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-section--dark\" id=\"qryo-vision\">\n    <div class=\"cpse-qryo-shell\">\n      <div class=\"cpse-qryo-heading\" data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow cpse-qryo-eyebrow--light\">See the vision<\/p>\n        <h2>Sixty seconds on why this matters.<\/h2>\n      <\/div>\n\n      <div class=\"cpse-qryo-video\" data-qryo-reveal>\n        <video\n          id=\"qryoVisionVideo\"\n          poster=\"\/wp-content\/uploads\/2026\/07\/thumbnail.png\"\n          preload=\"metadata\"\n          playsinline\n        >\n          <source\n            src=\"\/wp-content\/uploads\/2026\/07\/um6p-instruments-vision-v6.mp4\"\n            type=\"video\/mp4\"\n          >\n          Your browser does not support embedded video.\n        <\/video>\n\n        <button class=\"cpse-qryo-video__play\" id=\"qryoVideoPlay\" type=\"button\" aria-label=\"Play vision video\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" aria-hidden=\"true\">\n            <path d=\"M8 5v14l11-7z\" fill=\"currentColor\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 5 -- WHY QRYO\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-section--cream\" id=\"qryo-why\">\n    <div class=\"cpse-qryo-shell\">\n      <div class=\"cpse-qryo-heading\" data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow\">Why Qryo Instruments<\/p>\n        <h2>Built by a lab, for labs.<\/h2>\n      <\/div>\n\n      <div class=\"cpse-qryo-features\">\n        <article class=\"cpse-qryo-feature\" data-qryo-reveal>\n          <span class=\"cpse-qryo-feature__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 40 40\">\n              <path d=\"M20 4v32M8 12l24 16M32 12L8 28\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/span>\n          <h3>Helium-free by design<\/h3>\n          <p>Closed-cycle GM cooling means no liquid-helium logistics, recurring cryogen costs or supply risk.<\/p>\n        <\/article>\n\n        <article class=\"cpse-qryo-feature\" data-qryo-reveal>\n          <span class=\"cpse-qryo-feature__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 40 40\">\n              <path d=\"M6 30h28M11 30V16l6-6 6 6v14M11 20h12\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/span>\n          <h3>Measurement-ready<\/h3>\n          <p>Ships with the transport-measurement setup developed and validated at the UM6P School of Physics, including hardware and software.<\/p>\n        <\/article>\n\n        <article class=\"cpse-qryo-feature\" data-qryo-reveal>\n          <span class=\"cpse-qryo-feature__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 40 40\">\n              <path d=\"M20 4c7 0 12 5.4 12 12 0 9-12 20-12 20S8 25 8 16C8 9.4 13 4 20 4z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linejoin=\"round\"><\/path>\n              <circle cx=\"20\" cy=\"16\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/circle>\n            <\/svg>\n          <\/span>\n          <h3>Local support, local price<\/h3>\n          <p>The first cryostat fabricated in Africa, serviced from Ben Guerir at a fraction of imported-system costs.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 6 -- SPECIFICATIONS\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-section--dark\" id=\"qryo-specifications\">\n    <div class=\"cpse-qryo-shell cpse-qryo-specs\">\n      <div class=\"cpse-qryo-split__copy\" data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow cpse-qryo-eyebrow--light\">Specifications &middot; MVP<\/p>\n        <h2>The essentials, engineered.<\/h2>\n        <p class=\"cpse-qryo-lead cpse-qryo-lead--light\">\n          The first system focuses on the proven core: helium-free cooling\n          with integrated measurement, less complexity and faster delivery.\n        <\/p>\n      <\/div>\n\n      <div class=\"cpse-qryo-specs__stats\">\n        <article class=\"cpse-qryo-stat\" data-qryo-reveal>\n          <span class=\"cpse-qryo-stat__label\">Sample temperature<\/span>\n          <strong class=\"cpse-qryo-stat__value\" id=\"qryoTemperature\" data-from=\"300\" data-to=\"3\">300 K<\/strong>\n          <div class=\"cpse-qryo-temp\"><span class=\"cpse-qryo-temp__marker\"><\/span><\/div>\n        <\/article>\n\n        <article class=\"cpse-qryo-stat\" data-qryo-reveal>\n          <span class=\"cpse-qryo-stat__label\">Cooling<\/span>\n          <strong class=\"cpse-qryo-stat__value\">GM cold head<\/strong>\n        <\/article>\n\n        <article class=\"cpse-qryo-stat\" data-qryo-reveal>\n          <span class=\"cpse-qryo-stat__label\">Cryogens<\/span>\n          <strong class=\"cpse-qryo-stat__value\">None<\/strong>\n        <\/article>\n\n        <article class=\"cpse-qryo-stat\" data-qryo-reveal>\n          <span class=\"cpse-qryo-stat__label\">Measurement<\/span>\n          <strong class=\"cpse-qryo-stat__value\">Transport, integrated<\/strong>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 7 -- ABOUT\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-section--cream\" id=\"qryo-about\">\n    <div class=\"cpse-qryo-shell cpse-qryo-split\">\n      <div data-qryo-reveal>\n        <img\n          class=\"cpse-qryo-about__image\"\n          src=\"\/wp-content\/uploads\/2026\/07\/sem-nanofab.png\"\n          alt=\"Scanning electron microscope image of nanofabricated graphene quantum-dot structures\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n        <span class=\"cpse-qryo-caption\">SEM image of nanofabricated quantum-dot structures, UM6P School of Physics<\/span>\n      <\/div>\n\n      <div data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow\">About<\/p>\n        <h2>From the UM6P School of Physics.<\/h2>\n        <p class=\"cpse-qryo-lead\">\n          We operate helium-free cryostats daily in our own research on graphene\n          quantum-dot devices. Our transport-measurement setup has been validated\n          at low temperature on an Oxford Instruments system, and that expertise\n          is built into every product we develop.\n        <\/p>\n        <p class=\"cpse-qryo-fine\">A UM6P Launchpad venture &middot; Ben Guerir, Morocco<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 8 -- TEAM\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-section--cream\" id=\"qryo-team\">\n    <div class=\"cpse-qryo-shell\">\n      <div class=\"cpse-qryo-heading\" data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow\">The team<\/p>\n        <h2>Physicists building the fix.<\/h2>\n      <\/div>\n\n      <div class=\"cpse-qryo-team\">\n        <article class=\"cpse-qryo-member\" data-qryo-reveal>\n          <div class=\"cpse-qryo-member__initials\">AE<\/div>\n          <div class=\"cpse-qryo-member__body\">\n            <h3>Abdelouahed El Fatimy<\/h3>\n            <p class=\"cpse-qryo-member__role\">CPSE Director &middot; Associate Professor<\/p>\n            <div class=\"cpse-qryo-member__links\">\n              <a href=\"https:\/\/ma.linkedin.com\/in\/abdelouahad-el-fatimy-25504316\" target=\"_blank\" rel=\"noopener\">LinkedIn &nearr;<\/a>\n              <a href=\"https:\/\/scholar.google.com\/citations?user=bfD5qUEAAAAJ&amp;hl=en\" target=\"_blank\" rel=\"noopener\">Google Scholar &nearr;<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"cpse-qryo-member\" data-qryo-reveal>\n          <div class=\"cpse-qryo-member__initials\">MR<\/div>\n          <div class=\"cpse-qryo-member__body\">\n            <h3>Mohamed Amine Rhanbouri<\/h3>\n            <p class=\"cpse-qryo-member__role\">Education Fellow &amp; PhD Student, UM6P School of Physics<\/p>\n            <div class=\"cpse-qryo-member__links\">\n              <a href=\"https:\/\/ma.linkedin.com\/in\/mohamed-amine-rhanbouri-6b50ba197\" target=\"_blank\" rel=\"noopener\">LinkedIn &nearr;<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"cpse-qryo-member\" data-qryo-reveal>\n          <div class=\"cpse-qryo-member__initials\">AA<\/div>\n          <div class=\"cpse-qryo-member__body\">\n            <h3>Abderrahman Aberda<\/h3>\n            <p class=\"cpse-qryo-member__role\">Education Fellow &amp; PhD Student, UM6P School of Physics<\/p>\n            <div class=\"cpse-qryo-member__links\">\n              <a href=\"https:\/\/www.linkedin.com\/in\/abderrahman-aberda-a10a53149\/\" target=\"_blank\" rel=\"noopener\">LinkedIn &nearr;<\/a>\n              <a href=\"https:\/\/www.researchgate.net\/profile\/Abderrahman_Aberda\" target=\"_blank\" rel=\"noopener\">ResearchGate &nearr;<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"cpse-qryo-member\" data-qryo-reveal>\n          <div class=\"cpse-qryo-member__initials\">IB<\/div>\n          <div class=\"cpse-qryo-member__body\">\n            <h3>Imad Boulafrouh<\/h3>\n            <p class=\"cpse-qryo-member__role\">PhD Student, UM6P School of Physics<\/p>\n            <div class=\"cpse-qryo-member__links\">\n              <a href=\"https:\/\/www.linkedin.com\/in\/imad-boulafrouh-4447a9279\/\" target=\"_blank\" rel=\"noopener\">LinkedIn &nearr;<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"cpse-qryo-mentor-label\" data-qryo-reveal><span>Mentor<\/span><\/div>\n\n      <div class=\"cpse-qryo-mentor\">\n        <article class=\"cpse-qryo-member cpse-qryo-member--mentor\" data-qryo-reveal>\n          <div class=\"cpse-qryo-member__initials\">TF<\/div>\n          <div class=\"cpse-qryo-member__body\">\n            <h3>Tarik Fadli<\/h3>\n            <p class=\"cpse-qryo-member__role\">Founder &amp; CEO, Wraqi<\/p>\n            <div class=\"cpse-qryo-member__links\">\n              <a href=\"https:\/\/www.linkedin.com\/in\/tarikfadli\/\" target=\"_blank\" rel=\"noopener\">LinkedIn &nearr;<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 9 -- CONTACT CTA AND MICROSOFT FORM\n     ========================================================= -->\n<div class=\"cpse-qryo-page\">\n  <section class=\"cpse-qryo-section cpse-qryo-cta\" id=\"qryo-contact\">\n    <div class=\"cpse-qryo-shell cpse-qryo-cta__grid\">\n      <div data-qryo-reveal>\n        <p class=\"cpse-qryo-eyebrow cpse-qryo-eyebrow--light\">Start a conversation<\/p>\n        <h2>Bring low-temperature physics to your lab.<\/h2>\n        <p>Tell us about your measurement needs and we will scope a system and a quote.<\/p>\n        <p>\n          Prefer email?\n          <a href=\"mailto:instruments@um6p.onmicrosoft.com\">instruments@um6p.onmicrosoft.com<\/a>\n        <\/p>\n      <\/div>\n\n      <div class=\"cpse-qryo-form\" data-qryo-reveal>\n        <iframe\n          title=\"Qryo Instruments interest form\"\n          src=\"https:\/\/forms.cloud.microsoft\/Pages\/ResponsePage.aspx?id=V2FiOUegiUaHom-mRctctzIF_qHi1SNMlooyJ5ivry5UMEtXUENMM0xXN0hDR1pRT1Q1TU9FSjE5Qi4u&amp;embed=true\"\n          loading=\"lazy\"\n          allowfullscreen\n        ><\/iframe>\n\n        <p class=\"cpse-qryo-form__fallback\">\n          Form not loading?\n          <a href=\"https:\/\/forms.cloud.microsoft\/Pages\/ResponsePage.aspx?id=V2FiOUegiUaHom-mRctctzIF_qHi1SNMlooyJ5ivry5UMEtXUENMM0xXN0hDR1pRT1Q1TU9FSjE5Qi4u\" target=\"_blank\" rel=\"noopener\">\n            Open it in a new tab &nearr;\n          <\/a>\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- =========================================================\n     WIDGET 10 -- INTERACTIONS\n     Paste this as the final HTML widget on the page.\n     ========================================================= -->\n<script>\n(function () {\n  \"use strict\";\n\n  document.documentElement.classList.add(\"cpse-qryo-js\");\n\n  function initQryoPage() {\n    var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    var revealItems = document.querySelectorAll(\"[data-qryo-reveal]\");\n\n    if (\"IntersectionObserver\" in window && !reduceMotion) {\n      var revealObserver = new IntersectionObserver(function (entries, observer) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: .14, rootMargin: \"0px 0px -50px 0px\" });\n\n      revealItems.forEach(function (item) { revealObserver.observe(item); });\n    } else {\n      revealItems.forEach(function (item) { item.classList.add(\"is-visible\"); });\n    }\n\n    document.querySelectorAll(\".cpse-qryo-menu\").forEach(function (menu) {\n      if (menu.dataset.qryoBound === \"true\") return;\n      menu.dataset.qryoBound = \"true\";\n\n      var closeButton = menu.querySelector(\".cpse-qryo-menu__close\");\n      var openButton = menu.querySelector(\".cpse-qryo-menu__open\");\n\n      if (closeButton) {\n        closeButton.addEventListener(\"click\", function () {\n          menu.classList.add(\"is-closed\");\n          if (openButton) openButton.focus();\n        });\n      }\n\n      if (openButton) {\n        openButton.addEventListener(\"click\", function () {\n          menu.classList.remove(\"is-closed\");\n          if (closeButton) closeButton.focus();\n        });\n      }\n    });\n\n    document.querySelectorAll('.cpse-qryo-page a[href^=\"#\"], .cpse-qryo-menu a[href^=\"#\"]').forEach(function (link) {\n      if (link.dataset.qryoScroll === \"true\") return;\n      link.dataset.qryoScroll = \"true\";\n\n      link.addEventListener(\"click\", function (event) {\n        var selector = link.getAttribute(\"href\");\n        if (!selector || selector === \"#\") return;\n        var target = document.querySelector(selector);\n        if (!target) return;\n\n        event.preventDefault();\n        var top = target.getBoundingClientRect().top + window.pageYOffset - 90;\n        window.scrollTo({ top: top, behavior: reduceMotion ? \"auto\" : \"smooth\" });\n        history.replaceState(null, \"\", selector);\n      });\n    });\n\n    var menuLinks = Array.from(document.querySelectorAll('.cpse-qryo-menu__links a[href^=\"#\"]'));\n    var sections = menuLinks.map(function (link) {\n      return document.querySelector(link.getAttribute(\"href\"));\n    }).filter(Boolean);\n\n    if (\"IntersectionObserver\" in window && sections.length) {\n      var sectionObserver = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n          menuLinks.forEach(function (link) {\n            link.classList.toggle(\"is-active\", link.getAttribute(\"href\") === \"#\" + entry.target.id);\n          });\n        });\n      }, { rootMargin: \"-32% 0px -58% 0px\", threshold: 0 });\n\n      sections.forEach(function (section) { sectionObserver.observe(section); });\n    }\n\n    var video = document.getElementById(\"qryoVisionVideo\");\n    var playButton = document.getElementById(\"qryoVideoPlay\");\n\n    if (video && playButton && playButton.dataset.qryoBound !== \"true\") {\n      playButton.dataset.qryoBound = \"true\";\n\n      playButton.addEventListener(\"click\", function () {\n        video.setAttribute(\"controls\", \"\");\n        video.play();\n      });\n\n      video.addEventListener(\"play\", function () { playButton.classList.add(\"is-hidden\"); });\n      video.addEventListener(\"pause\", function () { playButton.classList.remove(\"is-hidden\"); });\n      video.addEventListener(\"ended\", function () {\n        playButton.classList.remove(\"is-hidden\");\n        video.removeAttribute(\"controls\");\n      });\n    }\n\n    var temperature = document.getElementById(\"qryoTemperature\");\n    if (temperature && temperature.dataset.qryoBound !== \"true\") {\n      temperature.dataset.qryoBound = \"true\";\n\n      var animateTemperature = function () {\n        var from = Number(temperature.dataset.from || 300);\n        var to = Number(temperature.dataset.to || 3);\n        var duration = 1400;\n        var start = performance.now();\n\n        function tick(now) {\n          var progress = Math.min(1, (now - start) \/ duration);\n          var eased = 1 - Math.pow(1 - progress, 3);\n          temperature.textContent = Math.round(from + (to - from) * eased) + \" K\";\n          if (progress < 1) requestAnimationFrame(tick);\n          else temperature.textContent = to + \" K\";\n        }\n\n        requestAnimationFrame(tick);\n      };\n\n      if (\"IntersectionObserver\" in window && !reduceMotion) {\n        var counterObserver = new IntersectionObserver(function (entries, observer) {\n          entries.forEach(function (entry) {\n            if (!entry.isIntersecting) return;\n            animateTemperature();\n            observer.disconnect();\n          });\n        }, { threshold: .5 });\n        counterObserver.observe(temperature);\n      } else {\n        temperature.textContent = \"3 K\";\n      }\n    }\n\n    if (!reduceMotion) {\n      document.querySelectorAll(\".cpse-qryo-feature\").forEach(function (card) {\n        if (card.dataset.qryoTilt === \"true\") return;\n        card.dataset.qryoTilt = \"true\";\n\n        card.addEventListener(\"mousemove\", function (event) {\n          var rect = card.getBoundingClientRect();\n          var x = (event.clientX - rect.left) \/ rect.width - .5;\n          var y = (event.clientY - rect.top) \/ rect.height - .5;\n          card.style.transform = \"translateY(-6px) rotateX(\" + (-y * 5).toFixed(2) + \"deg) rotateY(\" + (x * 5).toFixed(2) + \"deg)\";\n        });\n\n        card.addEventListener(\"mouseleave\", function () { card.style.transform = \"\"; });\n      });\n    }\n\n    var canvas = document.getElementById(\"qryoFrostCanvas\");\n    if (canvas && canvas.dataset.qryoBound !== \"true\") {\n      canvas.dataset.qryoBound = \"true\";\n      var context = canvas.getContext(\"2d\");\n      var particles = [];\n      var ratio = Math.min(window.devicePixelRatio || 1, 2);\n\n      function spawn(width, height, randomY) {\n        return {\n          x: Math.random() * width,\n          y: randomY ? Math.random() * height : height + 10,\n          radius: Math.random() * 1.8 + .6,\n          speed: Math.random() * .25 + .08,\n          drift: (Math.random() - .5) * .15,\n          opacity: Math.random() * .5 + .15\n        };\n      }\n\n      function resizeCanvas() {\n        var rect = canvas.parentElement.getBoundingClientRect();\n        canvas.width = rect.width * ratio;\n        canvas.height = rect.height * ratio;\n        canvas.style.width = rect.width + \"px\";\n        canvas.style.height = rect.height + \"px\";\n        var count = Math.round((rect.width * rect.height) \/ 26000);\n        particles = Array.from({ length: count }, function () { return spawn(rect.width, rect.height, true); });\n      }\n\n      function drawParticles() {\n        var width = canvas.width;\n        var height = canvas.height;\n        context.clearRect(0, 0, width, height);\n        context.fillStyle = \"#d9502b\";\n\n        particles.forEach(function (particle) {\n          context.globalAlpha = particle.opacity;\n          context.beginPath();\n          context.arc(particle.x * ratio, particle.y * ratio, particle.radius * ratio, 0, Math.PI * 2);\n          context.fill();\n          particle.y -= particle.speed;\n          particle.x += particle.drift;\n\n          if (particle.y < -10) {\n            Object.assign(particle, spawn(width \/ ratio, height \/ ratio, false));\n          }\n        });\n\n        context.globalAlpha = 1;\n        if (!reduceMotion) requestAnimationFrame(drawParticles);\n      }\n\n      resizeCanvas();\n      window.addEventListener(\"resize\", resizeCanvas, { passive: true });\n      drawParticles();\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQryoPage);\n  } else {\n    initQryoPage();\n  }\n\n  window.addEventListener(\"elementor\/frontend\/init\", initQryoPage);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Helium-free cryostats &middot; Made in Africa Cryogenics without the helium bill. Helium-free cryostats designed, built and supported at UM6P, delivered as a measurement-ready transport&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":432,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1353","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=1353"}],"version-history":[{"count":16,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1353\/revisions"}],"predecessor-version":[{"id":2035,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/1353\/revisions\/2035"}],"up":[{"embeddable":true,"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=\/wp\/v2\/pages\/432"}],"wp:attachment":[{"href":"https:\/\/physicsschool.um6p.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}