{"id":39,"date":"2026-09-04T15:01:56","date_gmt":"2026-09-04T15:01:56","guid":{"rendered":"https:\/\/avt.psu.edu\/?page_id=39"},"modified":"2026-09-26T13:45:30","modified_gmt":"2026-09-26T13:45:30","slug":"join-us","status":"publish","type":"page","link":"https:\/\/avt.psu.edu\/index.php\/join-us\/","title":{"rendered":"Join Us"},"content":{"rendered":"\n<!-- =========================================================\n     PENN STATE ADVANCED VEHICLE TEAM \u2014 JOIN US PAGE\n     Wider layout + consistent icon cards\n     ========================================================= -->\n\n<!-- =========================================================\n     1. HERO\n     ========================================================= -->\n\n<section class=\"avt-join-hero\">\n\n  <div class=\"avt-join-hero-inner\">\n\n    <span class=\"avt-join-label avt-label-light\">\n      JOIN OUR TEAM\n    <\/span>\n\n    <h1>\n      Build the Future of Mobility With Us\n    <\/h1>\n\n    <p>\n      Join the Penn State Advanced Vehicle Team and gain\n      hands-on experience developing intelligent and\n      sustainable vehicles.\n    <\/p>\n\n    <div class=\"avt-join-hero-buttons\">\n\n      <a href=\"#meetings\" class=\"avt-join-btn-primary\">\n        Attend a Meeting\n      <\/a>\n\n      <a\n        href=\"https:\/\/avt.psu.edu\/index.php\/teams\/\"\n        class=\"avt-join-btn-outline\">\n        Meet Our Team\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     2. WHY JOIN AVT\n     ========================================================= -->\n\n<section class=\"avt-join-section avt-join-white\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-join-heading\">\n\n      <span class=\"avt-join-label\">\n        WHY JOIN AVT\n      <\/span>\n\n      <h2>\n        Learn, Build, and Innovate\n      <\/h2>\n\n      <p>\n        Apply classroom knowledge to real-world automotive\n        challenges while working alongside students from\n        different disciplines.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"avt-card-grid avt-card-grid-four\">\n\n      <!-- HANDS-ON ENGINEERING -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M14.7 6.3a5 5 0 0 0-6.4 6.4L3 18l3 3 5.7-5.3a5 5 0 0 0 6.4-6.4L15 12l-3-3 2.7-2.7z\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Hands-On Engineering\n        <\/h3>\n\n        <p>\n          Participate in vehicle design, development,\n          integration, and testing through practical projects.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- TECHNICAL EXPERIENCE -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n            <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\"\/>\n\n            <path d=\"\n              M9 1v3\n              M15 1v3\n              M9 20v3\n              M15 20v3\n              M20 9h3\n              M20 15h3\n              M1 9h3\n              M1 15h3\n            \"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Technical Experience\n        <\/h3>\n\n        <p>\n          Explore autonomous driving, perception,\n          controls, electrification, software, and hardware.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- TEAMWORK -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Multidisciplinary Teamwork\n        <\/h3>\n\n        <p>\n          Collaborate with students in engineering,\n          computer science, business, and other disciplines.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- PROFESSIONAL DEVELOPMENT -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M22 10v6\"\/>\n            <path d=\"M2 10l10-5 10 5-10 5-10-5z\"\/>\n            <path d=\"M6 12v5c3.5 3 8.5 3 12 0v-5\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Professional Development\n        <\/h3>\n\n        <p>\n          Develop technical, leadership, communication,\n          and project management skills through experience.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     3. WHO CAN JOIN\n     ========================================================= -->\n\n<section class=\"avt-join-section avt-join-gray\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-join-centered\">\n\n      <span class=\"avt-join-label\">\n        WHO CAN JOIN\n      <\/span>\n\n      <h2>\n        Everyone Is Welcome\n      <\/h2>\n\n      <p>\n        AVT welcomes Penn State students from all majors\n        and experience levels. Whether you are interested\n        in engineering, autonomous vehicles, software,\n        business, or project management, there are\n        opportunities to get involved.\n      <\/p>\n\n      <p>\n        You do not need previous automotive experience\n        to attend a meeting, meet our members, and explore\n        the team.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     4. TEAM MEETINGS\n     ========================================================= -->\n\n<section\n  class=\"avt-join-section avt-join-white\"\n  id=\"meetings\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-join-heading\">\n\n      <span class=\"avt-join-label\">\n        TEAM MEETINGS\n      <\/span>\n\n      <h2>\n        Come Meet Us\n      <\/h2>\n\n      <p>\n        Attend a team meeting to learn about AVT,\n        meet current members, and explore projects.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"avt-card-grid avt-card-grid-three\">\n\n      <!-- WHEN -->\n      <article class=\"avt-icon-card avt-meeting-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n            <path d=\"m9 16 2 2 4-4\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>When<\/h3>\n\n        <p>\n          Monday and Wednesday\n        <\/p>\n\n        <strong>\n          6:00 PM \u2013 8:00 PM\n        <\/strong>\n\n      <\/article>\n\n\n      <!-- WHERE -->\n      <article class=\"avt-icon-card avt-meeting-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>Where<\/h3>\n\n        <p>\n          Energy and the Environment Laboratory (EEL)\n        <\/p>\n\n        <strong>\n          Penn State University Park\n        <\/strong>\n\n      <\/article>\n\n\n      <!-- WHO -->\n      <article class=\"avt-icon-card avt-meeting-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <h3>Who<\/h3>\n\n        <p>\n          Penn State students interested\n          in joining AVT\n        <\/p>\n\n        <strong>\n          All experience levels welcome\n        <\/strong>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     5. LOCATION\n     ========================================================= -->\n\n<section\n  class=\"avt-join-section avt-join-gray\"\n  id=\"location\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-location-grid\">\n\n      <div class=\"avt-location-content\">\n\n        <span class=\"avt-join-label\">\n          FIND US\n        <\/span>\n\n        <h2>\n          Where We Meet\n        <\/h2>\n\n        <p>\n          Our team meets at the Energy and the Environment\n          Laboratory on the Penn State University Park campus.\n        <\/p>\n\n\n        <div class=\"avt-location-info-card\">\n\n          <div class=\"avt-card-icon avt-small-icon\">\n\n            <svg viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\">\n\n              <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n          <div>\n\n            <strong>\n              Energy and the Environment Laboratory\n            <\/strong>\n\n            <span>\n              753 Hastings Road\n            <\/span>\n\n            <span>\n              University Park, PA 16802\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a\n          class=\"avt-directions-btn\"\n          href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Energy%20and%20the%20Environment%20Laboratory%2C%20753%20Hastings%20Road%2C%20University%20Park%2C%20PA%2016802\"\n          target=\"_blank\"\n          rel=\"noopener\">\n\n          Get Directions \u2197\n\n        <\/a>\n\n      <\/div>\n\n\n      <div class=\"avt-location-map\">\n\n        <iframe\n          title=\"Energy and the Environment Laboratory location\"\n          src=\"https:\/\/www.google.com\/maps?q=Energy%20and%20the%20Environment%20Laboratory%2C%20753%20Hastings%20Road%2C%20University%20Park%2C%20PA%2016802&amp;output=embed\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\"\n          allowfullscreen>\n        <\/iframe>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     6. HOW TO JOIN\n     ========================================================= -->\n\n<section class=\"avt-join-section avt-join-white\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-join-heading\">\n\n      <span class=\"avt-join-label\">\n        GETTING STARTED\n      <\/span>\n\n      <h2>\n        How to Join AVT\n      <\/h2>\n\n      <p>\n        Getting involved is simple. Start by attending\n        a meeting and exploring projects that interest you.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"avt-card-grid avt-card-grid-four\">\n\n      <!-- STEP 1 -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <span class=\"avt-step-label\">\n          STEP 01\n        <\/span>\n\n        <h3>\n          Attend a Meeting\n        <\/h3>\n\n        <p>\n          Visit a team meeting to learn about\n          AVT and our current work.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- STEP 2 -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n            <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06-2.83 2.83-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.1V21h-4v-.09A1.7 1.7 0 0 0 8.6 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06-2.83-2.83.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.1-.4H3v-4h.09A1.7 1.7 0 0 0 4.6 8.6a1.7 1.7 0 0 0-.34-1.88l-.06-.06 2.83-2.83.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.1V3h4v.09A1.7 1.7 0 0 0 15.4 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06 2.83 2.83-.06.06A1.7 1.7 0 0 0 19.4 9c.11.37.32.71.6 1 .3.29.66.49 1.1.6H21v4h-.09a1.7 1.7 0 0 0-1.51.4z\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <span class=\"avt-step-label\">\n          STEP 02\n        <\/span>\n\n        <h3>\n          Explore Subteams\n        <\/h3>\n\n        <p>\n          Discover opportunities in software, hardware,\n          CAV, propulsion, safety, testing, and project management.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- STEP 3 -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <span class=\"avt-step-label\">\n          STEP 03\n        <\/span>\n\n        <h3>\n          Meet Team Members\n        <\/h3>\n\n        <p>\n          Talk with student leaders and find an area\n          that matches your interests.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- STEP 4 -->\n      <article class=\"avt-icon-card\">\n\n        <div class=\"avt-card-icon\">\n\n          <svg viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\">\n\n            <path d=\"M5 12h14\"\/>\n            <path d=\"m13 6 6 6-6 6\"\/>\n            <circle cx=\"5\" cy=\"12\" r=\"2\"\/>\n\n          <\/svg>\n\n        <\/div>\n\n        <span class=\"avt-step-label\">\n          STEP 04\n        <\/span>\n\n        <h3>\n          Start Contributing\n        <\/h3>\n\n        <p>\n          Join practical projects and develop your\n          technical and teamwork skills.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     7. QUESTIONS\n     ========================================================= -->\n\n<section class=\"avt-questions-section\">\n\n  <div class=\"avt-join-inner\">\n\n    <div class=\"avt-questions-inner\">\n\n      <div class=\"avt-question-icon\">\n\n        <svg viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\">\n\n          <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n          <path d=\"M9.5 9a2.7 2.7 0 1 1 4.5 2c-1 .7-2 1.2-2 3\"\/>\n          <path d=\"M12 18h.01\"\/>\n\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"avt-question-copy\">\n\n        <h2>\n          Have Questions Before Joining?\n        <\/h2>\n\n        <p>\n          Meet our faculty advisors, student leaders,\n          and the people behind AVT.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        href=\"https:\/\/avt.psu.edu\/index.php\/teams\/\"\n        class=\"avt-questions-btn\">\n\n        Meet the Team \u2192\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     8. FINAL CTA\n     ========================================================= -->\n\n<section class=\"avt-join-final\">\n\n  <div class=\"avt-join-final-inner\">\n\n    <span class=\"avt-join-label avt-label-light\">\n      GET INVOLVED\n    <\/span>\n\n    <h2>\n      Your AVT Journey Starts Here\n    <\/h2>\n\n    <p>\n      Join us at a team meeting and discover\n      how you can help shape the future of mobility.\n    <\/p>\n\n    <div class=\"avt-final-buttons\">\n\n      <a href=\"#meetings\" class=\"avt-join-btn-primary\">\n        Attend a Meeting\n      <\/a>\n\n      <a href=\"#location\" class=\"avt-join-btn-outline\">\n        View Location\n      <\/a>\n\n      <a\n        href=\"https:\/\/avt.psu.edu\/index.php\/teams\/\"\n        class=\"avt-join-btn-outline\">\n        Meet the Team\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CSS\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   GLOBAL\n   ========================================================= *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nhtml,\nbody {\n  overflow-x: clip;\n}\n\n\/*\n  Do NOT reset body padding.\n  Your shared fixed AVT header manages it.\n*\/\n\n\n\/* =========================================================\n   WORDPRESS WIDTH RESET\n   ========================================================= *\/\n\n.wp-block-post-content:has(.avt-join-hero),\n.entry-content:has(.avt-join-hero),\n.wp-block-html:has(.avt-join-hero) {\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin-top: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   FULL WIDTH SECTIONS\n   ========================================================= *\/\n\n.avt-join-hero,\n.avt-join-section,\n.avt-questions-section,\n.avt-join-final {\n\n  position: relative;\n\n  left: 50%;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-left: -50vw !important;\n  margin-right: 0 !important;\n\n  box-sizing: border-box;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n.avt-join-hero *,\n.avt-join-section *,\n.avt-questions-section *,\n.avt-join-final * {\n\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   WIDER INNER CONTENT\n   ========================================================= *\/\n\n.avt-join-inner {\n\n  width: calc(100% - 80px);\n\n  max-width: 1440px;\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   LABELS\n   ========================================================= *\/\n\n.avt-join-label {\n\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: #24487d;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n}\n\n.avt-label-light {\n\n  color: #b5cffc;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.avt-join-hero {\n\n  padding: 36px 20px 40px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background:\n    linear-gradient(\n      110deg,\n      #14264b,\n      #2a4277\n    );\n\n  color: white;\n}\n\n.avt-join-hero-inner {\n\n  width: 100%;\n\n  max-width: 850px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n.avt-join-hero h1 {\n\n  margin: 0 0 13px;\n\n  color: white;\n\n  font-size:\n    clamp(\n      30px,\n      3.2vw,\n      43px\n    );\n\n  font-weight: 900;\n\n  line-height: 1.15;\n\n  letter-spacing: -0.5px;\n}\n\n.avt-join-hero p {\n\n  max-width: 650px;\n\n  margin:\n    0\n    auto\n    19px;\n\n  color: #e2e9f6;\n\n  font-size: 15px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.avt-join-hero-buttons,\n.avt-final-buttons {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 13px;\n}\n\n.avt-join-btn-primary,\n.avt-join-btn-outline {\n\n  display: inline-block;\n\n  padding:\n    11px\n    22px;\n\n  border-radius: 6px;\n\n  font-size: 14px;\n\n  font-weight: 800;\n\n  text-decoration: none !important;\n\n  transition:\n    transform\n    0.2s ease,\n    background\n    0.2s ease;\n}\n\n.avt-join-btn-primary {\n\n  background: white;\n\n  color:\n    #203b70 !important;\n}\n\n.avt-join-btn-primary:hover {\n\n  background: #dce8fb;\n\n  transform:\n    translateY(-2px);\n}\n\n.avt-join-btn-outline {\n\n  border:\n    1px solid\n    #b0c4e6;\n\n  background: transparent;\n\n  color:\n    white !important;\n}\n\n.avt-join-btn-outline:hover {\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      0.13\n    );\n\n  transform:\n    translateY(-2px);\n}\n\n\n\/* =========================================================\n   PAGE SECTIONS\n   ========================================================= *\/\n\n.avt-join-section {\n\n  padding:\n    58px\n    24px;\n}\n\n.avt-join-white {\n\n  background: white;\n}\n\n.avt-join-gray {\n\n  background:\n    #f4f6f8;\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n   ========================================================= *\/\n\n.avt-join-heading {\n\n  max-width: 900px;\n\n  margin:\n    0\n    auto\n    34px;\n\n  text-align: center;\n}\n\n.avt-join-heading h2,\n.avt-join-centered h2,\n.avt-location-content h2 {\n\n  margin:\n    0\n    0\n    13px;\n\n  color: #14233d;\n\n  font-size:\n    clamp(\n      26px,\n      3vw,\n      37px\n    );\n\n  font-weight: 800;\n\n  line-height: 1.2;\n}\n\n.avt-join-heading p,\n.avt-join-centered p {\n\n  margin: 0;\n\n  color: #566273;\n\n  font-size: 16px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   CARD GRIDS\n   ========================================================= *\/\n\n.avt-card-grid {\n\n  display: grid;\n\n  width: 100%;\n\n  gap: 22px;\n}\n\n.avt-card-grid-four {\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(\n        0,\n        1fr\n      )\n    );\n}\n\n.avt-card-grid-three {\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(\n        0,\n        1fr\n      )\n    );\n}\n\n\n\/* =========================================================\n   UNIVERSAL ICON CARDS\n   ========================================================= *\/\n\n.avt-icon-card {\n\n  min-width: 0;\n\n  padding:\n    28px\n    22px;\n\n  background:\n    #f7f9fc;\n\n  border:\n    1px solid\n    #e2e8f1;\n\n  border-radius:\n    12px;\n\n  text-align: center;\n\n  box-shadow:\n    0\n    5px\n    20px\n    rgba(\n      20,\n      38,\n      75,\n      0.04\n    );\n\n  transition:\n    transform\n    0.22s ease,\n    box-shadow\n    0.22s ease;\n}\n\n.avt-icon-card:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0\n    13px\n    28px\n    rgba(\n      20,\n      38,\n      75,\n      0.09\n    );\n}\n\n\n\/* =========================================================\n   ICON CONTAINER\n   ========================================================= *\/\n\n.avt-card-icon {\n\n  width: 68px;\n  height: 68px;\n\n  margin:\n    0\n    auto\n    18px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background:\n    #e8f0fb;\n\n  color:\n    #31558e;\n\n  border-radius:\n    16px;\n}\n\n.avt-card-icon svg {\n\n  width: 34px;\n  height: 34px;\n\n  display: block;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n   ========================================================= *\/\n\n.avt-icon-card h3 {\n\n  margin:\n    0\n    0\n    11px;\n\n  color:\n    #172e52;\n\n  font-size:\n    20px;\n\n  font-weight:\n    800;\n\n  line-height:\n    1.3;\n}\n\n.avt-icon-card p {\n\n  margin: 0;\n\n  color:\n    #566273;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.62;\n}\n\n\n\/* =========================================================\n   MEETING CARDS\n   ========================================================= *\/\n\n.avt-meeting-card {\n\n  min-height:\n    270px;\n\n  display: flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n}\n\n.avt-meeting-card strong {\n\n  display: block;\n\n  margin-top: 12px;\n\n  color:\n    #24487d;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.5;\n}\n\n\n\/* =========================================================\n   WHO CAN JOIN\n   ========================================================= *\/\n\n.avt-join-centered {\n\n  max-width: 900px;\n\n  margin:\n    0\n    auto;\n\n  text-align: center;\n}\n\n.avt-join-centered p {\n\n  margin:\n    0\n    auto\n    15px;\n}\n\n\n\/* =========================================================\n   LOCATION\n   ========================================================= *\/\n\n.avt-location-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    1.25fr;\n\n  align-items: center;\n\n  gap: 55px;\n}\n\n.avt-location-content p {\n\n  max-width: 580px;\n\n  margin:\n    0\n    0\n    22px;\n\n  color:\n    #566273;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.65;\n}\n\n\n\/* LOCATION CARD *\/\n\n.avt-location-info-card {\n\n  max-width: 580px;\n\n  margin-bottom: 24px;\n\n  padding: 20px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 18px;\n\n  background:\n    #ffffff;\n\n  border:\n    1px solid\n    #dfe6ef;\n\n  border-radius:\n    12px;\n\n  box-shadow:\n    0\n    5px\n    18px\n    rgba(\n      20,\n      38,\n      75,\n      0.04\n    );\n}\n\n.avt-small-icon {\n\n  width: 54px;\n\n  height: 54px;\n\n  margin: 0;\n\n  flex-shrink: 0;\n}\n\n.avt-small-icon svg {\n\n  width: 28px;\n\n  height: 28px;\n}\n\n.avt-location-info-card strong {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  color:\n    #24487d;\n\n  font-size:\n    17px;\n}\n\n.avt-location-info-card span {\n\n  display: block;\n\n  color:\n    #566273;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.5;\n}\n\n\n\/* MAP *\/\n\n.avt-location-map {\n\n  height:\n    350px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    #dce4ef;\n\n  border-radius:\n    12px;\n\n  box-shadow:\n    0\n    8px\n    24px\n    rgba(\n      20,\n      38,\n      75,\n      0.07\n    );\n}\n\n.avt-location-map iframe {\n\n  display: block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  border:\n    0;\n}\n\n\n\/* DIRECTIONS *\/\n\n.avt-directions-btn {\n\n  display:\n    inline-block;\n\n  padding:\n    12px\n    23px;\n\n  border-radius:\n    6px;\n\n  background:\n    #24487d;\n\n  color:\n    white !important;\n\n  font-size:\n    14px;\n\n  font-weight:\n    800;\n\n  text-decoration:\n    none !important;\n}\n\n.avt-directions-btn:hover {\n\n  background:\n    #172e52;\n}\n\n\n\/* =========================================================\n   HOW TO JOIN\n   ========================================================= *\/\n\n.avt-step-label {\n\n  display: block;\n\n  margin-bottom:\n    8px;\n\n  color:\n    #7291bc;\n\n  font-size:\n    11px;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    1.4px;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   QUESTIONS\n   ========================================================= *\/\n\n.avt-questions-section {\n\n  padding:\n    42px\n    24px;\n\n  background:\n    #eaf0f8;\n}\n\n.avt-questions-inner {\n\n  display: grid;\n\n  grid-template-columns:\n    auto\n    1fr\n    auto;\n\n  align-items:\n    center;\n\n  gap:\n    22px;\n}\n\n.avt-question-icon {\n\n  width:\n    60px;\n\n  height:\n    60px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  background:\n    #dbe7f7;\n\n  color:\n    #31558e;\n\n  border-radius:\n    14px;\n}\n\n.avt-question-icon svg {\n\n  width:\n    30px;\n\n  height:\n    30px;\n}\n\n.avt-question-copy h2 {\n\n  margin:\n    0\n    0\n    7px;\n\n  color:\n    #24487d;\n\n  font-size:\n    25px;\n}\n\n.avt-question-copy p {\n\n  margin:\n    0;\n\n  color:\n    #526278;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.6;\n}\n\n.avt-questions-btn {\n\n  display:\n    inline-block;\n\n  padding:\n    12px\n    22px;\n\n  border-radius:\n    6px;\n\n  background:\n    #24487d;\n\n  color:\n    white !important;\n\n  font-size:\n    14px;\n\n  font-weight:\n    800;\n\n  text-decoration:\n    none !important;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.avt-join-final {\n\n  padding:\n    62px\n    24px;\n\n  background:\n    #10254c;\n\n  color:\n    white;\n\n  text-align:\n    center;\n}\n\n.avt-join-final-inner {\n\n  max-width:\n    900px;\n\n  margin:\n    0\n    auto;\n}\n\n.avt-join-final h2 {\n\n  margin:\n    0\n    0\n    15px;\n\n  color:\n    white;\n\n  font-size:\n    clamp(\n      27px,\n      3vw,\n      38px\n    );\n\n  font-weight:\n    900;\n}\n\n.avt-join-final p {\n\n  max-width:\n    650px;\n\n  margin:\n    0\n    auto\n    24px;\n\n  color:\n    #dbe5f3;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.65;\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n.avt-join-hero a:focus-visible,\n.avt-join-section a:focus-visible,\n.avt-questions-section a:focus-visible,\n.avt-join-final a:focus-visible {\n\n  outline:\n    3px solid\n    #9fc8ff;\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   ANCHOR OFFSET\n   ========================================================= *\/\n\n#meetings,\n#location {\n\n  scroll-margin-top:\n    150px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .avt-join-inner {\n\n    width:\n      calc(\n        100% - 50px\n      );\n  }\n\n  .avt-card-grid-four {\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(\n          0,\n          1fr\n        )\n      );\n  }\n\n  .avt-location-grid {\n\n    gap:\n      30px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .avt-join-inner {\n\n    width:\n      calc(\n        100% - 38px\n      );\n  }\n\n  .avt-join-hero {\n\n    padding:\n      33px\n      18px\n      37px;\n  }\n\n  .avt-join-hero h1 {\n\n    font-size:\n      clamp(\n        29px,\n        7vw,\n        37px\n      );\n  }\n\n  .avt-join-hero p {\n\n    font-size:\n      14px;\n  }\n\n  .avt-join-section {\n\n    padding:\n      48px\n      0;\n  }\n\n  .avt-card-grid-three {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .avt-meeting-card {\n\n    min-height:\n      auto;\n  }\n\n  .avt-location-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .avt-location-map {\n\n    height:\n      300px;\n  }\n\n  .avt-questions-inner {\n\n    grid-template-columns:\n      auto\n      1fr;\n\n    align-items:\n      start;\n  }\n\n  .avt-questions-btn {\n\n    grid-column:\n      1 \/ -1;\n\n    justify-self:\n      start;\n  }\n\n  .avt-join-final {\n\n    padding:\n      52px\n      20px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 540px) {\n\n  .avt-join-inner {\n\n    width:\n      calc(\n        100% - 30px\n      );\n  }\n\n  .avt-card-grid-four,\n  .avt-card-grid-three {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .avt-icon-card {\n\n    padding:\n      25px\n      20px;\n  }\n\n  .avt-join-hero-buttons,\n  .avt-final-buttons {\n\n    gap:\n      10px;\n  }\n\n  .avt-location-map {\n\n    height:\n      270px;\n  }\n\n  .avt-location-info-card {\n\n    align-items:\n      flex-start;\n  }\n\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>JOIN OUR TEAM Build the Future of Mobility With Us Join the Penn State Advanced Vehicle Team and gain hands-on experience developing intelligent and sustainable vehicles. Attend a Meeting Meet Our Team WHY JOIN AVT Learn, Build, and Innovate Apply classroom knowledge to real-world automotive challenges while working alongside students from different disciplines. Hands-On Engineering [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":9,"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/avt.psu.edu\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}