{"id":12,"date":"2026-10-17T07:18:23","date_gmt":"2026-10-17T07:18:23","guid":{"rendered":"https:\/\/stg.frigateaerospace.com\/?page_id=12"},"modified":"2026-10-17T09:41:32","modified_gmt":"2026-10-17T09:41:32","slug":"home","status":"publish","type":"page","link":"https:\/\/stg.frigateaerospace.com\/index.php\/home\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-613b63d e-flex e-con-boxed e-con e-parent\" data-id=\"613b63d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63546b2 e-con-full e-flex e-con e-child\" data-id=\"63546b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f06010 e-flex e-con-boxed e-con e-parent\" data-id=\"1f06010\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741145a elementor-widget elementor-widget-html\" data-id=\"741145a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"frigate-clients\" aria-labelledby=\"frigate-clients-title\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap');\r\n\r\n.frigate-clients {\r\n  --fc-primary: #261D52;\r\n  --fc-secondary: #674299;\r\n  --fc-light: #F7F5FB;\r\n  --fc-line: #EAE5F2;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  color: var(--fc-primary);\r\n  font-family: 'Outfit', sans-serif;\r\n  padding: clamp(64px, 7vw, 105px) 0;\r\n}\r\n\r\n.frigate-clients *,\r\n.frigate-clients *::before,\r\n.frigate-clients *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.frigate-clients .fc-container {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* HEADER LAYOUT *\/\r\n\r\n.frigate-clients .fc-top {\r\n  display: grid;\r\n  grid-template-columns: 1.25fr .75fr;\r\n  gap: 48px;\r\n  align-items: end;\r\n  margin-bottom: 46px;\r\n}\r\n\r\n\/* EYEBROW WITHOUT DOT *\/\r\n\r\n.frigate-clients .fc-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  width: fit-content;\r\n  min-height: 35px;\r\n  padding: 8px 15px;\r\n  margin-bottom: 24px;\r\n\r\n  border: 1px solid rgba(103,66,153,.16);\r\n  border-radius: 50px;\r\n  background: #F8F6FC;\r\n\r\n  color: var(--fc-secondary);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: .12em;\r\n  line-height: 1.3;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.frigate-clients .fc-eyebrow-divider {\r\n  width: 1px;\r\n  height: 13px;\r\n  background: rgba(103,66,153,.25);\r\n}\r\n\r\n.frigate-clients .fc-eyebrow-number {\r\n  color: var(--fc-primary);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.frigate-clients h2 {\r\n  font-family: 'Outfit', sans-serif !important;\r\n  font-size: clamp(34px, 4.2vw, 54px) !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.13 !important;\r\n  letter-spacing: -.035em !important;\r\n  color: var(--fc-primary) !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.frigate-clients .fc-heading-accent {\r\n  color: var(--fc-secondary);\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.frigate-clients .fc-intro {\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.75;\r\n  letter-spacing: 0;\r\n  color: var(--fc-primary) !important;\r\n  max-width: 385px;\r\n  margin: 0 0 6px auto;\r\n}\r\n\r\n\/* PREMIUM MARQUEE *\/\r\n\r\n.frigate-clients .fc-marquee {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 34px 0;\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    #FFFFFF 0%,\r\n    #FBFAFD 50%,\r\n    #FFFFFF 100%\r\n  );\r\n\r\n  border-top: 1px solid var(--fc-line);\r\n  border-bottom: 1px solid var(--fc-line);\r\n}\r\n\r\n\/* EDGE FADING *\/\r\n\r\n.frigate-clients .fc-marquee::before,\r\n.frigate-clients .fc-marquee::after {\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  bottom: 0;\r\n  width: clamp(35px, 9vw, 150px);\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n\r\n.frigate-clients .fc-marquee::before {\r\n  left: 0;\r\n  background: linear-gradient(\r\n    90deg,\r\n    #FFFFFF 0%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n}\r\n\r\n.frigate-clients .fc-marquee::after {\r\n  right: 0;\r\n  background: linear-gradient(\r\n    270deg,\r\n    #FFFFFF 0%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n}\r\n\r\n\/* MARQUEE TRACK *\/\r\n\r\n.frigate-clients .fc-track {\r\n  --fc-gap: 20px;\r\n  display: flex;\r\n  gap: var(--fc-gap);\r\n  width: max-content;\r\n  animation: fc-scroll 28s linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n.frigate-clients .fc-marquee:hover .fc-track,\r\n.frigate-clients .fc-marquee:focus-within .fc-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.frigate-clients .fc-group {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--fc-gap);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* LOGO CARDS *\/\r\n\r\n.frigate-clients .fc-logo {\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n\r\n  width: clamp(215px, 21vw, 280px);\r\n  height: 128px;\r\n  flex: 0 0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 26px 24px;\r\n  border: 1px solid rgba(103,66,153,.20);\r\n  border-radius: 14px;\r\n  background: #FFFFFF;\r\n\r\n  opacity: 1;\r\n  filter: none;\r\n\r\n  box-shadow:\r\n    0 5px 20px rgba(38,29,82,.045),\r\n    0 1px 3px rgba(38,29,82,.025);\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease,\r\n    transform .35s ease,\r\n    background .35s ease;\r\n}\r\n\r\n\/* TOP CARD ACCENT *\/\r\n\r\n.frigate-clients .fc-logo::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 25%;\r\n  right: 25%;\r\n  height: 2px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    #674299,\r\n    transparent\r\n  );\r\n\r\n  opacity: .4;\r\n  transition: opacity .35s ease;\r\n}\r\n\r\n.frigate-clients .fc-logo:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(103,66,153,.55);\r\n\r\n  box-shadow:\r\n    0 12px 34px rgba(38,29,82,.12),\r\n    0 2px 8px rgba(103,66,153,.06);\r\n}\r\n\r\n.frigate-clients .fc-logo:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* REAL LOGO IMAGES *\/\r\n\r\n.frigate-clients .fc-logo img {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 205px;\r\n  height: 75px;\r\n  object-fit: contain;\r\n  opacity: 1;\r\n  filter: none;\r\n}\r\n\r\n\/* DEMO WORDMARKS *\/\r\n\r\n.frigate-clients .fc-wordmark {\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 30px;\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  letter-spacing: -.04em;\r\n  white-space: nowrap;\r\n  text-align: center;\r\n}\r\n\r\n.frigate-clients .fc-wordmark small {\r\n  display: block;\r\n  margin-top: 7px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: .1em;\r\n}\r\n\r\n.frigate-clients .fc-ast {\r\n  color: #BD772C;\r\n}\r\n\r\n.frigate-clients .fc-boeing {\r\n  color: #23558D;\r\n  font-style: italic;\r\n}\r\n\r\n.frigate-clients .fc-emee {\r\n  color: #292638;\r\n  font-weight: 500;\r\n}\r\n\r\n.frigate-clients .fc-nu {\r\n  color: #1484C5;\r\n}\r\n\r\n\/* SEAMLESS SCROLL *\/\r\n\r\n@keyframes fc-scroll {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  to {\r\n    transform: translateX(\r\n      calc(-50% - var(--fc-gap) \/ 2)\r\n    );\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 800px) {\r\n  .frigate-clients .fc-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .frigate-clients .fc-intro {\r\n    margin: 0;\r\n    max-width: 540px;\r\n  }\r\n\r\n  .frigate-clients .fc-marquee {\r\n    padding: 26px 0;\r\n  }\r\n\r\n  .frigate-clients .fc-logo {\r\n    height: 110px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 520px) {\r\n  .frigate-clients {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  .frigate-clients .fc-container {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .frigate-clients .fc-eyebrow {\r\n    font-size: 10px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .frigate-clients h2 {\r\n    font-size: 34px !important;\r\n  }\r\n\r\n  .frigate-clients .fc-intro {\r\n    font-size: 16px !important;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .frigate-clients .fc-track {\r\n    --fc-gap: 12px;\r\n    animation-duration: 24s;\r\n  }\r\n\r\n  .frigate-clients .fc-logo {\r\n    width: 205px;\r\n    height: 105px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .frigate-clients .fc-wordmark {\r\n    font-size: 25px;\r\n  }\r\n}\r\n\r\n\/* ACCESSIBILITY *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .frigate-clients .fc-track {\r\n    animation: none;\r\n  }\r\n\r\n  .frigate-clients .fc-marquee {\r\n    overflow-x: auto;\r\n  }\r\n\r\n  .frigate-clients .fc-logo {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- SECTION HEADER -->\r\n\r\n<div class=\"fc-container fc-top\">\r\n\r\n  <div class=\"fc-heading-area\">\r\n\r\n    <div class=\"fc-eyebrow\">\r\n      <span class=\"fc-eyebrow-number\">01<\/span>\r\n      <span class=\"fc-eyebrow-divider\"><\/span>\r\n      <span>Who We Manufacture For<\/span>\r\n    <\/div>\r\n\r\n    <h2 id=\"frigate-clients-title\">\r\n      Trusted manufacturing.<br>\r\n      <span class=\"fc-heading-accent\">\r\n        Built on precision.\r\n      <\/span>\r\n    <\/h2>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"fc-intro\">\r\n    Manufacturing solutions for demanding\r\n    aerospace, space technology, and\r\n    defence applications.\r\n  <\/p>\r\n\r\n<\/div>\r\n\r\n<!-- CLIENT LOGO MARQUEE -->\r\n<!-- Replace demo wordmarks with approved client logos -->\r\n\r\n<div class=\"fc-marquee\" aria-label=\"Example company logos\">\r\n\r\n  <div class=\"fc-track\">\r\n\r\n    <!-- ORIGINAL LOGO GROUP -->\r\n\r\n    <div class=\"fc-group\">\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-ast\">\r\n          AST\r\n          <small>SpaceMobile<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-boeing\">\r\n          Boeing 787\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-emee\">\r\n          em&amp;ee\r\n          <small>group<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-nu\">\r\n          NU\r\n          <small>DEFENCE<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- DUPLICATE GROUP -->\r\n\r\n    <div class=\"fc-group\" aria-hidden=\"true\">\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-ast\">\r\n          AST\r\n          <small>SpaceMobile<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-boeing\">\r\n          Boeing 787\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-emee\">\r\n          em&amp;ee\r\n          <small>group<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"fc-logo\">\r\n        <span class=\"fc-wordmark fc-nu\">\r\n          NU\r\n          <small>DEFENCE<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c08dee9 e-con-full e-flex e-con e-parent\" data-id=\"c08dee9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c911fc2 elementor-widget elementor-widget-html\" data-id=\"c911fc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"frigate-aero-story\" aria-labelledby=\"fas-title\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap');\r\n\r\n.frigate-aero-story {\r\n  --fas-primary:#261D52;\r\n  --fas-secondary:#674299;\r\n  --fas-bg:#FAF9FD;\r\n  --fas-line:#E7E1EF;\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:clip;\r\n  background:var(--fas-bg);\r\n  color:var(--fas-primary);\r\n  font-family:'Outfit',sans-serif;\r\n  padding:clamp(65px,7vw,105px) 0;\r\n}\r\n\r\n.frigate-aero-story *,\r\n.frigate-aero-story *::before,\r\n.frigate-aero-story *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.frigate-aero-story .fas-container {\r\n  width:min(1240px,100%);\r\n  padding:0 24px;\r\n  margin:auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.frigate-aero-story .fas-header {\r\n  display:grid;\r\n  grid-template-columns:1.25fr .75fr;\r\n  align-items:end;\r\n  gap:48px;\r\n  margin-bottom:55px;\r\n}\r\n\r\n.frigate-aero-story .fas-eyebrow {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  width:fit-content;\r\n  min-height:35px;\r\n  padding:8px 15px;\r\n  margin-bottom:24px;\r\n  border:1px solid rgba(103,66,153,.16);\r\n  border-radius:50px;\r\n  background:#F8F6FC;\r\n  color:var(--fas-secondary);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.frigate-aero-story .fas-eyebrow b {\r\n  color:var(--fas-primary);\r\n}\r\n\r\n.frigate-aero-story .fas-eyebrow i {\r\n  height:13px;\r\n  width:1px;\r\n  background:rgba(103,66,153,.25);\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.frigate-aero-story h2 {\r\n  margin:0!important;\r\n  font-family:'Outfit',sans-serif!important;\r\n  font-size:clamp(34px,4.2vw,54px)!important;\r\n  font-weight:600!important;\r\n  line-height:1.13!important;\r\n  letter-spacing:-.035em!important;\r\n  color:var(--fas-primary)!important;\r\n}\r\n\r\n.frigate-aero-story .fas-accent {\r\n  color:var(--fas-secondary);\r\n}\r\n\r\n.frigate-aero-story .fas-intro {\r\n  font-size:16px!important;\r\n  font-weight:500!important;\r\n  line-height:1.75;\r\n  color:var(--fas-primary)!important;\r\n  max-width:390px;\r\n  margin:0 0 6px auto;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.frigate-aero-story .fas-layout {\r\n  display:grid;\r\n  grid-template-columns:minmax(0,42%) minmax(0,58%);\r\n  align-items:stretch;\r\n  gap:0;\r\n}\r\n\r\n\/* LEFT STORY *\/\r\n\r\n.frigate-aero-story .fas-chapters {\r\n  min-width:0;\r\n  padding-right:clamp(25px,4vw,65px);\r\n}\r\n\r\n.frigate-aero-story .fas-chapter {\r\n  position:relative;\r\n  min-height:85vh;\r\n  min-height:85svh;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n  padding:45px 0;\r\n  opacity:.28;\r\n  transition:opacity .45s ease;\r\n}\r\n\r\n.frigate-aero-story .fas-chapter.is-active {\r\n  opacity:1;\r\n}\r\n\r\n.frigate-aero-story .fas-chapter:not(:last-child)::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:1px;\r\n  background:var(--fas-line);\r\n}\r\n\r\n.frigate-aero-story .fas-number {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:22px;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  letter-spacing:.13em;\r\n  color:var(--fas-secondary);\r\n}\r\n\r\n.frigate-aero-story .fas-number::after {\r\n  content:\"\";\r\n  width:42px;\r\n  height:1px;\r\n  background:currentColor;\r\n}\r\n\r\n\/* REDUCED STAGE HEADING *\/\r\n\r\n.frigate-aero-story .fas-chapter h3 {\r\n  font-family:'Outfit',sans-serif!important;\r\n  font-size:clamp(26px,2.6vw,32px)!important;\r\n  font-weight:600!important;\r\n  letter-spacing:-.025em!important;\r\n  line-height:1.25!important;\r\n  color:var(--fas-primary)!important;\r\n  margin:0 0 16px!important;\r\n  max-width:440px;\r\n}\r\n\r\n\/* TWO-LINE DESCRIPTION *\/\r\n\r\n.frigate-aero-story .fas-description {\r\n  font-family:'Outfit',sans-serif;\r\n  font-size:16px!important;\r\n  font-weight:500!important;\r\n  line-height:1.65!important;\r\n  color:var(--fas-primary)!important;\r\n  max-width:410px;\r\n  margin:0 0 22px!important;\r\n}\r\n\r\n\/* TWO TECHNICAL POINTS *\/\r\n\r\n.frigate-aero-story .fas-points {\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:12px;\r\n  margin:0;\r\n  padding:0;\r\n  list-style:none;\r\n}\r\n\r\n.frigate-aero-story .fas-points li {\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:12px;\r\n  font-family:'Outfit',sans-serif;\r\n  font-size:14px;\r\n  font-weight:500;\r\n  line-height:1.5;\r\n  color:var(--fas-primary);\r\n}\r\n\r\n.frigate-aero-story .fas-points li::before {\r\n  content:\"\";\r\n  flex:0 0 13px;\r\n  height:2px;\r\n  margin-top:10px;\r\n  background:var(--fas-secondary);\r\n}\r\n\r\n\/* RIGHT STICKY VISUAL *\/\r\n\r\n.frigate-aero-story .fas-visual-column {\r\n  position:relative;\r\n  min-width:0;\r\n  padding-left:20px;\r\n}\r\n\r\n.frigate-aero-story .fas-sticky {\r\n  position:sticky;\r\n  top:15vh;\r\n  width:100%;\r\n  height:70vh;\r\n  height:70svh;\r\n  max-height:680px;\r\n  min-height:0;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.frigate-aero-story .fas-viewport {\r\n  position:relative;\r\n  width:100%;\r\n  flex:1 1 0;\r\n  min-height:0;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  background:#F1EEF7;\r\n  border-top:1px solid var(--fas-line);\r\n  border-bottom:1px solid var(--fas-line);\r\n}\r\n\r\n\/* SHARED SCENE ALIGNMENT *\/\r\n\r\n.frigate-aero-story .fas-scene {\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  overflow:hidden;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n}\r\n\r\n.frigate-aero-story .fas-scene:first-child {\r\n  opacity:1;\r\n  visibility:visible;\r\n}\r\n\r\n.frigate-aero-story .fas-scene-inner {\r\n  position:absolute;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n}\r\n\r\n.frigate-aero-story .fas-part {\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:76%;\r\n  height:76%;\r\n  max-width:520px;\r\n  max-height:430px;\r\n  object-fit:contain;\r\n  object-position:center;\r\n  transform:translate(-50%,-50%);\r\n  transform-origin:center center;\r\n  z-index:4;\r\n  filter:drop-shadow(0 14px 22px rgba(30,25,50,.17));\r\n}\r\n\r\n\/* 01 - ENGINEERING DRAWING *\/\r\n\r\n.frigate-aero-story .fas-drawing {\r\n  background:linear-gradient(145deg,#E9E8EB,#F7F6F8);\r\n}\r\n\r\n.frigate-aero-story .fas-sheet {\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:83%;\r\n  height:77%;\r\n  transform:translate(-50%,-50%) rotate(-2deg);\r\n  background:#FFFFFF;\r\n  box-shadow:0 18px 42px rgba(40,32,70,.12);\r\n  border:1px solid #E3DEEB;\r\n  z-index:1;\r\n}\r\n\r\n.frigate-aero-story .fas-sheet::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:18px;\r\n  background-image:\r\n    linear-gradient(rgba(103,66,153,.07) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(103,66,153,.07) 1px,transparent 1px);\r\n  background-size:24px 24px;\r\n}\r\n\r\n.frigate-aero-story .fas-drawing .fas-part {\r\n  width:67%;\r\n  height:65%;\r\n  max-height:370px;\r\n  filter:grayscale(1) contrast(1.6) brightness(1.3);\r\n  opacity:.8;\r\n  mix-blend-mode:multiply;\r\n}\r\n\r\n\/* 02 - COMPUTER SYSTEM *\/\r\n\r\n.frigate-aero-story .fas-system {\r\n  background:linear-gradient(180deg,#E8E9EF,#F5F6F9);\r\n}\r\n\r\n.frigate-aero-story .fas-monitor {\r\n  position:absolute;\r\n  left:50%;\r\n  top:47%;\r\n  width:85%;\r\n  height:76%;\r\n  max-width:560px;\r\n  max-height:440px;\r\n  transform:translate(-50%,-50%);\r\n  z-index:2;\r\n}\r\n\r\n.frigate-aero-story .fas-screen {\r\n  position:absolute;\r\n  inset:0 0 18% 0;\r\n  overflow:hidden;\r\n  border:9px solid #333644;\r\n  border-bottom-width:13px;\r\n  border-radius:12px;\r\n  background:\r\n    linear-gradient(rgba(125,110,175,.12) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(125,110,175,.12) 1px,transparent 1px),\r\n    linear-gradient(145deg,#17182D,#24213D);\r\n  background-size:26px 26px;\r\n  box-shadow:0 20px 34px rgba(20,20,35,.15);\r\n}\r\n\r\n.frigate-aero-story .fas-monitor-stand {\r\n  position:absolute;\r\n  bottom:0;\r\n  left:50%;\r\n  width:27%;\r\n  height:18%;\r\n  transform:translateX(-50%);\r\n  background:linear-gradient(180deg,#BDC2CD,#8E95A3);\r\n  clip-path:polygon(35% 0,65% 0,80% 70%,100% 100%,0 100%,20% 70%);\r\n}\r\n\r\n.frigate-aero-story .fas-system .fas-part {\r\n  top:40%;\r\n  width:58%;\r\n  height:54%;\r\n  max-width:390px;\r\n  max-height:none;\r\n  filter:drop-shadow(0 12px 25px rgba(0,0,0,.3));\r\n}\r\n\r\n\/* 03 - CNC MACHINING *\/\r\n\r\n.frigate-aero-story .fas-machining {\r\n  background:linear-gradient(180deg,#BFC8D3,#E8EDF3);\r\n}\r\n\r\n.frigate-aero-story .fas-machine-frame {\r\n  position:absolute;\r\n  inset:7% 6% 9%;\r\n  background:linear-gradient(135deg,#AFBAC6,#E5EAF0);\r\n  border:10px solid #929EAD;\r\n  border-radius:14px;\r\n}\r\n\r\n.frigate-aero-story .fas-machine-bed {\r\n  position:absolute;\r\n  left:8%;\r\n  right:8%;\r\n  bottom:15%;\r\n  height:18%;\r\n  background:repeating-linear-gradient(\r\n    90deg,\r\n    #8D98A6 0 9px,\r\n    #C2CAD4 9px 18px\r\n  );\r\n  border:3px solid #87919E;\r\n  z-index:2;\r\n  transform:perspective(400px) rotateX(20deg);\r\n}\r\n\r\n.frigate-aero-story .fas-machining .fas-part {\r\n  top:60%;\r\n  width:65%;\r\n  height:56%;\r\n  filter:grayscale(.3) contrast(1.1)\r\n    drop-shadow(0 12px 16px rgba(30,30,40,.2));\r\n  clip-path:inset(0 15% 0 0);\r\n}\r\n\r\n.frigate-aero-story .fas-spindle {\r\n  position:absolute;\r\n  top:5%;\r\n  left:57%;\r\n  width:44px;\r\n  height:29%;\r\n  background:linear-gradient(90deg,#727D89,#D4DCE4,#858E9B);\r\n  border:2px solid #778391;\r\n  border-radius:7px 7px 14px 14px;\r\n  transform:translateX(-50%);\r\n  z-index:6;\r\n}\r\n\r\n.frigate-aero-story .fas-spindle::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:-29px;\r\n  width:12px;\r\n  height:33px;\r\n  transform:translateX(-50%);\r\n  background:linear-gradient(90deg,#515D6B,#B0BBC6,#57616D);\r\n  clip-path:polygon(20% 0,80% 0,58% 100%,42% 100%);\r\n}\r\n\r\n.frigate-aero-story .fas-cutting-area {\r\n  position:absolute;\r\n  left:57%;\r\n  top:37%;\r\n  width:70px;\r\n  height:22px;\r\n  z-index:5;\r\n  background:repeating-linear-gradient(\r\n    135deg,\r\n    transparent 0 5px,\r\n    rgba(90,100,112,.35) 5px 7px,\r\n    transparent 7px 14px\r\n  );\r\n  opacity:.55;\r\n}\r\n\r\n\/* 04 - FINISHED COMPONENT *\/\r\n\r\n.frigate-aero-story .fas-finished {\r\n  background:radial-gradient(\r\n    circle at 50% 43%,\r\n    #FFFFFF 0%,\r\n    #F3F1F7 72%\r\n  );\r\n}\r\n\r\n.frigate-aero-story .fas-finished .fas-part {\r\n  width:78%;\r\n  height:78%;\r\n  max-width:540px;\r\n  max-height:450px;\r\n  filter:drop-shadow(0 26px 30px rgba(38,29,82,.18));\r\n}\r\n\r\n.frigate-aero-story .fas-finish-floor {\r\n  position:absolute;\r\n  left:13%;\r\n  right:13%;\r\n  bottom:18%;\r\n  height:2px;\r\n  background:linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(85,75,115,.3),\r\n    transparent\r\n  );\r\n}\r\n\r\n\/* 05 - QUALITY INSPECTION *\/\r\n\r\n.frigate-aero-story .fas-inspection {\r\n  background:linear-gradient(180deg,#E9EFF4,#F8FAFC);\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-table {\r\n  position:absolute;\r\n  left:10%;\r\n  right:10%;\r\n  bottom:14%;\r\n  height:22%;\r\n  background:\r\n    linear-gradient(rgba(38,29,82,.08) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(38,29,82,.08) 1px,transparent 1px),\r\n    linear-gradient(180deg,#D2DBE5,#9EAAB9);\r\n  background-size:25px 25px,25px 25px,100% 100%;\r\n  border:5px solid #A1ADBA;\r\n  z-index:2;\r\n}\r\n\r\n.frigate-aero-story .fas-inspection .fas-part {\r\n  top:55%;\r\n  width:65%;\r\n  height:57%;\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-bridge {\r\n  position:absolute;\r\n  left:18%;\r\n  right:18%;\r\n  top:12%;\r\n  height:13px;\r\n  background:linear-gradient(180deg,#9DA9B6,#DCE3EB);\r\n  border:1px solid #84909E;\r\n  z-index:6;\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-bridge::before,\r\n.frigate-aero-story .fas-cmm-bridge::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  width:11px;\r\n  height:220px;\r\n  background:linear-gradient(90deg,#929EAC,#CED7E0);\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-bridge::before {\r\n  left:0;\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-bridge::after {\r\n  right:0;\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-probe {\r\n  position:absolute;\r\n  top:calc(12% + 13px);\r\n  left:55%;\r\n  width:12px;\r\n  height:25%;\r\n  background:linear-gradient(90deg,#596674,#ADB8C4);\r\n  z-index:7;\r\n  border-radius:0 0 5px 5px;\r\n}\r\n\r\n.frigate-aero-story .fas-cmm-probe::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:-7px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  width:12px;\r\n  height:12px;\r\n  border-radius:50%;\r\n  background:#674299;\r\n}\r\n\r\n\/* 06 - DELIVERY *\/\r\n\r\n.frigate-aero-story .fas-delivery {\r\n  background:linear-gradient(180deg,#F3F0EA,#E7E1D7);\r\n}\r\n\r\n.frigate-aero-story .fas-package {\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:12%;\r\n  transform:translateX(-50%);\r\n  width:70%;\r\n  height:32%;\r\n  border:2px solid #9B7959;\r\n  border-radius:4px;\r\n  background:linear-gradient(135deg,#C6A27D,#A7835E);\r\n  box-shadow:0 18px 28px rgba(40,30,20,.12);\r\n  z-index:1;\r\n}\r\n\r\n.frigate-aero-story .fas-package::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  left:49%;\r\n  top:0;\r\n  bottom:0;\r\n  width:9px;\r\n  background:rgba(235,211,177,.65);\r\n}\r\n\r\n.frigate-aero-story .fas-delivery .fas-part {\r\n  left:43%;\r\n  top:44%;\r\n  width:57%;\r\n  height:54%;\r\n  max-width:380px;\r\n  z-index:4;\r\n}\r\n\r\n.frigate-aero-story .fas-document {\r\n  position:absolute;\r\n  right:10%;\r\n  top:17%;\r\n  width:26%;\r\n  height:39%;\r\n  background:\r\n    repeating-linear-gradient(\r\n      180deg,\r\n      transparent 0 18px,\r\n      #E0DCE6 18px 20px\r\n    ),\r\n    #FFFFFF;\r\n  background-size:75% 100%,100% 100%;\r\n  background-position:center;\r\n  background-repeat:no-repeat;\r\n  border:1px solid #DDD7E3;\r\n  transform:rotate(5deg);\r\n  box-shadow:0 8px 20px rgba(38,29,82,.08);\r\n  z-index:3;\r\n}\r\n\r\n\/* PROGRESS BAR *\/\r\n\r\n.frigate-aero-story .fas-progress {\r\n  width:100%;\r\n  height:2px;\r\n  flex:0 0 2px;\r\n  margin-top:20px;\r\n  background:var(--fas-line);\r\n  overflow:hidden;\r\n}\r\n\r\n.frigate-aero-story .fas-progress-fill {\r\n  width:16.6667%;\r\n  height:100%;\r\n  background:var(--fas-secondary);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px) {\r\n  .frigate-aero-story .fas-chapters {\r\n    padding-right:25px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-visual-column {\r\n    padding-left:10px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-sticky {\r\n    top:18vh;\r\n    height:64vh;\r\n    height:64svh;\r\n    max-height:580px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapter {\r\n    min-height:78vh;\r\n    min-height:78svh;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapter h3 {\r\n    font-size:28px!important;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:700px) {\r\n  .frigate-aero-story {\r\n    padding:65px 0;\r\n  }\r\n\r\n  .frigate-aero-story .fas-container {\r\n    padding:0 18px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-header {\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n    margin-bottom:36px;\r\n  }\r\n\r\n  .frigate-aero-story h2 {\r\n    font-size:34px!important;\r\n  }\r\n\r\n  .frigate-aero-story .fas-intro {\r\n    margin:0;\r\n  }\r\n\r\n  .frigate-aero-story .fas-layout {\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:0;\r\n  }\r\n\r\n  .frigate-aero-story .fas-visual-column {\r\n    order:0;\r\n    position:sticky;\r\n    top:0;\r\n    z-index:10;\r\n    width:100%;\r\n    padding:0 0 12px;\r\n    background:var(--fas-bg);\r\n  }\r\n\r\n  .frigate-aero-story .fas-sticky {\r\n    position:relative;\r\n    top:auto;\r\n    height:39vh;\r\n    height:39svh;\r\n    min-height:240px;\r\n    max-height:360px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapters {\r\n    order:1;\r\n    padding:0;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapter {\r\n    min-height:57vh;\r\n    min-height:57svh;\r\n    padding:35px 0;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapter h3 {\r\n    font-size:25px!important;\r\n    line-height:1.25!important;\r\n  }\r\n\r\n  .frigate-aero-story .fas-description {\r\n    font-size:16px!important;\r\n    line-height:1.6!important;\r\n    margin-bottom:18px!important;\r\n  }\r\n\r\n  .frigate-aero-story .fas-points li {\r\n    font-size:13px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-part {\r\n    max-height:260px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-spindle {\r\n    width:24px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-cmm-bridge::before,\r\n  .frigate-aero-story .fas-cmm-bridge::after {\r\n    height:125px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-progress {\r\n    margin-top:10px;\r\n  }\r\n}\r\n\r\n@media(max-width:390px) {\r\n  .frigate-aero-story .fas-sticky {\r\n    height:35vh;\r\n    height:35svh;\r\n    min-height:220px;\r\n  }\r\n\r\n  .frigate-aero-story .fas-chapter h3 {\r\n    font-size:25px!important;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .frigate-aero-story .fas-chapter {\r\n    transition:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fas-container\">\r\n\r\n  <!-- SECTION HEADER -->\r\n\r\n  <header class=\"fas-header\">\r\n    <div>\r\n      <div class=\"fas-eyebrow\">\r\n        <b>07<\/b>\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>Our Manufacturing Process<\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"fas-title\">\r\n        Your Drawing. Our Process.<br>\r\n        <span class=\"fas-accent\">Verified Components.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <p class=\"fas-intro\">\r\n      Follow one component through the complete\r\n      manufacturing journey, from engineering\r\n      requirements to precision production,\r\n      inspection, and delivery.\r\n    <\/p>\r\n  <\/header>\r\n\r\n  <div class=\"fas-layout\">\r\n\r\n    <!-- LEFT STORY CONTENT -->\r\n\r\n    <div class=\"fas-chapters\">\r\n\r\n      <!-- STEP 01 -->\r\n      <article class=\"fas-chapter is-active\" data-step=\"0\">\r\n        <span class=\"fas-number\">01 \/ REQUIREMENTS REVIEW<\/span>\r\n\r\n        <h3>Every component begins with a drawing.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          Engineering requirements are reviewed\r\n          before the manufacturing process begins.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>Drawing &amp; Revision Review<\/li>\r\n          <li>Material &amp; Tolerance Verification<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- STEP 02 -->\r\n      <article class=\"fas-chapter\" data-step=\"1\">\r\n        <span class=\"fas-number\">02 \/ DIGITAL PLANNING<\/span>\r\n\r\n        <h3>The drawing becomes a manufacturing plan.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          Engineering data is translated into a\r\n          controlled manufacturing process.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>CAD\/CAM Process Planning<\/li>\r\n          <li>Tooling &amp; Inspection Strategy<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- STEP 03 -->\r\n      <article class=\"fas-chapter\" data-step=\"2\">\r\n        <span class=\"fas-number\">03 \/ PRECISION MACHINING<\/span>\r\n\r\n        <h3>From digital geometry to physical production.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          The component takes shape through\r\n          controlled precision machining operations.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>CNC Machining Operations<\/li>\r\n          <li>In-Process Dimensional Checks<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- STEP 04 -->\r\n      <article class=\"fas-chapter\" data-step=\"3\">\r\n        <span class=\"fas-number\">04 \/ FINISHED COMPONENT<\/span>\r\n\r\n        <h3>Precision manufacturing takes its final form.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          The component reaches its finished geometry\r\n          and specified surface condition.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>Final Machining &amp; Deburring<\/li>\r\n          <li>Specified Surface Finish<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- STEP 05 -->\r\n      <article class=\"fas-chapter\" data-step=\"4\">\r\n        <span class=\"fas-number\">05 \/ QUALITY VERIFICATION<\/span>\r\n\r\n        <h3>Every critical detail is inspected.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          Manufactured components are checked\r\n          against approved technical requirements.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>CMM &amp; Dimensional Inspection<\/li>\r\n          <li>Drawing Revision Verification<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- STEP 06 -->\r\n      <article class=\"fas-chapter\" data-step=\"5\">\r\n        <span class=\"fas-number\">06 \/ DELIVERY<\/span>\r\n\r\n        <h3>A verified component, ready for delivery.<\/h3>\r\n\r\n        <p class=\"fas-description\">\r\n          Finished components are prepared for\r\n          dispatch with agreed quality documentation.\r\n        <\/p>\r\n\r\n        <ul class=\"fas-points\">\r\n          <li>Inspection &amp; Material Records<\/li>\r\n          <li>Protective Packing &amp; Dispatch<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT STICKY VISUAL -->\r\n\r\n    <div class=\"fas-visual-column\">\r\n      <div class=\"fas-sticky\">\r\n\r\n        <div class=\"fas-viewport\"\r\n             aria-label=\"Animated manufacturing process visualization\">\r\n\r\n          <!-- 01 DRAWING -->\r\n          <div class=\"fas-scene fas-drawing\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-sheet\"><\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Technical drawing concept of the reference component\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 02 DIGITAL SYSTEM -->\r\n          <div class=\"fas-scene fas-system\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-monitor\">\r\n                <div class=\"fas-screen\"><\/div>\r\n                <div class=\"fas-monitor-stand\"><\/div>\r\n              <\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Same component displayed in engineering software\"\r\n                loading=\"lazy\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 03 MACHINING -->\r\n          <div class=\"fas-scene fas-machining\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-machine-frame\"><\/div>\r\n              <div class=\"fas-machine-bed\"><\/div>\r\n              <div class=\"fas-cutting-area\"><\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Component in an illustrated machining environment\"\r\n                loading=\"lazy\">\r\n              <div class=\"fas-spindle\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 04 FINISHED -->\r\n          <div class=\"fas-scene fas-finished\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-finish-floor\"><\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Finished precision machined component\"\r\n                loading=\"lazy\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 05 INSPECTION -->\r\n          <div class=\"fas-scene fas-inspection\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-cmm-table\"><\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Component undergoing quality inspection\"\r\n                loading=\"lazy\">\r\n              <div class=\"fas-cmm-bridge\"><\/div>\r\n              <div class=\"fas-cmm-probe\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 06 DELIVERY -->\r\n          <div class=\"fas-scene fas-delivery\">\r\n            <div class=\"fas-scene-inner\">\r\n              <div class=\"fas-package\"><\/div>\r\n              <div class=\"fas-document\"><\/div>\r\n              <img decoding=\"async\" class=\"fas-part\"\r\n                src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n                alt=\"Finished component prepared for dispatch\"\r\n                loading=\"lazy\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- PROGRESS INDICATOR -->\r\n        <div class=\"fas-progress\" aria-hidden=\"true\">\r\n          <div class=\"fas-progress-fill\"><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- GSAP -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function() {\r\n  function initializeAeroStory() {\r\n    document.querySelectorAll('.frigate-aero-story')\r\n      .forEach(function(section) {\r\n\r\n      if (section.dataset.storyReady === '1') return;\r\n\r\n      const chapters = [...section.querySelectorAll('.fas-chapter')];\r\n      const scenes = [...section.querySelectorAll('.fas-scene')];\r\n      const progress = section.querySelector('.fas-progress-fill');\r\n\r\n      if (!chapters.length || chapters.length !== scenes.length) return;\r\n\r\n      section.dataset.storyReady = '1';\r\n\r\n      const reduceMotion = window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n      let activeStage = -1;\r\n      let scheduled = false;\r\n\r\n      function activateStage(index) {\r\n        index = Math.max(0, Math.min(chapters.length - 1, index));\r\n        if (index === activeStage) return;\r\n        activeStage = index;\r\n\r\n        chapters.forEach(function(chapter, i) {\r\n          chapter.classList.toggle('is-active', i === index);\r\n        });\r\n\r\n        scenes.forEach(function(scene, i) {\r\n          const visible = i === index;\r\n\r\n          if (typeof gsap !== 'undefined' && !reduceMotion) {\r\n            gsap.to(scene, {\r\n              autoAlpha: visible ? 1 : 0,\r\n              duration: 0.65,\r\n              ease: 'power2.inOut',\r\n              overwrite: true\r\n            });\r\n          } else {\r\n            scene.style.opacity = visible ? '1' : '0';\r\n            scene.style.visibility = visible ? 'visible' : 'hidden';\r\n          }\r\n        });\r\n\r\n        if (progress) {\r\n          const width = ((index + 1) \/ chapters.length) * 100;\r\n\r\n          if (typeof gsap !== 'undefined' && !reduceMotion) {\r\n            gsap.to(progress, {\r\n              width: width + '%',\r\n              duration: 0.5,\r\n              ease: 'power2.out',\r\n              overwrite: true\r\n            });\r\n          } else {\r\n            progress.style.width = width + '%';\r\n          }\r\n        }\r\n      }\r\n\r\n      function updateFromScroll() {\r\n        scheduled = false;\r\n        if (!section.isConnected) return;\r\n\r\n        const mobile = window.matchMedia('(max-width:700px)').matches;\r\n        const visual = section.querySelector('.fas-visual-column');\r\n\r\n        let trigger = window.innerHeight * 0.5;\r\n\r\n        if (mobile && visual) {\r\n          const bottom = visual.getBoundingClientRect().bottom;\r\n          trigger = bottom + (window.innerHeight - bottom) * 0.48;\r\n        }\r\n\r\n        let nearest = 0;\r\n        let smallestDistance = Infinity;\r\n\r\n        chapters.forEach(function(chapter, index) {\r\n          const rect = chapter.getBoundingClientRect();\r\n          const center = rect.top + rect.height \/ 2;\r\n          const distance = Math.abs(center - trigger);\r\n\r\n          if (distance < smallestDistance) {\r\n            smallestDistance = distance;\r\n            nearest = index;\r\n          }\r\n        });\r\n\r\n        activateStage(nearest);\r\n      }\r\n\r\n      function requestUpdate() {\r\n        if (scheduled) return;\r\n        scheduled = true;\r\n        requestAnimationFrame(updateFromScroll);\r\n      }\r\n\r\n      \/* INITIAL VISIBILITY *\/\r\n\r\n      scenes.forEach(function(scene, index) {\r\n        scene.style.opacity = index === 0 ? '1' : '0';\r\n        scene.style.visibility = index === 0 ? 'visible' : 'hidden';\r\n      });\r\n\r\n      \/* SCROLLTRIGGER *\/\r\n\r\n      if (\r\n        typeof gsap !== 'undefined' &&\r\n        typeof ScrollTrigger !== 'undefined'\r\n      ) {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        ScrollTrigger.create({\r\n          trigger: section,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          onUpdate: requestUpdate,\r\n          onEnter: requestUpdate,\r\n          onEnterBack: requestUpdate,\r\n          onLeave: requestUpdate,\r\n          onLeaveBack: requestUpdate\r\n        });\r\n      }\r\n\r\n      \/* NATIVE SCROLL FALLBACK *\/\r\n\r\n      window.addEventListener('scroll', requestUpdate, {passive:true});\r\n      window.addEventListener('resize', requestUpdate, {passive:true});\r\n\r\n      requestUpdate();\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initializeAeroStory);\r\n  } else {\r\n    initializeAeroStory();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11aab3c e-con-full e-flex e-con e-parent\" data-id=\"11aab3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da25c6c elementor-widget elementor-widget-html\" data-id=\"da25c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"frigate-modes-v2\" data-mode=\"btp\" aria-labelledby=\"fm2-title\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap');\r\n\r\n.frigate-modes-v2 {\r\n  --fm-bg:#120E2A;\r\n  --fm-primary:#261D52;\r\n  --fm-purple:#674299;\r\n  --fm-accent:#A18CFF;\r\n  --fm-white:#FFFFFF;\r\n  --fm-line:rgba(161,140,255,.2);\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  padding:clamp(65px,7vw,105px) 0;\r\n  background:var(--fm-bg);\r\n  color:#FFFFFF;\r\n  font-family:'Outfit',sans-serif;\r\n}\r\n\r\n.frigate-modes-v2 *,\r\n.frigate-modes-v2 *::before,\r\n.frigate-modes-v2 *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.frigate-modes-v2 .fm-container {\r\n  width:min(1240px,100%);\r\n  margin:auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* BACKGROUND *\/\r\n\r\n.frigate-modes-v2::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(161,140,255,.035) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(161,140,255,.035) 1px,transparent 1px);\r\n  background-size:52px 52px;\r\n}\r\n\r\n.frigate-modes-v2::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:radial-gradient(\r\n    ellipse at 35% 48%,\r\n    rgba(103,66,153,.18),\r\n    transparent 55%\r\n  );\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.frigate-modes-v2 .fm-header {\r\n  display:grid;\r\n  grid-template-columns:1.2fr .8fr;\r\n  gap:45px;\r\n  align-items:end;\r\n  margin-bottom:65px;\r\n}\r\n\r\n.frigate-modes-v2 .fm-eyebrow {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:8px 15px;\r\n  margin-bottom:24px;\r\n  border:1px solid rgba(161,140,255,.28);\r\n  border-radius:50px;\r\n  background:rgba(161,140,255,.07);\r\n  color:var(--fm-accent);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.frigate-modes-v2 .fm-eyebrow b {\r\n  color:#FFFFFF;\r\n}\r\n\r\n.frigate-modes-v2 .fm-eyebrow i {\r\n  width:1px;\r\n  height:13px;\r\n  background:rgba(161,140,255,.35);\r\n}\r\n\r\n\/* REDUCED MAIN HEADING *\/\r\n\r\n.frigate-modes-v2 h2 {\r\n  margin:0!important;\r\n  font-family:'Outfit',sans-serif!important;\r\n  font-size:clamp(30px,3.5vw,42px)!important;\r\n  font-weight:600!important;\r\n  line-height:1.18!important;\r\n  letter-spacing:-.03em!important;\r\n  color:#FFFFFF!important;\r\n}\r\n\r\n.frigate-modes-v2 h2 span {\r\n  color:var(--fm-accent);\r\n}\r\n\r\n.frigate-modes-v2 .fm-intro {\r\n  max-width:390px;\r\n  margin:0 0 5px auto;\r\n  color:#E4DEEF;\r\n  font-size:16px!important;\r\n  font-weight:500!important;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* MAIN WORKSPACE *\/\r\n\r\n.frigate-modes-v2 .fm-workspace {\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);\r\n  align-items:center;\r\n  gap:clamp(35px,5vw,85px);\r\n}\r\n\r\n\/* CIRCLE AREA *\/\r\n\r\n.frigate-modes-v2 .fm-circle-side {\r\n  position:relative;\r\n  min-width:0;\r\n}\r\n\r\n.frigate-modes-v2 .fm-circle-shell {\r\n  position:relative;\r\n  width:min(100%,530px);\r\n  aspect-ratio:1;\r\n  margin:auto;\r\n}\r\n\r\n\/* OUTER TECHNICAL RING *\/\r\n\r\n.frigate-modes-v2 .fm-outer-ring {\r\n  position:absolute;\r\n  inset:-15px;\r\n  border:1px dashed rgba(161,140,255,.3);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.frigate-modes-v2 .fm-outer-ring::before,\r\n.frigate-modes-v2 .fm-outer-ring::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:50%;\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#A18CFF;\r\n  transform:translateY(-50%);\r\n}\r\n\r\n.frigate-modes-v2 .fm-outer-ring::before {\r\n  left:-4px;\r\n}\r\n\r\n.frigate-modes-v2 .fm-outer-ring::after {\r\n  right:-4px;\r\n}\r\n\r\n\/* PREMIUM HIGHLIGHTED CIRCLE *\/\r\n\r\n.frigate-modes-v2 .fm-circle {\r\n  position:absolute;\r\n  inset:0;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  overflow:hidden;\r\n  border-radius:50%;\r\n  border:2px solid rgba(161,140,255,.8);\r\n  background:#211A42;\r\n  box-shadow:\r\n    0 0 0 5px rgba(161,140,255,.055),\r\n    0 25px 65px rgba(0,0,0,.32),\r\n    0 0 38px rgba(103,66,153,.15);\r\n}\r\n\r\n\/* CLICKABLE HALVES *\/\r\n\r\n.frigate-modes-v2 .fm-half {\r\n  position:relative;\r\n  display:block;\r\n  width:100%;\r\n  min-width:0;\r\n  height:100%;\r\n  padding:0;\r\n  border:0;\r\n  border-radius:0;\r\n  appearance:none;\r\n  background:transparent;\r\n  font:inherit;\r\n  color:#FFFFFF;\r\n  cursor:pointer;\r\n  overflow:hidden;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\n\/* LEFT 2D BACKGROUND *\/\r\n\r\n.frigate-modes-v2 .fm-half-btp {\r\n  background:linear-gradient(\r\n    145deg,#31264F,#171229\r\n  );\r\n}\r\n\r\n\/* RIGHT 3D BACKGROUND *\/\r\n\r\n.frigate-modes-v2 .fm-half-bts {\r\n  background:radial-gradient(\r\n    ellipse at 45% 40%,\r\n    #4B3A77,\r\n    #1C1634 78%\r\n  );\r\n}\r\n\r\n\/* SELECTED HALF ILLUMINATION *\/\r\n\r\n.frigate-modes-v2 .fm-half::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:3;\r\n  pointer-events:none;\r\n  background:linear-gradient(\r\n    180deg,\r\n    transparent 30%,\r\n    rgba(18,14,42,.25) 60%,\r\n    rgba(18,14,42,.9) 100%\r\n  );\r\n}\r\n\r\n.frigate-modes-v2 .fm-half::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:rgba(10,7,25,.26);\r\n  transition:background .4s ease;\r\n}\r\n\r\n.frigate-modes-v2 .fm-half[data-selected=\"true\"]::before {\r\n  background:rgba(103,66,153,.08);\r\n}\r\n\r\n\/* 2D ENGINEERING GRID *\/\r\n\r\n.frigate-modes-v2 .fm-blueprint-grid {\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(161,140,255,.12) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(161,140,255,.12) 1px,transparent 1px);\r\n  background-size:22px 22px;\r\n  opacity:.8;\r\n}\r\n\r\n\/* ENGINEERING CIRCLES *\/\r\n\r\n.frigate-modes-v2 .fm-analysis-circle {\r\n  position:absolute;\r\n  left:50%;\r\n  top:42%;\r\n  width:72%;\r\n  aspect-ratio:1;\r\n  border:1px dashed rgba(190,178,255,.4);\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n  pointer-events:none;\r\n}\r\n\r\n.frigate-modes-v2 .fm-analysis-circle::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:18%;\r\n  border:1px solid rgba(190,178,255,.16);\r\n  border-radius:50%;\r\n}\r\n\r\n\/* MEASUREMENT LINES *\/\r\n\r\n.frigate-modes-v2 .fm-measure-horizontal {\r\n  position:absolute;\r\n  width:63%;\r\n  height:1px;\r\n  left:18.5%;\r\n  top:66%;\r\n  background:rgba(190,178,255,.6);\r\n}\r\n\r\n.frigate-modes-v2 .fm-measure-horizontal::before,\r\n.frigate-modes-v2 .fm-measure-horizontal::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-5px;\r\n  height:11px;\r\n  width:1px;\r\n  background:#BFB1FF;\r\n}\r\n\r\n.frigate-modes-v2 .fm-measure-horizontal::before {\r\n  left:0;\r\n}\r\n\r\n.frigate-modes-v2 .fm-measure-horizontal::after {\r\n  right:0;\r\n}\r\n\r\n\/* SHARED PRODUCT POSITIONING\r\n   SAME SIZE IN BOTH HALVES *\/\r\n\r\n.frigate-modes-v2 .fm-product {\r\n  position:absolute;\r\n  z-index:1;\r\n  left:50%;\r\n  top:42%;\r\n  width:88%;\r\n  height:55%;\r\n  max-width:none;\r\n  max-height:none;\r\n  object-fit:contain;\r\n  object-position:center;\r\n  transform:translate(-50%,-50%) scale(1);\r\n  transform-origin:center;\r\n  pointer-events:none;\r\n  transition:\r\n    transform .55s cubic-bezier(.2,.75,.2,1),\r\n    filter .4s ease,\r\n    opacity .4s ease;\r\n}\r\n\r\n\/* 2D ANALYSIS TREATMENT *\/\r\n\r\n.frigate-modes-v2 .fm-half-btp .fm-product {\r\n  filter:\r\n    grayscale(1)\r\n    brightness(1.85)\r\n    contrast(1.7)\r\n    sepia(.3)\r\n    hue-rotate(195deg)\r\n    drop-shadow(0 0 1px rgba(180,165,255,.7));\r\n  opacity:.78;\r\n}\r\n\r\n\/* 3D ENGINEERING TREATMENT *\/\r\n\r\n.frigate-modes-v2 .fm-half-bts .fm-product {\r\n  filter:\r\n    contrast(1.05)\r\n    brightness(1.1)\r\n    drop-shadow(0 16px 18px rgba(0,0,0,.4));\r\n  opacity:1;\r\n}\r\n\r\n\/* HOVER BOTH KEEP SAME SIZE *\/\r\n\r\n.frigate-modes-v2 .fm-half:hover .fm-product,\r\n.frigate-modes-v2 .fm-half[data-selected=\"true\"] .fm-product {\r\n  transform:translate(-50%,-50%) scale(1.045);\r\n}\r\n\r\n\/* CENTRAL DIVIDER *\/\r\n\r\n.frigate-modes-v2 .fm-divider {\r\n  position:absolute;\r\n  left:50%;\r\n  top:5%;\r\n  bottom:5%;\r\n  width:1px;\r\n  z-index:6;\r\n  background:linear-gradient(\r\n    180deg,\r\n    transparent,\r\n    rgba(215,205,255,.75),\r\n    transparent\r\n  );\r\n  pointer-events:none;\r\n}\r\n\r\n\/* PERMANENT VIOLET CIRCLE HIGHLIGHT *\/\r\n\r\n.frigate-modes-v2 .fm-highlight-ring {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:6;\r\n  border:3px solid #A18CFF;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  opacity:.85;\r\n  transition:clip-path .45s ease;\r\n}\r\n\r\n.frigate-modes-v2[data-mode=\"btp\"] .fm-highlight-ring {\r\n  clip-path:inset(0 50% 0 0);\r\n}\r\n\r\n.frigate-modes-v2[data-mode=\"bts\"] .fm-highlight-ring {\r\n  clip-path:inset(0 0 0 50%);\r\n}\r\n\r\n\/* MODE LABELS *\/\r\n\r\n.frigate-modes-v2 .fm-half-content {\r\n  position:absolute;\r\n  z-index:5;\r\n  bottom:16%;\r\n  left:0;\r\n  width:100%;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:7px;\r\n  padding:0 7px;\r\n  pointer-events:none;\r\n}\r\n\r\n.frigate-modes-v2 .fm-mode {\r\n  color:#CBBFFF;\r\n  font-size:10px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n}\r\n\r\n.frigate-modes-v2 .fm-half-title {\r\n  font-size:clamp(16px,1.8vw,24px);\r\n  font-weight:600;\r\n  letter-spacing:-.025em;\r\n  line-height:1.18;\r\n  color:#FFFFFF;\r\n  text-align:center;\r\n}\r\n\r\n.frigate-modes-v2 .fm-half-hint {\r\n  color:#D8D0EA;\r\n  font-size:11px;\r\n  font-weight:400;\r\n  text-align:center;\r\n}\r\n\r\n\/* ACCESSIBLE FOCUS *\/\r\n\r\n.frigate-modes-v2 .fm-half:focus-visible {\r\n  outline:3px solid #FFFFFF;\r\n  outline-offset:-7px;\r\n  z-index:7;\r\n}\r\n\r\n\/* HOVER INSTRUCTION *\/\r\n\r\n.frigate-modes-v2 .fm-instruction {\r\n  margin-top:35px;\r\n  color:#C1B4DB;\r\n  font-size:12px;\r\n  font-weight:400;\r\n  text-align:center;\r\n  letter-spacing:.04em;\r\n}\r\n\r\n\/* PROCESS AREA *\/\r\n\r\n.frigate-modes-v2 .fm-process-area {\r\n  min-width:0;\r\n  min-height:520px;\r\n  display:flex;\r\n  align-items:center;\r\n  position:relative;\r\n}\r\n\r\n.frigate-modes-v2 .fm-process {\r\n  width:100%;\r\n}\r\n\r\n.frigate-modes-v2 .fm-process[hidden] {\r\n  display:none!important;\r\n}\r\n\r\n\/* PROCESS EYEBROW *\/\r\n\r\n.frigate-modes-v2 .fm-process-kicker {\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:var(--fm-accent);\r\n  margin-bottom:15px;\r\n}\r\n\r\n\/* REDUCED PROCESS TITLE *\/\r\n\r\n.frigate-modes-v2 .fm-process h3 {\r\n  margin:0 0 15px!important;\r\n  font-family:'Outfit',sans-serif!important;\r\n  font-size:clamp(25px,2.5vw,32px)!important;\r\n  font-weight:600!important;\r\n  line-height:1.2!important;\r\n  letter-spacing:-.025em!important;\r\n  color:#FFFFFF!important;\r\n}\r\n\r\n.frigate-modes-v2 .fm-process-summary {\r\n  margin:0 0 30px;\r\n  max-width:430px;\r\n  font-size:16px!important;\r\n  line-height:1.65;\r\n  font-weight:500;\r\n  color:#E1D9ED;\r\n}\r\n\r\n\/* FIVE STAGE PROCESS *\/\r\n\r\n.frigate-modes-v2 .fm-steps {\r\n  position:relative;\r\n  margin:0;\r\n  padding:0;\r\n  list-style:none;\r\n}\r\n\r\n.frigate-modes-v2 .fm-steps::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  top:17px;\r\n  bottom:25px;\r\n  left:16px;\r\n  width:1px;\r\n  background:var(--fm-line);\r\n}\r\n\r\n.frigate-modes-v2 .fm-step {\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:34px minmax(0,1fr);\r\n  gap:18px;\r\n  padding:0 0 21px;\r\n}\r\n\r\n.frigate-modes-v2 .fm-step:last-child {\r\n  padding-bottom:0;\r\n}\r\n\r\n.frigate-modes-v2 .fm-step-index {\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:34px;\r\n  height:34px;\r\n  border:1px solid rgba(161,140,255,.7);\r\n  border-radius:50%;\r\n  background:#1A1436;\r\n  color:#CBBEFF;\r\n  font-size:12px;\r\n  font-weight:600;\r\n}\r\n\r\n.frigate-modes-v2 .fm-step strong {\r\n  display:block;\r\n  margin-bottom:4px;\r\n  font-size:16px;\r\n  font-weight:600;\r\n  line-height:1.4;\r\n  color:#FFFFFF;\r\n}\r\n\r\n.frigate-modes-v2 .fm-step p {\r\n  margin:0;\r\n  font-size:14px;\r\n  font-weight:400;\r\n  line-height:1.55;\r\n  color:#C7BDDC;\r\n}\r\n\r\n\/* SWITCH ANIMATION *\/\r\n\r\n@keyframes fm2-reveal {\r\n  from {\r\n    opacity:0;\r\n    transform:translateY(12px);\r\n  }\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.frigate-modes-v2 .fm-process.is-entering {\r\n  animation:fm2-reveal .45s ease both;\r\n}\r\n\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step {\r\n  animation:fm2-reveal .45s ease both;\r\n}\r\n\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step:nth-child(1) {\r\n  animation-delay:.05s;\r\n}\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step:nth-child(2) {\r\n  animation-delay:.1s;\r\n}\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step:nth-child(3) {\r\n  animation-delay:.15s;\r\n}\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step:nth-child(4) {\r\n  animation-delay:.2s;\r\n}\r\n.frigate-modes-v2 .fm-process.is-entering .fm-step:nth-child(5) {\r\n  animation-delay:.25s;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px) {\r\n  .frigate-modes-v2 .fm-workspace {\r\n    gap:35px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-process-area {\r\n    min-height:540px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-half-title {\r\n    font-size:19px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:700px) {\r\n  .frigate-modes-v2 {\r\n    padding:65px 0;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-container {\r\n    padding:0 18px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-header {\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n    margin-bottom:46px;\r\n  }\r\n\r\n  .frigate-modes-v2 h2 {\r\n    font-size:30px!important;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-intro {\r\n    margin:0;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-workspace {\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:38px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-circle-side {\r\n    width:100%;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-circle-shell {\r\n    width:min(calc(100% - 20px),390px);\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-half-title {\r\n    font-size:clamp(15px,4vw,19px);\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-half-hint {\r\n    font-size:10px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-product {\r\n    width:92%;\r\n    height:54%;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-process-area {\r\n    width:100%;\r\n    min-height:0;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-process h3 {\r\n    font-size:27px!important;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-process-summary {\r\n    font-size:16px!important;\r\n  }\r\n}\r\n\r\n@media(max-width:390px) {\r\n  .frigate-modes-v2 .fm-half-title {\r\n    font-size:15px;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-half-content {\r\n    gap:5px;\r\n    bottom:14%;\r\n  }\r\n\r\n  .frigate-modes-v2 .fm-half-hint {\r\n    font-size:9px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .frigate-modes-v2 *,\r\n  .frigate-modes-v2 *::before,\r\n  .frigate-modes-v2 *::after {\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fm-container\">\r\n\r\n  <!-- HEADER -->\r\n\r\n  <header class=\"fm-header\">\r\n\r\n    <div>\r\n      <div class=\"fm-eyebrow\">\r\n        <b>02<\/b>\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>Aerospace Manufacturing Solutions<\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"fm2-title\">\r\n        Two ways in.<br>\r\n        <span>One manufacturing standard.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <p class=\"fm-intro\">\r\n      From approved drawings to functional requirements,\r\n      we provide structured manufacturing solutions\r\n      built around your project needs.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n  <div class=\"fm-workspace\">\r\n\r\n    <!-- INTERACTIVE CIRCLE -->\r\n\r\n    <div class=\"fm-circle-side\">\r\n\r\n      <div class=\"fm-circle-shell\">\r\n\r\n        <div class=\"fm-outer-ring\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"fm-circle\" role=\"group\"\r\n             aria-label=\"Select manufacturing approach\">\r\n\r\n          <!-- LEFT: BUILD TO PRINT \/ 2D ANALYSIS -->\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fm-half fm-half-btp\"\r\n            data-target=\"btp\"\r\n            data-selected=\"true\"\r\n            aria-pressed=\"true\"\r\n            aria-controls=\"fm2-btp\">\r\n\r\n            <div class=\"fm-blueprint-grid\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"fm-analysis-circle\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"fm-measure-horizontal\" aria-hidden=\"true\"><\/div>\r\n\r\n            <img decoding=\"async\"\r\n              class=\"fm-product\"\r\n              src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n              alt=\"\"\r\n              loading=\"lazy\">\r\n\r\n            <span class=\"fm-half-content\">\r\n              <span class=\"fm-mode\">MODE A<\/span>\r\n              <span class=\"fm-half-title\">Build to Print<\/span>\r\n              <span class=\"fm-half-hint\">2D Drawing Analysis<\/span>\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <!-- RIGHT: BUILD TO SPEC \/ ENGINEERING -->\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"fm-half fm-half-bts\"\r\n            data-target=\"bts\"\r\n            data-selected=\"false\"\r\n            aria-pressed=\"false\"\r\n            aria-controls=\"fm2-bts\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"fm-product\"\r\n              src=\"https:\/\/stg.frigateaerospace.com\/wp-content\/uploads\/2026\/10\/aero-part-1.png\"\r\n              alt=\"\"\r\n              loading=\"lazy\">\r\n\r\n            <span class=\"fm-half-content\">\r\n              <span class=\"fm-mode\">MODE B<\/span>\r\n              <span class=\"fm-half-title\">Build to Spec<\/span>\r\n              <span class=\"fm-half-hint\">Engineering Solution<\/span>\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n          <span class=\"fm-divider\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"fm-highlight-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fm-instruction\">\r\n        Hover or tap to explore each manufacturing approach\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- DYNAMIC PROCESS -->\r\n\r\n    <div class=\"fm-process-area\">\r\n\r\n      <!-- BUILD TO PRINT -->\r\n\r\n      <div class=\"fm-process is-entering\"\r\n           id=\"fm2-btp\" data-process=\"btp\">\r\n\r\n        <div class=\"fm-process-kicker\">\r\n          MODE A \/ BUILD TO PRINT\r\n        <\/div>\r\n\r\n        <h3>Manufacturing to your approved drawing.<\/h3>\r\n\r\n        <p class=\"fm-process-summary\">\r\n          Your design is defined. We manufacture\r\n          to the specified drawing, revision,\r\n          and quality requirements.\r\n        <\/p>\r\n\r\n        <ol class=\"fm-steps\">\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">01<\/span>\r\n            <div>\r\n              <strong>You send the drawing<\/strong>\r\n              <p>Drawing revision, material, quantity, and specifications.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">02<\/span>\r\n            <div>\r\n              <strong>Quotation &amp; Technical Review<\/strong>\r\n              <p>Cost, lead time, and manufacturability questions.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">03<\/span>\r\n            <div>\r\n              <strong>Manufacturing Route<\/strong>\r\n              <p>Process planning against the approved drawing revision.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">04<\/span>\r\n            <div>\r\n              <strong>First Article Verification<\/strong>\r\n              <p>Dimensional validation and AS9102 FAI where required.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">05<\/span>\r\n            <div>\r\n              <strong>Controlled Production<\/strong>\r\n              <p>Revision-controlled manufacturing and inspection records.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ol>\r\n\r\n      <\/div>\r\n\r\n      <!-- BUILD TO SPEC -->\r\n\r\n      <div class=\"fm-process\"\r\n           id=\"fm2-bts\"\r\n           data-process=\"bts\"\r\n           hidden>\r\n\r\n        <div class=\"fm-process-kicker\">\r\n          MODE B \/ BUILD TO SPEC\r\n        <\/div>\r\n\r\n        <h3>Engineering around your requirements.<\/h3>\r\n\r\n        <p class=\"fm-process-summary\">\r\n          You define the functional needs.\r\n          We develop a proposed manufacturing\r\n          solution for validation and approval.\r\n        <\/p>\r\n\r\n        <ol class=\"fm-steps\">\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">01<\/span>\r\n            <div>\r\n              <strong>You share the requirement<\/strong>\r\n              <p>Function, material, standards, and acceptance criteria.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">02<\/span>\r\n            <div>\r\n              <strong>Proposed Manufacturing Solution<\/strong>\r\n              <p>Process route, feasibility, cost, and technical risks.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">03<\/span>\r\n            <div>\r\n              <strong>Validation &amp; Testing<\/strong>\r\n              <p>Material, mechanical, or NDT testing as specified.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">04<\/span>\r\n            <div>\r\n              <strong>Customer Approval<\/strong>\r\n              <p>Agreed design and process requirements are approved.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"fm-step\">\r\n            <span class=\"fm-step-index\">05<\/span>\r\n            <div>\r\n              <strong>Controlled Production<\/strong>\r\n              <p>Approved route, traceability, and revision control.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ol>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initFrigateModes(){\r\n\r\n    document.querySelectorAll('.frigate-modes-v2')\r\n      .forEach(function(section){\r\n\r\n      if(section.dataset.fmReady === '1') return;\r\n      section.dataset.fmReady = '1';\r\n\r\n      const buttons = [\r\n        ...section.querySelectorAll('.fm-half')\r\n      ];\r\n\r\n      const panels = [\r\n        ...section.querySelectorAll('.fm-process')\r\n      ];\r\n\r\n      const reduced = window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      );\r\n\r\n      const canHover = window.matchMedia(\r\n        '(hover:hover) and (pointer:fine)'\r\n      );\r\n\r\n      let currentMode = section.dataset.mode || 'btp';\r\n\r\n      function switchMode(mode){\r\n\r\n        if(mode === currentMode) return;\r\n\r\n        currentMode = mode;\r\n        section.dataset.mode = mode;\r\n\r\n        buttons.forEach(function(button){\r\n\r\n          const selected =\r\n            button.dataset.target === mode;\r\n\r\n          button.dataset.selected =\r\n            selected ? 'true' : 'false';\r\n\r\n          button.setAttribute(\r\n            'aria-pressed',\r\n            selected ? 'true' : 'false'\r\n          );\r\n\r\n        });\r\n\r\n        panels.forEach(function(panel){\r\n\r\n          const selected =\r\n            panel.dataset.process === mode;\r\n\r\n          if(!selected){\r\n\r\n            panel.hidden = true;\r\n            panel.classList.remove('is-entering');\r\n\r\n          } else {\r\n\r\n            panel.hidden = false;\r\n\r\n            if(!reduced.matches){\r\n\r\n              panel.classList.remove('is-entering');\r\n\r\n              void panel.offsetWidth;\r\n\r\n              panel.classList.add('is-entering');\r\n\r\n            }\r\n          }\r\n\r\n        });\r\n\r\n      }\r\n\r\n      buttons.forEach(function(button){\r\n\r\n        const mode = button.dataset.target;\r\n\r\n        button.addEventListener('pointerenter',function(){\r\n\r\n          if(canHover.matches){\r\n            switchMode(mode);\r\n          }\r\n\r\n        });\r\n\r\n        button.addEventListener('click',function(){\r\n          switchMode(mode);\r\n        });\r\n\r\n        button.addEventListener('focus',function(){\r\n          switchMode(mode);\r\n        });\r\n\r\n      });\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initFrigateModes\r\n    );\r\n  } else {\r\n    initFrigateModes();\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 Who We Manufacture For Trusted manufacturing. Built on precision. Manufacturing solutions for demanding aerospace, space technology, and defence applications. AST SpaceMobile Boeing 787 em&amp;ee group NU DEFENCE AST SpaceMobile Boeing 787 em&amp;ee group NU DEFENCE 07 Our Manufacturing Process Your Drawing. Our Process. Verified Components. Follow one component through the complete manufacturing journey, from [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":13,"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/stg.frigateaerospace.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}