{"id":4814,"date":"2026-04-17T12:28:39","date_gmt":"2026-04-17T12:28:39","guid":{"rendered":"https:\/\/philadelphia-solar.com\/ar\/?page_id=4814"},"modified":"2026-04-17T13:55:19","modified_gmt":"2026-04-17T13:55:19","slug":"steel-fabrication","status":"publish","type":"page","link":"https:\/\/philadelphia-solar.com\/ar\/steel-fabrication\/","title":{"rendered":"Steel Fabrication"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4814\" class=\"elementor elementor-4814\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d314685 e-flex e-con-boxed e-con e-parent\" data-id=\"d314685\" 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-ddca615 elementor-widget elementor-widget-html\" data-id=\"ddca615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ps-steel-page\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"ps-steel-bg\"><\/div>\r\n  <div class=\"ps-steel-overlay\"><\/div>\r\n\r\n  <div class=\"ps-steel-noise\"><\/div>\r\n\r\n  <div class=\"ps-steel-container\">\r\n\r\n    <!-- HERO -->\r\n    <div class=\"ps-steel-hero\">\r\n      \r\n      <h1 class=\"reveal-left\">The Steel Spine of<br>Renewable Infrastructure.<\/h1>\r\n      <p class=\"reveal-right\">\r\n        Engineered structural systems built for solar performance at scale,\r\n        combining large-capacity fabrication, Magnelis\u00ae corrosion protection,\r\n        and custom steel solutions tailored to the realities of every site.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- TOP METRICS -->\r\n    <div class=\"ps-steel-metrics\">\r\n      <div class=\"ps-steel-metric reveal-up\">\r\n        <h2>600 MW<\/h2>\r\n        <p>Steel Fabrication Capacity<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-metric reveal-up\">\r\n        <h2>25 Years<\/h2>\r\n        <p>Magnelis\u00ae Protection<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-metric reveal-up\">\r\n        <h2>Self-Healing<\/h2>\r\n        <p>Corrosion Defense Layer<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-metric reveal-up\">\r\n        <h2>Custom Fit<\/h2>\r\n        <p>Engineered for Any Terrain<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SHOWCASE -->\r\n    <div class=\"ps-steel-showcase\">\r\n\r\n      <!-- IMAGE SIDE -->\r\n      <div class=\"ps-steel-visual reveal-left\">\r\n        <div class=\"ps-steel-image-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/philadelphiasolar.cloud\/ar\/wp-content\/uploads\/2026\/04\/download-35.webp\" alt=\"Solar steel mounting structures\">\r\n\r\n          <!-- SVG TECH OVERLAY -->\r\n          <div class=\"ps-steel-svg-overlay\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 800 800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <defs>\r\n                <linearGradient id=\"steelLineGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" stop-color=\"rgba(255,255,255,0.00)\" \/>\r\n                  <stop offset=\"50%\" stop-color=\"rgba(133,179,255,0.95)\" \/>\r\n                  <stop offset=\"100%\" stop-color=\"rgba(29,214,197,0.00)\" \/>\r\n                <\/linearGradient>\r\n\r\n                <linearGradient id=\"steelFrameGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                  <stop offset=\"0%\" stop-color=\"#8cb4ff\" \/>\r\n                  <stop offset=\"100%\" stop-color=\"#47d7c8\" \/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n\r\n              <!-- outer frame -->\r\n              <rect x=\"70\" y=\"70\" width=\"660\" height=\"660\" rx=\"18\"\r\n                fill=\"none\"\r\n                stroke=\"url(#steelFrameGrad)\"\r\n                stroke-width=\"1.5\"\r\n                opacity=\"0.28\"\/>\r\n\r\n              <!-- grid -->\r\n              <g opacity=\"0.16\" stroke=\"#bcd3ff\" stroke-width=\"1\">\r\n                <line x1=\"180\" y1=\"70\" x2=\"180\" y2=\"730\"\/>\r\n                <line x1=\"290\" y1=\"70\" x2=\"290\" y2=\"730\"\/>\r\n                <line x1=\"400\" y1=\"70\" x2=\"400\" y2=\"730\"\/>\r\n                <line x1=\"510\" y1=\"70\" x2=\"510\" y2=\"730\"\/>\r\n                <line x1=\"620\" y1=\"70\" x2=\"620\" y2=\"730\"\/>\r\n\r\n                <line x1=\"70\" y1=\"180\" x2=\"730\" y2=\"180\"\/>\r\n                <line x1=\"70\" y1=\"290\" x2=\"730\" y2=\"290\"\/>\r\n                <line x1=\"70\" y1=\"400\" x2=\"730\" y2=\"400\"\/>\r\n                <line x1=\"70\" y1=\"510\" x2=\"730\" y2=\"510\"\/>\r\n                <line x1=\"70\" y1=\"620\" x2=\"730\" y2=\"620\"\/>\r\n              <\/g>\r\n\r\n              <!-- structural angles -->\r\n              <g fill=\"none\" stroke=\"url(#steelFrameGrad)\" stroke-width=\"2\" opacity=\"0.52\">\r\n                <path d=\"M120 640 L250 500 L420 540 L620 360\" \/>\r\n                <path d=\"M120 690 L270 560 L445 600 L665 400\" \/>\r\n                <path d=\"M180 690 L330 540 L500 575\" \/>\r\n              <\/g>\r\n\r\n              <!-- points -->\r\n              <g fill=\"#dce9ff\" opacity=\"0.7\">\r\n                <circle cx=\"250\" cy=\"500\" r=\"4\"\/>\r\n                <circle cx=\"420\" cy=\"540\" r=\"4\"\/>\r\n                <circle cx=\"620\" cy=\"360\" r=\"4\"\/>\r\n                <circle cx=\"270\" cy=\"560\" r=\"4\"\/>\r\n                <circle cx=\"445\" cy=\"600\" r=\"4\"\/>\r\n                <circle cx=\"665\" cy=\"400\" r=\"4\"\/>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <!-- floating badge -->\r\n          <div class=\"ps-steel-badge\">\r\n            <span>Magnelis\u00ae<\/span>\r\n            <strong>Advanced Corrosion Protection<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CONTENT SIDE -->\r\n      <div class=\"ps-steel-content\">\r\n\r\n        <div class=\"ps-steel-block reveal-right\">\r\n          <small>01<\/small>\r\n          <h3>600 MW Steel Capacity<\/h3>\r\n          <p>\r\n            We operate one of the region\u2019s largest specialized steel fabrication\r\n            platforms for solar mounting structures, supporting utility-scale output,\r\n            project consistency, and infrastructure-ready delivery.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-steel-block reveal-right\">\r\n          <small>02<\/small>\r\n          <h3>Magnelis\u00ae Advantage<\/h3>\r\n          <p>\r\n            Our steel structures are manufactured using advanced Magnelis\u00ae coating,\r\n            delivering self-healing corrosion resistance for up to 25 years in harsh\r\n            environments where durability is non-negotiable.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-steel-block reveal-right\">\r\n          <small>03<\/small>\r\n          <h3>Custom Engineering<\/h3>\r\n          <p>\r\n            From residential rooftops to large utility-scale solar fields, we design\r\n            and fabricate structural systems that adapt precisely to terrain, wind\r\n            load, and project-specific installation requirements.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAGNELIS FEATURE STRIP -->\r\n    <div class=\"ps-steel-feature-strip\">\r\n\r\n      <div class=\"ps-steel-feature-card reveal-left\">\r\n        <small>Long-Term Protection<\/small>\r\n        <h3>Self-Healing Surface Performance<\/h3>\r\n        <p>\r\n          Magnelis\u00ae actively protects exposed edges and scratches, extending durability\r\n          beyond conventional metallic coatings in demanding outdoor applications.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-feature-card reveal-up\">\r\n        <small>Material Intelligence<\/small>\r\n        <h3>Built for Harsh Environments<\/h3>\r\n        <p>\r\n          Ideal for desert exposure, humidity, and aggressive operating conditions where\r\n          structural reliability must remain consistent over time.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-feature-card reveal-right\">\r\n        <small>Project Versatility<\/small>\r\n        <h3>Structural Systems for Every Scale<\/h3>\r\n        <p>\r\n          Our engineering approach supports a wide range of mounting typologies with\r\n          precision fabrication and installation-ready configuration.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PROCESS -->\r\n    <div class=\"ps-steel-process-section\">\r\n\r\n      <div class=\"ps-steel-section-head reveal-up\">\r\n        <span class=\"ps-steel-kicker\">Engineering Workflow<\/span>\r\n        <h2>From Structural Design to Site-Ready Deployment.<\/h2>\r\n        <p>\r\n          Every steel component is shaped through a controlled workflow focused on\r\n          structural precision, corrosion resistance, and installation efficiency.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ps-steel-process-grid\">\r\n\r\n        <div class=\"ps-steel-process-card reveal-left\">\r\n          <small>Step 01<\/small>\r\n          <h3>Load-Based Design<\/h3>\r\n          <p>\r\n            Structural configurations are engineered based on terrain, wind loads,\r\n            module layout, and installation method.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-steel-process-card reveal-up\">\r\n          <small>Step 02<\/small>\r\n          <h3>Fabrication Precision<\/h3>\r\n          <p>\r\n            High-accuracy cutting, punching, and forming processes ensure repeatable\r\n            dimensional consistency across each component.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-steel-process-card reveal-up\">\r\n          <small>Step 03<\/small>\r\n          <h3>Protective Performance<\/h3>\r\n          <p>\r\n            Magnelis\u00ae coated steel enhances corrosion resistance and supports long-term\r\n            stability in harsh project environments.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-steel-process-card reveal-right\">\r\n          <small>Step 04<\/small>\r\n          <h3>Deployment Readiness<\/h3>\r\n          <p>\r\n            Final systems are prepared for fast integration on site, reducing complexity\r\n            during installation and supporting efficient execution.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"ps-steel-final-cta reveal-up\">\r\n      <h2>Explore Our Steel Fabrication Capability.<\/h2>\r\n      <p>\r\n        Discover how structural engineering, Magnelis\u00ae protection, and large-scale\r\n        steel fabrication support stronger renewable infrastructure across every project.\r\n      <\/p>\r\n      <a href=\"https:\/\/philadelphiasolar.cloud\/ar\/contact\/\" class=\"ps-steel-final-btn\" target=\"_blank\" rel=\"noopener\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ps-steel-page{\r\n  position:relative;\r\n  padding:120px 0;\r\n  overflow:hidden;\r\n  color:#fff;\r\n  background:#040404;\r\n}\r\n\r\n.ps-steel-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background:url('https:\/\/philadelphiasolar.cloud\/ar\/wp-content\/uploads\/2026\/04\/Hercules_Temple_Amman_Jordan.webp') center center \/ cover no-repeat;\r\n  opacity:.16;\r\n  transform:scale(1.03);\r\n  animation: psSteelZoom 18s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes psSteelZoom{\r\n  0%{ transform:scale(1.01); }\r\n  100%{ transform:scale(1.07); }\r\n}\r\n\r\n.ps-steel-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.86) 100%),\r\n    radial-gradient(circle at 18% 18%, rgba(79,134,255,.12), transparent 34%),\r\n    radial-gradient(circle at 82% 35%, rgba(29,214,197,.08), transparent 28%);\r\n}\r\n\r\n.ps-steel-noise{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:.035;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.9) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.9) 1px, transparent 1px);\r\n  background-size:120px 120px;\r\n}\r\n\r\n.ps-steel-container{\r\n  position:relative;\r\n  z-index:2;\r\n  width:min(1320px, calc(100% - 40px));\r\n  margin:auto;\r\n}\r\n\r\n\/* HERO *\/\r\n.ps-steel-hero{\r\n  max-width:920px;\r\n  margin:0 auto 70px;\r\n  text-align:center;\r\n}\r\n\r\n.ps-steel-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:10px 18px;\r\n  margin-bottom:22px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.04);\r\n  color:#dbe4ef;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1.8px;\r\n  text-transform:uppercase;\r\n  backdrop-filter:blur(10px);\r\n}\r\n\r\n.ps-steel-hero h1{\r\n  margin:0 0 18px;\r\n  font-size:clamp(42px, 6vw, 82px);\r\n  line-height:.96;\r\n  font-weight:900;\r\n  letter-spacing:-2px;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-hero p{\r\n  margin:0 auto;\r\n  max-width:760px;\r\n  font-size:18px;\r\n  line-height:1.9;\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\r\n\/* METRICS *\/\r\n.ps-steel-metrics{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n  margin-bottom:70px;\r\n}\r\n\r\n.ps-steel-metric{\r\n  padding:28px 24px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.03);\r\n  backdrop-filter:blur(8px);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);\r\n}\r\n\r\n.ps-steel-metric h2{\r\n  margin:0 0 10px;\r\n  font-size:34px;\r\n  line-height:1;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-metric p{\r\n  margin:0;\r\n  font-size:12px;\r\n  line-height:1.7;\r\n  letter-spacing:1.2px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,.62);\r\n}\r\n\r\n\/* SHOWCASE *\/\r\n.ps-steel-showcase{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:48px;\r\n  align-items:center;\r\n}\r\n\r\n.ps-steel-image-wrap{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:28px;\r\n  background:#0a0a0a;\r\n  min-height:720px;\r\n  box-shadow:\r\n    0 35px 90px rgba(0,0,0,.38),\r\n    0 10px 30px rgba(0,0,0,.22);\r\n}\r\n\r\n.ps-steel-image-wrap::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08)),\r\n    radial-gradient(circle at center, transparent 48%, rgba(0,0,0,.18) 100%);\r\n  pointer-events:none;\r\n}\r\n\r\n.ps-steel-image-wrap img{\r\n  width:100%;\r\n  height:720px;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n  transition:transform .8s ease;\r\n}\r\n\r\n.ps-steel-image-wrap:hover img{\r\n  transform:scale(1.045);\r\n}\r\n\r\n\/* SVG overlay *\/\r\n.ps-steel-svg-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  mix-blend-mode:screen;\r\n  opacity:.62;\r\n}\r\n\r\n.ps-steel-svg-overlay svg{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n}\r\n\r\n\/* badge *\/\r\n.ps-steel-badge{\r\n  position:absolute;\r\n  left:24px;\r\n  bottom:24px;\r\n  z-index:3;\r\n  padding:16px 18px;\r\n  min-width:240px;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background:rgba(3,7,14,.58);\r\n  backdrop-filter:blur(14px);\r\n  box-shadow:\r\n    0 20px 35px rgba(0,0,0,.28),\r\n    inset 0 1px 0 rgba(255,255,255,.05);\r\n}\r\n\r\n.ps-steel-badge span{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#8ab0ff;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:1.8px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ps-steel-badge strong{\r\n  display:block;\r\n  color:#fff;\r\n  font-size:16px;\r\n  line-height:1.45;\r\n  font-weight:700;\r\n}\r\n\r\n\/* content *\/\r\n.ps-steel-content{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:22px;\r\n}\r\n\r\n.ps-steel-block{\r\n  padding:28px;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-left:3px solid #4f86ff;\r\n  background:rgba(255,255,255,.03);\r\n  transition:\r\n    transform .35s ease,\r\n    background .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.ps-steel-block:hover{\r\n  transform:translateY(-8px);\r\n  background:rgba(255,255,255,.05);\r\n  border-color:rgba(79,134,255,.30);\r\n  box-shadow:\r\n    0 18px 40px rgba(0,0,0,.22),\r\n    0 0 24px rgba(79,134,255,.08);\r\n}\r\n\r\n.ps-steel-block small{\r\n  display:inline-block;\r\n  margin-bottom:10px;\r\n  color:rgba(255,255,255,.58);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1.2px;\r\n}\r\n\r\n.ps-steel-block h3{\r\n  margin:0 0 12px;\r\n  font-size:28px;\r\n  line-height:1.25;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-block p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.8);\r\n  font-size:15px;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* feature strip *\/\r\n.ps-steel-feature-strip{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n  padding-top:100px;\r\n}\r\n\r\n.ps-steel-feature-card{\r\n  padding:30px;\r\n  border-radius:22px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease,\r\n    background .35s ease;\r\n}\r\n\r\n.ps-steel-feature-card:hover{\r\n  transform:translateY(-8px);\r\n  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));\r\n  border-color:rgba(79,134,255,.26);\r\n  box-shadow:\r\n    0 18px 40px rgba(0,0,0,.22),\r\n    0 0 24px rgba(79,134,255,.07);\r\n}\r\n\r\n.ps-steel-feature-card small{\r\n  display:block;\r\n  margin-bottom:12px;\r\n  color:#8fa6ff;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:1.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ps-steel-feature-card h3{\r\n  margin:0 0 14px;\r\n  font-size:24px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-feature-card p{\r\n  margin:0;\r\n  font-size:15px;\r\n  line-height:1.85;\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\r\n\/* section head *\/\r\n.ps-steel-section-head{\r\n  max-width:860px;\r\n  margin:0 auto 46px;\r\n  text-align:center;\r\n}\r\n\r\n.ps-steel-section-head h2{\r\n  margin:0 0 16px;\r\n  font-size:clamp(34px, 4.5vw, 64px);\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:-1.5px;\r\n}\r\n\r\n.ps-steel-section-head p{\r\n  margin:0 auto;\r\n  max-width:760px;\r\n  font-size:18px;\r\n  line-height:1.9;\r\n  color:rgba(255,255,255,.76);\r\n}\r\n\r\n\/* process *\/\r\n.ps-steel-process-section{\r\n  padding-top:100px;\r\n}\r\n\r\n.ps-steel-process-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:20px;\r\n}\r\n\r\n.ps-steel-process-card{\r\n  padding:28px 24px;\r\n  border-radius:18px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.03);\r\n  transition:\r\n    transform .35s ease,\r\n    background .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.ps-steel-process-card:hover{\r\n  transform:translateY(-8px);\r\n  background:rgba(255,255,255,.05);\r\n  border-color:rgba(79,134,255,.26);\r\n  box-shadow:\r\n    0 18px 40px rgba(0,0,0,.22),\r\n    0 0 24px rgba(79,134,255,.07);\r\n}\r\n\r\n.ps-steel-process-card small{\r\n  display:block;\r\n  margin-bottom:12px;\r\n  color:#8fa6ff;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:1.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ps-steel-process-card h3{\r\n  margin:0 0 14px;\r\n  font-size:22px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-process-card p{\r\n  margin:0;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\r\n\/* CTA *\/\r\n.ps-steel-final-cta{\r\n  max-width:900px;\r\n  margin:90px auto 0;\r\n  text-align:center;\r\n}\r\n\r\n.ps-steel-final-cta h2{\r\n  margin:0 0 18px;\r\n  font-size:clamp(40px, 5vw, 74px);\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:-2px;\r\n  color:#fff;\r\n}\r\n\r\n.ps-steel-final-cta p{\r\n  margin:0 auto 34px;\r\n  max-width:760px;\r\n  font-size:18px;\r\n  line-height:1.8;\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\r\n.ps-steel-final-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:360px;\r\n  min-height:54px;\r\n  padding:16px 30px;\r\n  border:1px solid rgba(90,100,255,.45);\r\n  border-radius:10px;\r\n  background:transparent;\r\n  color:#b8b9ff;\r\n  text-decoration:none;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing:.3px;\r\n  transition:\r\n    transform .3s ease,\r\n    border-color .3s ease,\r\n    box-shadow .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n.ps-steel-final-btn:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(120,130,255,.7);\r\n  color:#d9dbff;\r\n  box-shadow:\r\n    0 14px 30px rgba(30,20,80,.18),\r\n    0 0 24px rgba(96,100,255,.10);\r\n}\r\n\r\n\/* reveal *\/\r\n.reveal-up,\r\n.reveal-left,\r\n.reveal-right{\r\n  opacity:0;\r\n  transition:\r\n    opacity .85s ease,\r\n    transform .85s ease;\r\n}\r\n\r\n.reveal-up{ transform:translateY(40px); }\r\n.reveal-left{ transform:translateX(-40px); }\r\n.reveal-right{ transform:translateX(40px); }\r\n\r\n.visible{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n\/* responsive *\/\r\n@media(max-width:1100px){\r\n  .ps-steel-showcase{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .ps-steel-metrics{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .ps-steel-feature-strip{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .ps-steel-process-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .ps-steel-image-wrap,\r\n  .ps-steel-image-wrap img{\r\n    min-height:auto;\r\n    height:540px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .ps-steel-page{\r\n    padding:90px 0;\r\n  }\r\n\r\n  .ps-steel-container{\r\n    width:min(100% - 24px, 1320px);\r\n  }\r\n\r\n  .ps-steel-hero h1{\r\n    font-size:40px;\r\n    letter-spacing:-1px;\r\n    line-height:1.02;\r\n  }\r\n\r\n  .ps-steel-hero p,\r\n  .ps-steel-section-head p{\r\n    font-size:15px;\r\n    line-height:1.85;\r\n  }\r\n\r\n  .ps-steel-metrics,\r\n  .ps-steel-process-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .ps-steel-image-wrap{\r\n    border-radius:20px;\r\n  }\r\n\r\n  .ps-steel-image-wrap img{\r\n    height:360px;\r\n  }\r\n\r\n  .ps-steel-badge{\r\n    left:16px;\r\n    right:16px;\r\n    bottom:16px;\r\n    min-width:auto;\r\n  }\r\n\r\n  .ps-steel-block,\r\n  .ps-steel-feature-card,\r\n  .ps-steel-process-card{\r\n    padding:22px;\r\n  }\r\n\r\n  .ps-steel-block h3,\r\n  .ps-steel-feature-card h3,\r\n  .ps-steel-process-card h3{\r\n    font-size:22px;\r\n  }\r\n\r\n  .ps-steel-final-btn{\r\n    min-width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const els = document.querySelectorAll('.reveal-up, .reveal-left, .reveal-right');\r\n\r\n  const obs = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, { threshold: 0.14 });\r\n\r\n  els.forEach((el) => obs.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>The Steel Spine ofRenewable Infrastructure. Engineered structural systems built for solar &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-4814","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/comments?post=4814"}],"version-history":[{"count":5,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4814\/revisions"}],"predecessor-version":[{"id":4831,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4814\/revisions\/4831"}],"wp:attachment":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/media?parent=4814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}