/* ==========================================================================
   RESET & BASE STYLES
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
  font-family: Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #1a2d40;
  margin: 0;
  overflow-x: hidden;
}

/* ==========================================================================
   CONTAINER & COMMON STRUCTURE
   ========================================================================== */
.container {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ==========================================================================
   HEADER & NAVIGATION
   ========================================================================== */
header {
  height: 160px;
  display: flex;
  align-items: center;
  background: #010c1b;
  padding-top: 5px;
}

header .container {
  display: flex;
  align-items: center;
  height: 100%;
  color: #fef3e4;
}

.logo {
  height: 150px;
  width: auto;
  max-height: 100%;
}

.header-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 20px;
  flex-grow: 1;
  height: 125px;
}

.tagline {
  font-size: 16px;
  margin-bottom: 3.625rem;
  text-align:center;
  white-space: normal;
  width: 95%;
  font-style: italic;
}

header nav ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

header nav ul li {
  margin-left: 20px;
}

header nav ul li a {
  text-decoration: none;
  color: white;
}

header nav ul li a:hover {
  text-decoration: underline;
  color: lightskyblue;
}

/* ==========================================================================
   MAIN & FOOTER
   ========================================================================== */
main {
  flex: 1 0 auto;
  padding: 20px 0;
  overflow:hidden;
}
.ContactInfoStandard {
  display:block;
}
.ContactInfoMobile {
  display:none;
}

footer {
  background-color: #010c1b;
  color: #fef3e4;
  text-align: center;
  padding: 10px 0;
  flex-shrink: 0;
}

/* ==========================================================================
   UTILITY BACKGROUND CLASSES
   ========================================================================== */
.BG1 { background: #6f9ac5; }
.BG2 { background: rgba(26, 45, 64, 0); }
.BG3, .BG4 { background: linear-gradient(180deg, #000, #ffcd00); }
.BG5 { background: red; }
.BG6 { background: linear-gradient(160deg, #fbffe9, transparent); }
.BG7 { background: linear-gradient(210deg, #fbffe9, transparent); }
.BG8 { background: linear-gradient(260deg, #ffd369, #ffca00); }
.BG9 { background: linear-gradient(460deg, #ffd369, #ffca00); }

/* ==========================================================================
   PAGE DISPLAY PANELS & TEAM SELECT ARROWS
   ========================================================================== */
/* Panels are hidden off-screen until given the "PageShowing" class */
.PageDisplayPanel {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #000b19;
}
.PageDisplayPanel.PageShowing {
  display: block;
  left: 0;
  opacity: 1;
  z-index: 1;
}

/* Arrows for team selection (hidden by default) */
.TeamSelectArrow {
  display: none;
  position: fixed;
  z-index: 100;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 5rem;
  width: 2rem;
  background: #ffe44b;
  border: 0.125rem solid #054595;
  box-shadow: 1px 0 1rem 0 #010c1b;
  cursor: pointer;
}
.TeamSelectArrow.LeftArrow {
  left: calc((100% - min(1200px, 90%)) / 2 - 2rem);
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
.TeamSelectArrow.RightArrow {
  right: calc((100% - min(1200px, 90%)) / 2 - 2rem);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}

/* ==========================================================================
   CONTENT CONTAINERS & TYPOGRAPHY
   ========================================================================== */
.ContentContainer {
  width: 100%;
  font-size: 0.875rem;
  padding: 1rem;
  padding-bottom: 2.125rem;
}

/* Front page blocks */
.FrontPageDescription,
.FrontPageContact {
  width: 95%;
  max-width: 1080px;
  margin-top: 1vh;
  margin-left: 10%;
}
.FrontPageContact {
  margin-top: 4rem;
}

/* Contact Section */
.ContactInfoTitleStandard, .ContactInfoTitleMobile {
  color: white;
  font-size: 2.125rem;
  margin-left: -2px;
  letter-spacing: 0.125rem;
  font-weight: 100;
  height: 4.5rem;
  text-decoration: underline;
}
.ContactInfoTitleMobile {
  display:none;
}
.ContactQRCode {
  width: 20%;
  float: left;
  margin: 0.375rem 2.5% 0 12.5%;
}
.ContactMoreDetails {
  width: 57.5%;
  margin-left: 6.25%;
  float: left;
  height: 10rem;
}
.ContactName {
  color: #ffc954;
  font-size: 1.925rem;
  font-family: monospace;
  letter-spacing: 0.0625rem;
}
.ContactTitle {
  color: gold;
  font-size: 1.0875rem;
  letter-spacing: 0.25rem;
  padding: 0.5rem 0 2rem;
}
.ContactEmailArea,
.ContactLinkedInArea {
  height: 2rem;
  width:92.5%;
}
.ContactEmailLink {
  color: #d1d6dd;
  text-decoration: underline;
  padding-top: 2rem;
  font-size: 1.0625rem;
  letter-spacing: 0.125rem;
}
.ContactLinkedInLink {
  color: #1fc4fb;
  text-decoration: underline;
  font-size: 1.0625rem;
  letter-spacing: 0.125rem;
}

/* ==========================================================================
   MODULES & LAYOUT COMPONENTS
   ========================================================================== */
/* (Grouped common layout for Lead/Standard areas, member picture, details, etc.)
   Many of these selectors were originally defined individually; here they’re
   grouped where possible to reduce redundancy.
*/

/* General two‐column layout for areas */
.Area_Left,
.Area_Right {
  float: left;
  width: 50%;
  padding: 0.25em;
}

/* Adjustments for left/right areas within specific lead sections */
.LeadArea_1 .Area_Left,
.LeadArea_2 .Area_Left {
  width: 49%;
  margin-right: 1%;
}
.LeadArea_1 .Area_Right,
.LeadArea_2 .Area_Right {
  width: 49%;
  margin-left: 1%;
}
.LeadArea_3 .Area_Left,
.LeadArea_4 .Area_Left,
.LeadArea_5 .Area_Left {
  height: calc(13.5rem - 0.5em);
  width: 49%;
  margin-right: 1%;
  padding-right: 1.5%;
}
.LeadArea_3 .Area_Left { width: 47.5%; margin-right: 2.5%; }
.LeadArea_4 .Area_Left {
  padding-left: 1.5%;
  margin-right: 1%;
  padding-right: 0;
}
.LeadArea_5 .Area_Left { height: calc(12.25rem - 0.5em); }
.StandardArea_1 .Area_Left {
  width: 49%;
  margin-left: 1%;
  height: calc(7.5rem - 0.5em);
}
.LeadArea_3 .Area_Right,
.LeadArea_4 .Area_Right,
.LeadArea_5 .Area_Right {
  height: calc(13.5rem - 0.5em);
  width: 49%;
  margin-left: 1%;
  padding-left: 1.5%;
}
.LeadArea_3 .Area_Right { width: 47.5%; margin-left: 2.5%; }
.LeadArea_4 .Area_Right {
  padding-right: 1.5%;
  width: 49%;
  margin-right: 1%;
  margin-left: 0;
  padding-left: 0;
}
.LeadArea_5 .Area_Right { height: calc(12.25rem - 0.5em); }
.StandardArea_1 .Area_Right {
  width: 49%;
  margin-right: 1%;
  height: calc(7.5rem - 0.5em);
}

/* Member Picture & Details */
.MemberPicture {
  float: left;
  width: 40%;
  height: calc(15rem - 0.5em);
  padding: 0.25em 2.5%;
  background: url('PlaceholderProfile.jpg') no-repeat center/contain;
}
.LeadArea_3 .MemberPicture,
.LeadArea_4 .MemberPicture,
.LeadArea_5 .MemberPicture {
  width: 39.125%;
  height: calc(13rem - 0.5em);
}
.LeadArea_5 .MemberPicture { height: calc(12.25rem - 0.5em); }
.StandardArea_1 .MemberPicture { height: calc(7.25rem - 0.5em); }
.Area_Left .MemberPicture,
.Area_Right .MemberPicture { width: 39%; margin: 0 1%; }

.DetailsArea {
  float: left;
  width: 60%;
  height: calc(15rem - 0.5em);
  padding: 0.25em 2.5%;
  padding-top: 2rem;
}
.LeadArea_1.Area_Left .DetailsArea,
.LeadArea_2.Area_Left .DetailsArea,
.LeadArea_1.Area_Right .DetailsArea,
.LeadArea_2.Area_Right .DetailsArea {
  width: 58.75%;
  margin: 1.25%;
}
.LeadArea_3 .DetailsArea,
.LeadArea_4 .DetailsArea,
.LeadArea_5 .DetailsArea {
  height: calc(13rem - 0.5em);
  padding-top: 1.25rem;
}
.LeadArea_5 .DetailsArea { height: calc(11.875rem - 0.5em); }
.StandardArea_1 .DetailsArea {
  height: calc(7.125rem - 0.5em);
  padding-top: 0.625rem;
}

/* Member Flag */
.MemberFlag {
  position: absolute;
  top: 0.25em;
  width: 5.25em;
  height: 3.5em;
  background: url('FranceFlag.png') no-repeat;
  background-size: 100% 100%;
}
.LeadArea_1 .Area_Left .MemberFlag,
.LeadArea_2 .Area_Left .MemberFlag,
.LeadArea_3 .Area_Left .MemberFlag,
.StandardArea .Area_Right .MemberFlag,
.LeadArea_4 .Area_Left .MemberFlag,
.LeadArea_5 .Area_Left .MemberFlag { right: 0.275em; }
.LeadArea_1 .Area_Right .MemberFlag,
.LeadArea_2 .Area_Right .MemberFlag,
.LeadArea_3 .Area_Right .MemberFlag,
.StandardArea .Area_Left .MemberFlag,
.LeadArea_4 .Area_Right .MemberFlag,
.LeadArea_5 .Area_Right .MemberFlag { left: 0.275em; }
.LeadArea_1 .MemberFlag,
.LeadArea_2 .MemberFlag { width: 6em; height: 4em; }
.StandardArea .MemberFlag { width: 4.5em; height: 3em; }
.LeadArea_4 .MemberFlag,
.LeadArea_5 .MemberFlag { width: 7.5em; height: 5em; }

/* Text Elements */
.MemberName {
  font-weight: bold;
  font-size: 1.5em;
  height: 2.25rem;
}
.Area_Right .MemberName { text-align: right; }
.StandardArea_1 .MemberName,
.StandardArea_1 .Area_Right .MemberName,
.StandardArea_1 .Area_Left .MemberName {
  height: 1.75rem;
}
.RoleTitle {
  font-size: 1.25em;
  letter-spacing: 0.0625rem;
  text-decoration: underline;
  text-transform: uppercase;
  height: 3.75rem;
}
.Area_Right .RoleTitle { text-align: right; }
.LeadArea_3 .RoleTitle,
.LeadArea_4 .RoleTitle,
.LeadArea_5 .RoleTitle { height: 3rem; }
.LeadArea_5 .RoleTitle { height: 2.5rem; }
.StandardArea_1 .RoleTitle { height: 1.875rem; }
.StandardArea_1 .Area_Right .RoleTitle,
.StandardArea_1 .Area_Left .RoleTitle { height: 2.25rem; }

/* Link Areas */
.LinkAreaLeft,
.LinkAreaRight {
  width: 100%;
  height: calc(3rem - 0.5em);
  padding: 0.25em 2.5%;
  margin-top: 0.125rem;
}
.StandardArea_1 .LinkAreaLeft,
.StandardArea_1 .LinkAreaRight {
  height: calc(2.125rem - 0.5em);
}
.LinkTitle {
  height: 2rem;
  padding-top: 0.75rem;
}
.LinkAreaLeft .LinkTitle { float: left; padding-left: 1rem; }
.LinkAreaRight .LinkTitle { float: right; padding-right: 1rem; }
.StandardArea_1 .LinkTitle { padding-top: 0.425rem; }
.LinkTitleAnchor {
  font-size: 1.125em;
  font-weight: bold;
  color: #0569d3;
  text-decoration: none;
}
.LinkTitleAnchor:hover { color: #1db3e5; }
.LinkIconPicture {
  width: 2rem;
  height: 2rem;
  background: url('PlaceholderIcon.jpeg') no-repeat center/cover;
}
.LinkAreaLeft .LinkIconPicture { float: left; }
.LinkAreaRight .LinkIconPicture { float: right; }
.StandardArea_1 .LinkIconPicture { width: 1.5rem; height: 1.5rem; }

/* ==========================================================================
   MAIN HEADING & COMPANY INTRO
   ========================================================================== */
.MainHeadingArea {
  background: rgba(255, 255, 255, 0.4);
  padding: 1rem;
}
.FeaturedImage {
  float: left;
  width: 10rem;
  height: 10rem;
  background: url('NovaMacCourt.jpg') no-repeat center/cover;
  margin-bottom: 1.625rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
}
.MainHeadingsArea {
  float: left;
  width: calc(100% - 11rem);
  margin-left: 1rem;
  height: 10rem;
  font-size: 1.5em;
  letter-spacing: 0.0375rem;
  margin-bottom: 1.625rem;
  line-height: 1.25rem;
  padding-top: 0.625rem;
}
.MainHeading {
  width: 100%;
  height: 3.5rem;
}
.MainHeadingText { 
  font-weight: bold; 
  float:left;
  padding-left:0.5rem;
} 
.CompanyIntro {
  clear: left;
  margin-top: 2.5rem;
  margin-bottom: 0.125rem;
  font-size: 1.625em;
  letter-spacing: 0.025rem;
  width: 97.5%;
}

/* ==========================================================================
   ANNUAL REPORT & SIDEBAR SECTIONS
   ========================================================================== */
.AnnualReportArea {
  font-weight: bold;
  letter-spacing: 0.125rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.4);
  clear:left;
}
.AnnualReportArea.Year1Area { height: 23.25rem; }
.AnnualReportArea.Year2Area { height: 64.75rem; border-bottom: none; }
.PageTitle {
  width: 90%;
  font-size: 2rem;
  height: 3.75rem;
}
.PageWriteup {
  font-size: 1.0625rem;
  letter-spacing: 0.075rem;
  line-height: 1.25rem;
  margin-top: -1rem;
}
.YearSideBarLeft {
  float: left;
  width: calc(100% - 23rem);
  margin-right: 3rem;
}
.YearSideBarRight {
  float: left;
  padding-left: 1.5rem;
}
.YearSideBarArea {
  width: 20rem;
  height: 8.5rem;
  border-left: 2px solid #000;
  margin-top: -3rem;
  padding-top: 0.5rem;
}
.AnnualDetailsPairedArea {
  float: left;
  width: 100%;
  height: 3.75rem;
  margin-right: 1.5%;
}
.AnnualDetailsPairedAreaPart { width: 100%; }
.AnnualDetailsNumber {
  float: left;
  width: calc(6rem - 4px);
  height: calc(3rem - 4px);
  margin: 0.5rem;
  font-size: 2rem;
  padding: 0.125rem;
  border: 2px solid #fff;
  border-radius: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
}
.AnnualDetailsText {
  float: left;
  font-size: 1.5rem;
  letter-spacing: 0.09375rem;
  margin-top: 1rem;
  margin-left: 0.25rem;
}
.YearBottomBarArea {
  float: left;
  margin-top: 1.875rem;
  height: 12rem;
  width: calc(25% - 1rem);
  margin-right: 1rem;
}
.YearBottomBarAreaSecond {
    overflow: hidden;
    float: left;
    margin-top: 1.5rem;
    height: 12rem;
    width: 75%;
    min-width: 350px;
    max-width: calc(100% - 350px);
}
.SuccessStoryWriteup {
  float: left;
  padding-left: 1rem;
  border-left: 2px solid #000;
  margin-left: 1rem;
  width: calc(30rem - 2px);
  height: 12rem;
  padding-top: 1rem;
}
.SuccessStoryTitle {
  font-size: 1.625rem;
  height: 2.5rem;
  text-align: center;
  border-bottom: 2px solid #000;
  margin-bottom: 1rem;
}
.SuccessStoryText {
  font-size: 0.875rem;
  height: 6rem;
  text-align: left;
  line-height: 1.125rem;
}
.SuccessStoryVideo {
  float: left;
  height: 12rem;
  margin: 0 1.5rem 0 0.5rem;
  width: calc(100% - 33rem);
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.SuccessStoryVideo:hover {
  box-shadow: 1px 0 1rem 0 #010c1b;
  border: 1px solid gold;
}

/* ==========================================================================
   NEWS, ADVISORS & TALENT SECTIONS
   ========================================================================== */
.NewsArea2024 {
  float: left;
  width: calc(65% - 1rem);
  max-width: 718px;
  margin: 1.25rem 1rem 0 0;
}
.AdvisorContainer {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 11.625rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  padding: 0.75rem 0.5rem;
}
.AdvisorProfilePicture {
  float: left;
  margin-right: calc(1rem - 2px);
  background: green;
  width: 10rem;
  max-width: 160px;
  height: 10rem;
  max-height: 160px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.RalphDamato { background: url('RalphDamato.jpeg') no-repeat center/cover; }
.KayraKeriKupcu { background: url('KayraKeriKupcu.png') no-repeat center/cover; }
.ChristopherAnjos { background: url('ChristopherAnjos.jpeg') no-repeat center/cover; }
.TatianaParshina { background: url('TatianaParshina.jpeg') no-repeat top/105% 105%; }
.AdvisorProfileTitlesArea {
  float: left;
  width: calc(100% - 11rem);
  height: 10rem;
}
.AdvisorProfileName {
  font-weight: bold;
  font-size: 1.5rem;
  height: 2rem;
}
.AdvisorSpeciality { font-size: 1.0125rem; height: 1.75rem; }
.AdvisorProfileTitle {
  margin-left: 0.5vw;
  font-size: 1.0125rem;
  height: 1.75rem;
}
.AdvisorSummary {
  width: 100%;
  font-size: 0.925rem;
  letter-spacing: 1px;
  line-height: 1.25rem;
  margin-top: 1.25rem;
  text-indent: 1.5vw;
}
.Year2Area.YearSideBarLeft { height: 10rem; }
.Year2Area .YearSideBarArea {
  height: 11.875rem;
  margin-top: -3.5rem;
}
.SideArea2024 {
  float: left;
  height: 49.425rem;
  width: 35%;
  max-width: 395px;
  background: rgba(252, 252, 252, 0.58);
  margin-top: 1.275rem;
}
.KeyPositionsTitle {
  text-align: center;
  font-size: 1.5rem;
  text-decoration: underline;
  height: 3.75rem;
  margin-top: 2rem;
}
.TopTalentTitle {
  text-align: center;
  font-size: 1.5rem;
  text-decoration: underline;
  height: 5.875rem;
  margin-top: 1.5rem;
  padding-top: 2rem;
  border-top: 5px solid #a9c2dc;
}
.KeyPositionPair {
  width: 95%;
  margin: 0.5rem auto;
  height: 5rem;
}
.KeyPositionAdIcon {
  float: left;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0.25rem;
  background: url('StrategicAdvisors.jpeg') no-repeat center/cover;
  border-radius: 5px;
}
.KeyPositionAdPair {
  float: left;
  margin-left: 0.75rem;
  width: calc(100% - 6rem);
}
.KeyPositionAdTitle {
  font-size: 1.5625rem;
  margin-top: 0.75rem;
}
.KeyPositionAdSpecialty {
  font-size: 1.25rem;
  font-weight: bold;
}
.TopTalentPairArea {
  width: 92.5%;
  margin: 0.375rem auto;
  height: 3rem;
}
.TopTalentInfoPair {
  float: left;
  width: 50%;
  height: 4.25rem;
}
.TopTalentInfoPairLeft { clear: left; }
.TopTalentAdIcon {
  float: left;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0.125rem;
  background: url('TopTalent.jpeg') no-repeat center/cover;
  border-radius: 5px;
}
.TopTalentAdTitle {
  float: left;
  width: calc(100% - 4.5rem);
  margin-left: 0.5rem;
  font-size: 1.0125rem;
  height: 1rem;
  margin-top: 0.5rem;
}
.TalentPositionsSeperator {
  height: 2.75rem;
  border-bottom: 5px solid #a9c2dc;
}
.TalentPositionsLearnMoreButton {
  clear: left;
  height: 3.375rem;
  border: 2px solid #0088c6;
  border-radius: 5px;
  padding: 0.5rem;
  padding-top: 0.875rem;
  background: #003f96;
  color: white;
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
  width: 12rem;
  margin: 0.8125rem auto;
  cursor: pointer;
}
.TalentPositionsLearnMoreButton:hover {
  background: #008aca;
  border: 2px solid #f5b201;
}
.TalentPositionsLearnMore {
  font-size: 1.75rem;
  height: 2rem;
  text-decoration: underline;
}

/* ==========================================================================
   PAGE 2 (Discord & Strategic Advisors)
   ========================================================================== */
.Page2 {
  padding-bottom: 0.125rem;
}

/* Discord Section */
.DiscordArea {
  width: 100%;
  padding-top: 1rem;
  margin-top: 0.5rem;
  height: 23rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #ccc;
  border-radius: 3px;
}
.DiscordIconArea {
  float: left;
  width: 25%;
  margin: 0 auto;
  height: 20rem;
  margin-bottom: 5rem;
  text-align: center;
  padding-top: 1rem;
  cursor: pointer;
}
.DiscordIconArea:hover {
  box-shadow: -1px 0 1rem 0 #010c1b;
  border-radius: 50px;
}
.DiscordIcon {
  width: 15rem;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 100%;
  box-shadow: -1px 0 1rem 0 #010c1b;
}
.DiscordLink {
  text-align: center;
  font-size: 1.25rem;
  height: 2rem;
}
.DiscordAreaWriteup {
  float: left;
  width: 59%;
  margin: 2.5% 2% 0 2.5%;
  height: 15rem;
  margin-bottom: 5rem;
  font-size: 1.375rem;
  letter-spacing: 0.075rem;
  padding-top: 2.5rem;
}

/* Strategic Advisors */
.StrategicAdvisorsArea {
  width: 100%;
  padding: 3rem 10%;
  background: rgba(252, 252, 252, 0.58);
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
.StrategicAdvisorsWriteup {
  width: 100%;
  padding-bottom: 1rem;
  font-size: 1.375rem;
  letter-spacing: 0.075rem;
  line-height: 1.375rem;
  margin-top: 0;
}
.StrategicAdvisorPair {
  width: 100%;
  height: 21.5rem;
  background: rgba(255, 255, 255, 0.8);
  padding: 1.5rem;
  border: 1px solid #ccc;
  margin-top: 1rem;
}
.StrategicAdvisorLeftSide {
  float: left;
  width: 50%;
  height: 15rem;
}
.StrategicAdvisorTitle {
  font-size: 1.375rem;
  font-weight: bold;
  height: 1.625rem;
  text-decoration: underline;
  letter-spacing: 0.25rem;
}
.StrategicAdvisorText {
  font-size: 1.25rem;
  margin-top: 1.125rem;
  line-height: 1.875rem;
}
.StrategicAdvisorRightSide {
  float: left;
  margin-left: 2%;
  width: calc(48% - 1px);
  padding-left: 3%;
  border-left: 1px solid #c0d2e4;
}
.StrategicAdvisorSkillsList {
  letter-spacing: 0.0375rem;
  line-height: 2.25rem;
  margin-top: 0.25rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.StrategicAdvisorApplyButton {
  width: 31rem;
  margin: 2rem auto;
  height: 3.375rem;
  border: 2px solid #0088c6;
  border-radius: 5px;
  padding: 0.5rem;
  padding-top: 0.875rem;
  background: #003f96;
  color: white;
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
  cursor: pointer;
}
.StrategicAdvisorApplyButton:hover {
  background: #008aca;
  border: 2px solid #f5b201;
}
.StrategicAdvisorApplyButton a {
  color: #fff;
  text-decoration: none;
}
.StrategicAdvisorApplyButton a:hover { color: #ccc; }

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1350px) {
  .ContentContainer {
    font-size: clamp(0.625rem, 1.25vw, 0.875rem);
  }
  .StandardArea {
    font-size: clamp(0.875em, 0.925vw, 1em);
  }
}

@media (max-width: 860px) {
  .tagline {
        font-size: 14px;
        margin-left: -5rem;
        margin-top: 1.25rem;
		margin-bottom: 3.625rem;
        width: 66%;
        height: 1rem;
  }
  .ContactInfoStandard {
	  display:none;
  }
  .ContactInfoMobile {
	  display:block;
  }
  .ContactEmailArea, .ContactLinkedInArea {
	  clear:left;
	  text-align:center;
  }
  .ContactQRCode {
	  width:27.5%;
	  margin:0.375rem 2.5% 0 0%;
  }
  .ContactMoreDetails {
	  width:65%;
	  margin-left:3.25%;
  }
  .ContactName {
	  font-size:1.625rem;
  }
  .ContactTitle {
	font-size: 1.1375rem;
    padding: 0.5rem 1px 2rem;
  }
  .ContactLinkedInLink {
	font-size:1.125rem;
	letter-spacing:unset;
  }
  .FrontPageDescription,
  .FrontPageContact {
	margin-left:7.5%;
	margin-top:10vh;
  }
  .ContactInfoTitleStandard {
	display:none;
  }
  .ContactInfoTitleMobile {

	display:block
  }
}

/* Mobile-specific adjustments */
@media (max-width: 600px) {
  header {
    flex-direction: column;
    height: auto;
    padding: 1rem 0;
  }
  .logo {
    margin: 0 auto;
    height: 100px;
  }
  .header-right {
    align-items: center;
    height: auto;
    margin-left: 0;
  }
  nav ul {
    flex-direction: column;
    align-items: center;
  }
  nav ul li { margin: 0.5rem 0; }
  .container {
    width: 95%;
    padding: 0 10px;
  }
  .DiscordIconArea {
    width: 100%;
    height: auto;
  }
  .DiscordAreaWriteup {
    width: 100%;
    margin: 1rem 0;
    font-size: 1rem;
  }
  .ContactMoreDetails {
	  padding-top:0.875rem;;
  }
	
	.AnnualReportArea.Year1Area {
		height:49rem;
	}
	.SuccessStoryWriteup {
		padding-left:0;
		border-left:0;
		margin-left:0;
		width:100%;
		height:auto;
	}
	.SuccessStoryTitle {
		font-size: 1.375rem;
		height: 2.25rem;
		text-align:left;
	}
	.YearBottomBarArea {
		min-width:350px;
		display:none;
	}
	.SuccessStoryVideo {
		margin-top: 1rem;
		min-width: 335px;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9; /* Maintains a 16:9 ratio */
		margin: 1rem 0;
	}
	.SuccessStoryText {
		height:auto;
	}
}

@media (min-width: 800px) {
  body { min-width: 800px; }
}