{"id":64067,"date":"2025-11-13T21:08:40","date_gmt":"2025-11-13T21:08:40","guid":{"rendered":"https:\/\/discover.restek.com\/?p=64067"},"modified":"2026-01-08T14:23:52","modified_gmt":"2026-01-08T14:23:52","slug":"restek40-es","status":"publish","type":"post","link":"https:\/\/discover.restek.com\/it\/articles\/gnlp4540\/restek40-es","title":{"rendered":"40 Years of Restek &#8211; Espa\u00f1a"},"content":{"rendered":"\n<style>\n  \/*WordPress Customization*\/\n  .single-post h1 {\n    display: none;\n  }\n\n  .single-post .author-down {\n    display: none;\n}\n\n.cat-name {\n    display: none;\n    margin-top: 0px !important;\n}\n  \n  .single-post p.cat-name {\n    display: none;\n}\n\n  .single-post p.date {\n    display: none;\n}\n\nnav.breadcrumbs {\n    display:none;\n}\n\n.content-area {\n    background-color: white;\n    margin-top: 0px !important;\n}\n\n.post-content {\n    margin-top: 0px !important;\n}\n\n.kt-clear {\n    margin-top: -10px;\n}\n\n.site-container {\n    width: auto;\n    max-width: 100% !important;\n    box-sizing: inherit;\n    padding: 0px !important;\n}\n\n.author-details-info {\n  display: none;\n  margin: auto;\n  max-width:1200px;\n}\n\n\/*.site-footer-row-container-inner h2 {\nfont-size: 36px !important;\ncolor: white !important;\n}*\/\n\n\/* Background Color CSS *\/\n\n.background-top {\n    background-color: #ffffff;\n    background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-bottom: 5px;\n}\n\n.background-anniversary-videos {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 40px;\n}\n\n.background-social {\n    background-color: #FFFFFF;\n    padding-top: 55px;\n    padding-bottom: 10px;\n}\n\n.background-timeline {\n    background: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 30px;\n}\n\n.background-timeline-activities {\n    background-color: #ebf2fc;\n    padding-top: 20px;\n    padding-bottom: 40px;\n}\n\n.background-webinars {\n    background-color: #ffffff;\n    padding-top: 50px;\n    padding-bottom: 100px;\n}\n\n.background-quiz {\n    background-color: #ffffff;\n        background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 120px;\n    padding-bottom: 150px;\n}\n\n.background-testimonials {\n    background-color: #ffffff;\n    padding-top: 30px;\n    padding-bottom: 90px;\n}\n\n.background-events {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-events-no-quiz {\n    background-color: #ffffff;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-end {\n    background: #ffffff;\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n\n\n\n\/* Full-Width Template CSS *\/\n\n  \n  @media (min-width: 1200px) {\n  .content {\n      width: 80%;\n  }\n\n  }\n\n\n.banner-video {\n    width: 1300px;\n    height: auto;\n    display: block;\n    margin:0 auto;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n.banner-image {\n    display: none;\n    width: 100%;\n    height: auto;\n    margin:0 auto;\n}\n\n@media (max-width: 767px) {\n  .banner-video {\n    display: none;\n  }\n\n  .banner-image {\n    display: block;\n  }\n}\n\n  \nbody {\n  font-family: sans-serif;\n  margin: 0;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  font-size: 110% !important;\n}\n\n.custom-h2 h2 {\nfont-size: 36px !important;\ncolor: rgb(1, 80, 184) !important;\n}\n\n\n\np {\n    font-size: 105% !important;\n}\n\n.signature-p {\n  font-size:120% !important;\n  margin-bottom: 20px;\n}\n\n.hero img {\n  max-width: 1350px;\n  width: 100%;\n  height: auto;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n\n.sticky-nav {\n  width: 100%;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(5px);\n  border-radius: 5px;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.sticky-nav ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 10px;\n}\n\n.sticky-nav li {\n  margin: 0 15px;\n}\n\n.sticky-nav a {\n  text-decoration: none;\n  color: #004b87;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.sticky-nav a:hover {\n  text-decoration: solid underline #004b87 2px;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.content-section {\n  padding: 5px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1200px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section a {\n  color: inherit;\n}\n\n.content-section-video {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section-social {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section h2, .content-section-video, .content-section-social h2{\n  text-align: center;\n}\n\n.content-section-blue {\n  padding: 40px 20px;\n  \/*background: rgba(108, 200, 250, 0.74);*\/\n  backdrop-filter: blur(5px); \n  border: solid 3px rgb(255, 255, 255);\n  margin: 20px auto;\n  max-width: 1200px;\n  border-radius: 8px;\n    position:relative;\n  z-index:1;\n}\n\n\/* Anniversary Video Section *\/\n\n.video-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.video-item {\n  flex: 1 1 300px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation: fadeInUp 1s ease-in-out;\n}\n\n.video-item iframe {\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n}\n\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .video-grid {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\n\/* Webinars *\/\n\n.webinar-content-section {\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  text-align: center;\n}\n\n.webinar-carousel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 50px;\n}\n\n.webinar-carousel {\n  display: flex;\n  gap: 60px;\n  scroll-snap-type: x mandatory;\n  overflow-x: auto;\n  padding-top: 50px;\n  padding-bottom: 50px;\n  max-width: 100%;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n\n.webinar-card-link-wrapper {\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n  text-decoration: none;\n  color: inherit;\n  width: 400px;\n}\n\n\/* Responsive: stack cards vertically on small screens *\/\n@media (max-width: 600px) {\n  .webinar-carousel {\n    flex-direction: column;\n    align-items: center;\n    overflow-x: hidden;\n  }\n\n  .webinar-card-link-wrapper {\n    width: 90%;\n  }\n}\n\n.webinar-custom-card {\n  background-color: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.webinar-custom-card:hover {\n  transform: scale(1.01);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n.webinar-card-image img {\n  width: 160%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.webinar-card-content {\n  padding: 1.5rem;\n  flex-grow: 1;\n}\n\n.webinar-card-content h2 {\n  font-size: 18px !important;\n  text-align: left;\n  margin-bottom: 0.5rem;\n}\n\n.webinar-card-content p {\n  font-size: 100% !important;\n  text-align: left;\n  color: #333;\n  margin-bottom: 1rem;\n}\n\n.webinar-card-footer {\n  background-color: #0071e3;\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  font-weight: bold;\n}\n\n\/*Three-Columns *\/\n.three-column-block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 20px;\n    margin: 40px auto;\n    max-width: 1000px;\n    padding: 20px;\n    \n}\n\n.column-three-column {\n    flex: 1 1 30%;\n    background: #fff;\n    border: 1px solid #dddddd98;\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column {\n    background-color: #f0f8ff;\n    border: 2px solid #004a87a1;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column button {\n    background-color: #004b87;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 15px;\n}\n\n.special-column button:hover {\n    background-color: #003b6f;\n}\n\n@media (max-width: 768px) {\n    .three-column-block {\n        flex-direction: column;\n    }\n\n    .column-three-column {\n        flex: 1 1 100%;\n    }\n}\n\n\n\/* Bill Video Section *\/\n.video-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  margin: 0 auto;\n}\n\n.video-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.video-section-main {\n  padding: 20px 30px;\n  \/*background: linear-gradient(90deg, #0b2957, #0055b3);*\/\n  color: white;\n  margin: 10px auto 5px;\n  max-width: 1100px;\n  border-radius: 5px;\n  position: relative;\n  overflow: visible;\n}\n\n.video-section-main h2, .video-section-main p {\n  color: white;\n}\n\n.video-flex-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n}\n\n.video-column {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.content-column {\n  flex: 0 0 55%;\n  align-items: center;\n  display: block;\n}\n\n.thumbnail-column {\n  flex: 0 0 45%;\n  max-width: 45%;\n  justify-content: center;\n  align-items: center;\n}\n\n.video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(5px);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 2147483647;\n  border-radius: 0;\n  padding: 0;\n}\n\n.video-popup {\n  position: relative;\n  width: 80%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n}\n\n.video-popup iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 8px;\n}\n\n.close-text {\n  margin-top: 20px;\n  background: none;\n  border: 2px solid #fff;\n  color: #fff;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background 0.3s ease;\n}\n\n.close-text:hover {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n@media (max-width: 768px) {\n  .content-column,\n  .thumbnail-column {\n    flex: 0 0 100%;\n  }\n\n  .video-flex-container {\n    flex-direction: column;\n  }\n\n  .video-thumbnail {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n\/*Promo Block *\/\n\n.promo-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n}\n\n.promo-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.promo-thumbnail-trio {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n\n.promo-thumbnail-trio:hover {\n  transform: scale(1.03);\n}\n\n\n\n\/* Videos Section *\/\n\n    .video-grid-trio {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 300px);\n      gap: 20px;\n      max-width: 1900px;\n      margin: 0 auto;\n      justify-content: center;\n    }\n\n\n    .video-thumbnail-trio {\n    width: 100%;\n    max-width: 350px;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: transform 0.3s ease;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n    }\n\n\n    .video-thumbnail-trio:hover {\n      transform: scale(1.03);\n    }\n\n    .video-overlay-trio {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(8px);\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      z-index: 2147483647;\n    }\n\n    .video-popup-trio {\n      position: relative;\n      width: 80%;\n      max-width: 960px;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .video-popup-trio iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      border-radius: 8px;\n    }\n\n    .close-btn-trio {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      background: #fff;\n      color: #000;\n      border: none;\n      font-size: 24px;\n      cursor: pointer;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n    }\n\n    .close-text-trio {\n      margin-top: 20px;\n      background: none;\n      border: 2px solid #fff;\n      color: #fff;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      transition: background 0.3s ease;\n    }\n\n    .close-text-trio:hover {\n      background: #fff;\n      color: #000;\n    }\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  .hero {\n    padding: 40px 10px;\n  }\n\n  .sticky-nav ul {\n    flex-direction: column;\n    align-items: center;\n    display:none;\n  }\n\n  .sticky-nav li {\n    margin: 10px 0;\n  }\n\n\n}\n\n@media (max-width: 480px) {\n  .hero h1 {\n    font-size: 1.5rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n\n  .content-section {\n    padding: 20px 10px;\n  }\n}\n\n\n\/*Letter *\/\n\n    .custom-letter-wrapper {\n      max-width: 1200px;\n      margin: 40px auto 0 auto;\n      font-family: sans-serif;\n      padding-bottom: 40px;\n      \n    }\n\n    .custom-letter-box {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(255, 255, 255, 0.8);\n      color: white;\n      padding-top: 20px;\n      padding-left: 50px;\n      padding-right: 50px;\n      padding-bottom: 30px;\n      border-radius: 8px;\n      cursor: pointer;\n      flex-wrap: wrap;\n      transition: border-radius 0.3s ease;\n    }\n\n    .custom-letter-box.expanded {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-letter-box h2 {\n      margin: 0;\n      font-size: 34px;\n    }\n\n    .custom-letter-box p {\n      margin: 5px 0 0;\n    }\n\n    .custom-letter-box .custom-letter-thumbnail img {\n      width: 100%;\n      height: auto;\n      display: block;\n      box-shadow: 0px 0px 20px rgba(0, 17, 255, 0.7);\n      animation: shadowColorChangeLetter 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeLetter {\n      0% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal*\/\n      }\n      50% {\n        box-shadow: 0 0 40px rgba(0, 0, 255, 0.5); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal *\/\n      }\n    }\n\n\n    .custom-letter-thumbnail img:hover {\n      transform: scale(1.04);\n      transition: transform 0.3s;\n    }\n\n    .custom-letter-box .custom-letter-text {\n      flex: 1;\n      min-width: 250px;\n      margin-right: 20px;\n    }\n\n    .custom-letter-content {\n      width: 80%;\n      margin: auto;\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;\n      background-color: #f8fcfdde;\n      background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryLetterTexture.png\");\n      color: black;\n      padding: 0 20px;\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n      box-shadow: 0px 5px 10px rgba(0,0,0,0.2);\n    }\n\n\n    .custom-letter-content p, .custom-letter-text p, .custom-letter-text h2 {\n      color: black;\n    }\n\n    .custom-letter-content.show {\n      opacity: 1;\n      max-height: 2500px;\n      width: 80%;\n      margin:auto;\n      padding-left: 20px;\n      padding-right: 20px;\n      padding-bottom: 30px;\n      padding-top: 50px;\n      border-radius: 10px;\n    }\n\n    .custom-letter-content p {\n      padding-left: 10%;\n      padding-right: 10%;\n      margin: 0 0 1em;\n    }\n\n    .custom-letter-content a {\n      color: #2c2c2cbe;\n      text-decoration: none;\n    }\n\n\n    .read-letter-button {\n        margin-top: 50px;\n        color: #5897f5 !important;\n        font-size: 90%;\n        font-weight: bold !important;\n    }\n\n    @media (max-width: 768px) {\n      .custom-letter-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .custom-letter-box .custom-letter-thumbnail {\n        width: 100%;\n        max-width: none;\n        margin-top: 20px;\n      }\n\n      .custom-letter-box .custom-letter-text {\n        margin-right: 0;\n      }\n\n      .custom-letter-box h2 {\n        font-size: 28px;\n      }\n    }\n\n\n\/*Mastermind game*\/\n\n.gradient-border-wrapper {\n  position: relative;\n  padding: 4px; \/* border thickness *\/\n  border-radius: 20px;\n  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);\n  background-size: 400% 400%;\n  animation: gradientBorder 6s ease infinite;\n}\n\n.gradient-border-content {\n  background: #cbe7fc;\n  border-radius: 15px; \/* slightly smaller to fit inside *\/\n  padding: 100px;\n  position: relative;\n  color: white;\n  text-align: right;\n  z-index: 1;\n}\n\n@keyframes gradientBorder {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\n\/*Quiz*\/\n\n.quiz-block {\n  display: flex;\n  flex-direction: row;\n  border-radius: 20px;\n  overflow: hidden;\n  background-color: #0e4983; \/* pastel blue background *\/\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 10px;\n}\n\n.quiz-block {\n      animation: shadowColorChangeQuiz 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeQuiz {\n      0% {\n        box-shadow: 0 0 70px rgba(255, 0, 0, 0.6); \/* Red *\/\n      }\n      33% {\n        box-shadow: 0 0 70px rgba(0, 255, 0, 0.6); \/* Green *\/\n      }\n      66% {\n        box-shadow: 0 0 70px rgba(0, 0, 255, 0.8); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 70px rgba(255, 0, 255, 0.6); \/* Purple *\/\n      }\n    }\n\n.quiz-image {\n  flex: 0 0 40%;\n  height: auto;\n  margin: auto;\n  align-items: center;\n  text-align: center;\n  display: block;\n}\n\n.quiz-content,\n.quiz-image {\n  box-sizing: border-box;\n}\n\n\n.quiz-image img {\n\n  width: 90%;\n}\n\n.quiz-content {\n  flex: 0 0 60%;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: transparent;\n  align-items: flex-start;\n}\n\n.quiz-content h2 {\n  color: #ffffff;\n  margin-bottom: 5px;\n  margin-top: 0px;\n}\n\n.quiz-content p {\n  font-size: 1.1em;\n  color: #ffffff;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  margin-top: 0px;\n}\n\n.quiz-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.quiz-button:hover {\n  background: #00223d !important;\n  color: white !important;\n}\n\n\/*Arrow Animation*\/\n.quiz-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.quiz-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n\/* Responsive Design *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n    margin:auto;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n    text-align: center !important;\n  }\n\n  .quiz-image {\n    width: 60%;\n    margin:auto;\n\n  }\n\n    .quiz-content {\n    padding: 20px 10px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n\n    .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n        text-align: center !important;\n  }\n\n  .quiz-content {\n    padding: 30px 20px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .quiz-content h2 {\n    font-size: 1.6em;\n        text-align: center !important;\n  }\n\n  .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n\/*Social Carousel *\/\n.carousel-container {\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n    padding: 0px 0;\n    position: relative;\n  }\n\n  .carousel-wrapper {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n\n  .carousel-track {\n    display: flex;\n    gap: 60px;\n  }\n\n  .carousel-item {\n    flex: 0 0 auto;\n    width: 400;\n    height: 480;\n    margin-right: 10px;\n    background-color: #fff;\n    \/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item:last-child {\n  margin-right: 30px; \/* Adjust as needed *\/\n  }\n\n  .carousel-track img {\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .carousel-track img:last-child {\n  margin-right: 50px; \/* Adjust as needed *\/\n}\n\n  .carousel-track:last-child {\n  margin-right: 100px; \/* Adjust as needed *\/\n}\n\n\n\/*CSS for back-to-top nav buttons*\/\n  .back-to-top {\n      text-align: center;\n      margin-top: 30px;\n  }\n\n      \/*Color back-to-top nav buttons (link)*\/\n    a.back-to-top {\n        color: rgb(130, 130, 130) !important;\n        text-decoration: none;\n    }\n\n\n\n\/*Dividers*\/\n\n    .divider {\n      display: block;\n      width: 100%;\n      height: auto;\n      line-height: 0;\n    }\n\n    .divider.flip {\n      transform: scaleY(-1);\n    }\n\n    .divider-shape-video {\n  fill: #ebf9fc; \/* You can change this to any color you like *\/\n}\n\n    .divider-shape-timeline {\n  fill: #d9eefc; \/* You can change this to any color you like *\/\n}\n\n\n\n\/*Social-Temp*\/\n\n.social-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.social-left-column {\n  width: 35%;\n  padding: 10px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column h2{\n  text-align: right;\n}\n\n\n.social-left-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .social-container {\n    flex-direction: column;\n  }\n\n  .social-left-column {\n    width: 100%;\n    text-align: center !important;\n  }\n  .social-right-column {\n    width: 100%;\n    text-align: center !important;\n  }\n\n  .social-right-column h2{\n  text-align: center !important;\n}\n\n\n}\n\n.social-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.social-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n\/*Arrow Animation*\/\n.social-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.social-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n@media (max-width: 768px) {\n.social-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n}\n}\n\n\n\n\/*Timeline*\/\n\n.timeline-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.timeline-left-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n}\n\n.timeline-right-column {\n  width: 35%;\n  padding-right: 20px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.timeline-right-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .timeline-container {\n    flex-direction: column;\n  }\n\n  .timeline-left-column,\n  .timeline-right-column {\n    width: 100%;\n    text-align: center;\n  }\n\n  .timeline-left-column h2{\n  text-align: center !important;\n}\n\n.timeline-right-column img{\n    width: 50%;\n  }\n\n}\n\n.timeline-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.timeline-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n@media (max-width: 768px) {\n.timeline-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n    margin: 20px\n}\n}\n\n\/*Arrow Animation*\/\n.timeline-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.timeline-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n<\/style>\n\n\n<body>\n\n<div class=\"background-top\">\n\n<div class=\"banner\">\n<video class=\"banner-video\" autoplay loop muted playsinline preload=\"none\">\n  <source src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek40-Header-Video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n<img decoding=\"async\" class=\"banner-image\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40thanniversary-LP-MOBILE.jpg\" alt=\"Futuristic cityscape with fireworks.\" title=\"-\"><\/img>\n<\/div>\n\n\n<div class=\"custom-letter-wrapper\"> <!-- A MESSAGE FROM BILL -->\n    <div id=\"customLetterBox\" class=\"custom-letter-box\">\n      <div class=\"custom-letter-text\">\n        <h1 style=\"line-height: 50px; margin-bottom: 20px; color: rgb(1, 80, 184); font-size: 43px;\">A legacy of innovation,<br>a blueprint for the future.<\/h1>\n        <p>From our founding in 1985 to becoming a global, 100% employee-owned company, we&#8217;ve come a long way in our 40-year history.<\/p>\n        <p style=\"margin-top:10px;\"><strong>Join us in celebrating Restek&#8217;s journey!<\/strong> Explore four decades of Restek&#8217;s story to see what makes this company so special. Hear from Head Coach Bill Arrowsmith on this exciting milestone, and read our letter of thanks from Restek&#8217;s employee-owners.<\/p>\n        <p class=\"read-letter-button\" id=\"customToggleText\" style=\"margin-top:20px;\"> Read letter \u2192<\/p>\n      <\/div>\n     <div class=\"video-column thumbnail-column custom-letter-thumbnail\">\n      <img decoding=\"async\"\n        src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Bill-40-years3.jpg\"\n        alt=\"Video Thumbnail\"\n        class=\"video-thumbnail\"\n        data-video-id=\"FYI0256DQUA\"\n        id=\"videoThumbnail\"\n        style=\"height: 200px; width:auto;\"\n        \n      \/>\n    <div class=\"video-overlay\" id=\"videoOverlay\">\n      <div class=\"video-popup\">\n        <iframe\n          id=\"youtubePlayer\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n      <button class=\"close-text\" id=\"videoThumbnail\">Close Video<\/button>\n    <\/div>\n  <\/div>\n  <\/div>\n\n    <div id=\"customLetterContent\" class=\"custom-letter-content\">\n    <p>Our 40-year anniversary is more than a milestone. It&#8217;s a celebration of our legacy of quality, innovation, and community that brought us to where we are today and it will only continue and strengthen in the years ahead.<\/p>\n    <p>As an employee-owned company, people are at the heart of everything we do. And after 40 remarkable years, we have a lot of people to thank.<\/p>\n    <p><strong>To our customers:<\/strong> thank you for your enduring engagement and unwavering trust. We recognize the choices you have, and we&#8217;re proud to play a part in helping you make the world a safer and healthier place.<\/p>\n    <p><strong>To our dedicated distributors:<\/strong> thank you for your valued partnership and for championing Restek to customers around the world.<\/p>\n    <p><strong>To past and present employee-owners:<\/strong> thank you for creating a truly unique and unmistakable culture of commitment to each other and to our customers. Your years of leadership and stewardship laid the foundation for our global growth, independence, and long-term success.<\/p>\n    <p style=\"margin-bottom: 30px;\"><strong>And to you:<\/strong> thank you for joining our anniversary celebrations. We hope you enjoy this look back at the last four decades and share our excitement and anticipation of the possibilities ahead.<\/p>\n    <p class=\"signature-p\"><strong>Restek&#8217;s Employee-Owners<\/strong><\/p>\n      <p style=\"text-align: center; margin-top: 50px;\">\n        <a href=\"#\"><em>Close letter<\/em><\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- ANNIVERSARY VIDEOS AND PROMO -->\n <div class=\"background-anniversary-videos\">\n <section id=\"videos\" class=\"content-section-video\">\n  <h2 class=\"custom-h2\" style=\"margin-top:0px; margin-bottom: 0px;\">Join Our Global Celebrations<\/h2>\n  <p style=\"text-align: center; margin-bottom: 30px;\">Watch our global team across eight countries celebrate what makes Restek special&mdash;and don&#8217;t forget to check out our promo!<\/p>\n <div class=\"video-grid-trio\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-restek-history-GNAV4338.jpg\" style=\"width:95%;\" alt=\"Video 1\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"upVLqwKBk3c\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-column-toss.jpg\" style=\"width:95%;\" alt=\"Video 2\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"r0WMoHzTexs\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-innovation-corp-cap-NO-logo-GNAV4880.jpg\" style=\"width:95%;\" alt=\"Video 3\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"6sgJDOgaJ5k\" onclick=\"showVideo(this)\" title=\"-\">\n\n  <\/div>\n\n  <div class=\"video-overlay\" id=\"videoOverlay\">\n    <div class=\"video-popup\">\n      <iframe id=\"youtubePlayer\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"hideVideo()\">\u00d7<\/button>\n    <\/div>\n    <button class=\"close-text\" onclick=\"hideVideo()\">Close Video<\/button>\n  <\/div>\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- Social Temp -->\n<div class=\"background-social\">\n<div class=\"content-section\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n            <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-social-share.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\">\n\n    <\/div>\n    <div class=\"social-right-column\">\n\n    \n        <h2 class=\"custom-h2\">Like, Subscribe, and Share the Fun!<\/h2>\n<p>Have a fun Restek moment you want to share?<br>Tag your LinkedIn post with #Restek40 to participate&mdash;and be sure to follow us!<\/p>\n\n<a href=\"https:\/\/www.linkedin.com\/company\/restek-corporation\/\" class=\"social-button\" target=\"_blank\" rel=\"noopener\"><strong>Follow Restek<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<!-- Social Carousel\n<div class=\"background-social\">\n<div class=\"carousel-container\" style=\"margin-bottom:50px;\">\n  <h2 class=\"custom-h2\" style=\"text-align: center;\">Like, Subscribe, and Share the Fun<\/h2>\n    <p style=\"text-align: center; margin-bottom: 30px;\">Have a fun Restek moment you want to share?<br>Tag your LinkedIn post with #Restek40 to participate&mdash;and be sure to <a href=\"https:\/\/www.linkedin.com\/company\/restek-corporation\/\" target=\"_blank\" rel=\"noopener\">follow us!<\/a><\/p>\n  <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\n  <div class=\"carousel-track\" id=\"carouselTrack\">\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348713881860538369?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348048560472436736?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\" style=\"margin-right: 50px;\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>-->\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- TIMELINE -->\n<div class=\"background-timeline\">\n<div class=\"content-section\">\n    <div class=\"timeline-container\">\n    <div class=\"timeline-left-column\">\n    <h2 class=\"custom-h2\" style=\"text-align: left;\">To Space and Beyond<\/h2>\n<p style=\"color:rgb(0, 0, 0);\">Did you know Restek was founded in a former elementary school? <br>Or that our GC columns have explored the solar system?<\/p>\n<p style=\"color:rgb(0, 0, 0);\">Discover our exciting legacy of technological leadership, employee-ownership, and growth around the world.<\/p>\n<a href=\"https:\/\/restek.com\/pages\/restek-history\" class=\"timeline-button\" target=\"_blank\" rel=\"noopener\"><strong>View Timeline<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    <\/div>\n    <div class=\"timeline-right-column\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-to-space-and-beyond.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\"><\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n\n<!-- EVENTS -->\n<div class=\"background-events-no-quiz\">\n<section id=\"products\" class=\"content-section\">\n  <h2 class=\"custom-h2\">Let&#8217;s Continue the Celebration!<\/h2>\n  <p style=\"text-align: center;\">Our global teams are always on the road! Visit us at an event near you.<\/p>\n\n<!-- Elfsight Event Calendar | Events Calendar for 40th Anniversary-->\n<div class=\"elfsight-app-fdbeedd1-7366-4987-86ed-e0417aa12d03\" data-elfsight-app-lazy><\/div> \n\n\n<\/section>\n<\/div>\n\n\n\n\n<!-- FINAL CTA -->\n<div class=\"background-end\">\n  <p style=\"display: flex; margin-top:90px; text-align: center; font-size:95%; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-40thAnniversary-LP-PeakPersonTest-1.png\" alt=\"A cute, anthrophized chromatogram peak celebrating with a party hat and balloon.\" style=\"max-width: 200px;\" title=\"-\"><\/p>\n<\/div>\n\n\n<script>\n\n\/************************************************************\n * 1) Your re-entrant initializer (safe to call many times)\n ************************************************************\/\nfunction initRestek40() {\n  \/\/ Prevent duplicate init for the current view\n  if (document.documentElement.dataset.restek40Init === \"1\") return;\n  document.documentElement.dataset.restek40Init = \"1\";\n\n  \/* === Your page logic START === *\/\n\n  \/\/ Toggle Letter\n  function toggleLetter() {\n    const content = document.getElementById(\"customLetterContent\");\n    const toggleText = document.getElementById(\"customToggleText\");\n    const box = document.getElementById(\"customLetterBox\");\n    if (!content || !toggleText || !box) return;\n\n    content.classList.toggle(\"show\");\n    box.classList.toggle(\"expanded\");\n    toggleText.textContent = content.classList.contains(\"show\")\n      ? \"Close letter \u2192\"\n      : \"Read letter \u2192\";\n  }\n\n  \/\/ Bind click on the letter box\n  const letterBox = document.getElementById(\"customLetterBox\");\n  if (letterBox && !letterBox.dataset.restek40Bound) {\n    letterBox.dataset.restek40Bound = \"1\";\n    letterBox.addEventListener(\"click\", function (event) {\n      if (event.target.closest(\".custom-letter-thumbnail\")) return;\n      toggleLetter();\n    });\n  }\n\n  \/\/ Bind click on the \"Close letter\" link inside the content\n  const closeLink = document.querySelector(\"#customLetterContent a\");\n  if (closeLink && !closeLink.dataset.restek40Bound) {\n    closeLink.dataset.restek40Bound = \"1\";\n    closeLink.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      toggleLetter();\n    });\n  }\n\n  \/\/ Video overlays (delegation; works for dynamically injected nodes)\n  if (!document.body.dataset.restek40VideoBound) {\n    document.body.dataset.restek40VideoBound = \"1\";\n    document.body.addEventListener(\"click\", function (e) {\n      const thumb = e.target.closest(\".video-thumbnail\");\n      if (thumb) {\n        const videoId = thumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayer\");\n        const overlay = document.getElementById(\"videoOverlay\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      const trioThumb = e.target.closest(\".video-thumbnail-trio\");\n      if (trioThumb) {\n        const videoId = trioThumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayerTrio\");\n        const overlay = document.getElementById(\"videoOverlayTrio\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      if (e.target.closest(\".close-btn, .close-text\")) {\n        const iframe1 = document.getElementById(\"youtubePlayer\");\n        const overlay1 = document.getElementById(\"videoOverlay\");\n        const iframe2 = document.getElementById(\"youtubePlayerTrio\");\n        const overlay2 = document.getElementById(\"videoOverlayTrio\");\n        if (iframe1 && overlay1) { iframe1.src = \"\"; overlay1.style.display = \"none\"; }\n        if (iframe2 && overlay2) { iframe2.src = \"\"; overlay2.style.display = \"none\"; }\n      }\n    });\n  }\n\n  \/\/ Carousel (guard so we don\u2019t clone\/animate twice)\n  const track = document.getElementById(\"carouselTrack\");\n  const wrapper = document.getElementById(\"carouselWrapper\");\n  if (track && wrapper && !wrapper.dataset.restek40Carousel) {\n    wrapper.dataset.restek40Carousel = \"1\";\n    const clone = track.cloneNode(true);\n    wrapper.appendChild(clone);\n\n    let position = 0;\n    (function animate() {\n      position -= 0.5;\n      wrapper.style.transform = `translateX(${position}px)`;\n      if (Math.abs(position) >= track.offsetWidth) position = 0;\n      requestAnimationFrame(animate);\n    })();\n  }\n\n  \/* === Your page logic END === *\/\n}\n\n\/************************************************************\n * 2) Run on initial load (handles normal page loads)\n ************************************************************\/\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initRestek40, { once: true });\n} else {\n  initRestek40();\n}\n\n\/************************************************************\n * 3) Run on bfcache restores (Back\/Forward navigation)\n ************************************************************\/\nwindow.addEventListener(\"pageshow\", function (e) {\n  if (e.persisted) {\n    delete document.documentElement.dataset.restek40Init;\n    initRestek40();\n  }\n});\n\n\/************************************************************\n * 4) Run on SPA navigations (History API hook)\n ************************************************************\/\n(function () {\n  if (window.__restek40PatchedHistory) return;\n  window.__restek40PatchedHistory = true;\n\n  const _ps = history.pushState;\n  const _rs = history.replaceState;\n  const fire = () => window.dispatchEvent(new Event(\"locationchange\"));\n\n  history.pushState = function () { _ps.apply(this, arguments); fire(); };\n  history.replaceState = function () { _rs.apply(this, arguments); fire(); };\n  window.addEventListener(\"popstate\", fire);\n})();\n\nwindow.addEventListener(\"locationchange\", function () {\n  delete document.documentElement.dataset.restek40Init;\n  initRestek40();\n});\n\n\/************************************************************\n * 5) Re-init if key elements are injected later\n ************************************************************\/\n(function () {\n  const targets = [\"customLetterBox\", \"carouselTrack\", \"carouselWrapper\"];\n  const mo = new MutationObserver(() => {\n    if (targets.some(id => document.getElementById(id))) {\n      delete document.documentElement.dataset.restek40Init;\n      initRestek40();\n    }\n  });\n  mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n\n\/\/ elf.js\nconst script = document.createElement('script');\nscript.src = 'https:\/\/elfsightcdn.com\/platform.js';\nscript.async = true;\ndocument.head.appendChild(script);\n\n<\/script>\n\n<\/body>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Join us in celebrating Restek\u2019s journey! Explore four decades of Restek\u2019s story to see what makes this company so special. Hear from Head Coach Bill Arrowsmith on this exciting milestone, and read our letter of thanks from Restek\u2019s employee-owners.<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[7],"tags":[],"industries-application":[],"post-badge":[],"resource-type":[],"product-library":[],"resource-technique":[],"hf_cat_post":[],"ppma_author":[414],"class_list":["post-64067","post","type-post","status-publish","format-standard","hentry","category-articles"],"acf":[],"taxonomy_info":{"category":[{"value":7,"label":"Articles"}]},"featured_image_src_large":false,"author_info":{"display_name":"Restek Corporation","author_link":"https:\/\/discover.restek.com\/it\/author\/restek-corporation\/"},"comment_info":0,"category_info":[{"term_id":7,"name":"Articles","slug":"articles","term_group":0,"term_taxonomy_id":7,"taxonomy":"category","description":"","parent":0,"count":467,"filter":"raw","cat_ID":7,"category_count":467,"category_description":"","cat_name":"Articles","category_nicename":"articles","category_parent":0}],"tag_info":false,"authors":[{"term_id":414,"user_id":11,"is_guest":0,"slug":"restek-corporation","display_name":"Restek Corporation","avatar_url":{"url":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg","url2x":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/64067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/comments?post=64067"}],"version-history":[{"count":5,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/64067\/revisions"}],"predecessor-version":[{"id":79694,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/64067\/revisions\/79694"}],"wp:attachment":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/media?parent=64067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/categories?post=64067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/tags?post=64067"},{"taxonomy":"industries-application","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/industries-application?post=64067"},{"taxonomy":"post-badge","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/post-badge?post=64067"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/resource-type?post=64067"},{"taxonomy":"product-library","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/product-library?post=64067"},{"taxonomy":"resource-technique","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/resource-technique?post=64067"},{"taxonomy":"hf_cat_post","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/hf_cat_post?post=64067"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/ppma_author?post=64067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}