@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@media (max-width:600px) {
	.nav-custom-rem {
		margin-left:0rem !important;
	}
	.hero-whychoose-title {
		font-size:30px !important;
		line-height: 40px !important;
	}
	.key-findings-title, .partnered-title {
		font-size:30px !important;
		line-height: 40px !important;
	}
	.mission-text {
		font-size: 36px !important;
		line-height: 44px !important;
	}
	.about-headline {
		font-size: 48px !important;
		line-height: 54px !important;
	}
	.studio-grid {
		grid-template-columns: 1fr !important;
	}
	.studio-img-tall, .studio-img-wide {
		grid-row: auto !important;
		grid-column: auto !important;
	}
	.about-pillars {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 1300px) {
	.hero-title {
		font-size:3em !important;
		line-height: 1em !important;
	}
	.hero-content {
		padding:0px !important;
	}
}

body { 
background: #FFF;
margin: 0;
padding: 0;
font-family: "Plus Jakarta Sans", sans-serif !important;
}
.bg-body-tertiary {
background:#FFFBFA !important;
}
.navigation-container .nav-link {
font-size:15px;
color:#281D1B;
padding:10px 16px !important;
}
.button-nav {
border-radius: 8px;
border: 1px solid #000;
background: rgba(2, 1, 1, 0.00);
padding: 8px 16px;
}
.nav-custom-rem {
margin-left:7rem;
}
.long-line {
width:100%;	
background: radial-gradient(193.34% 155.87% at 50% -1.55%, rgba(255, 251, 250, 0.00) 48.08%, rgba(0, 0, 0, 0.00) 100%), #FFFBFA;
position:absolute;
z-index:-1;
}
.hero {
position:relative;
z-index:1;
}
.hero-title {
text-align:center;
color: #281D1B;
font-size: 120px;
font-style: normal;
font-weight: 700;
line-height: 120px; /* 100% */
letter-spacing: -2.4px;
}
.hero-button {
margin-top:96px;
margin-bottom:150px;
}
.hero-button button {
border-radius: 8px;
background: #000;
border:solid 1px #000;
padding: 12px 24px;
color:#FFF;
}
.hero-gelevate {
max-width: 1024px;
margin:auto;
border-radius: 16px;
border: 1.5px solid rgba(110, 80, 73, 0.00);
background: #FFF;
box-shadow: 0 311px 87px 0 rgba(0, 0, 0, 0.00), 0 199px 80px 0 rgba(0, 0, 0, 0.00), 0 112px 67px 0 rgba(0, 0, 0, 0.02), 0 50px 50px 0 rgba(0, 0, 0, 0.03), 0 12px 27px 0 rgba(0, 0, 0, 0.03);
text-align: center;
}

.hero-content {
background:#FFFBFA;
padding:96px;	
}
.hero-whychoose {
margin-top:15rem;
}
.hero-whychoose-title {
color: #281D1B;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; 
letter-spacing: -0.96px;
}
.hero-grid-section {
margin-top:48px;
}
.grid-block {
padding:5px;
}
.grid-title {
color: #281D1B;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 114.286% */
letter-spacing: -0.56px;
margin-top:10px;
}
.grid-description {
color: #281D1B;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
margin-top:8px;
margin-bottom:32px;
}
.partnered-section {
  margin-top: 140px;
}
.partnered-title {
  color: #281D1B;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -0.96px;
}
.partnered-companies {
  margin-top: 60px;
}
.partner-offset {
  margin-top: 200px;
}
.partner-logo {
  max-height: 120px;
  transition: all 0.3s ease;
  opacity: 0.85;
}
.partner-logo:hover {
  transform: scale(1.08);
  opacity: 1;
}
.key-findings-title {
margin-top:240px;
margin-bottom:60px;
color: #281D1B;
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 68px; /* 106.25% */
letter-spacing: -1.28px;
}
.key-findings-first-text {
color: #281D1B;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 141.176% */
}
.findings-space {
height:25px;
}
.key-findings-second-text {
color: #281D1B;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 141.176% */
text-align:center;
margin-top:80px;
}

.key-findings {
padding-bottom:20px;
}
footer {
  background: #FFFBFA;
  padding: 60px 0;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.footer-heading {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #281D1B;
}

.footer-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links li a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-links li a:hover {
  color: #000;
}
.grid-info-text {
padding:20px 0px;

color: #281D1B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 120% */
letter-spacing: -0.4px;
}
.grid-info-text a {
color:#000;
}
.web-help {
margin-top:5rem;
}
.web-help-title {
color: #281D1B;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 130% */
letter-spacing: -0.8px;
}
.web-help-desc {
margin-top:80px;
text-align:center;
color: #281D1B;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 141.176% */
margin-bottom:4rem;
}
.web-help-button {
border-radius: 8px;
background: #000;
border:solid 1px #000;
padding: 12px 24px;
color:#FFF;
margin-left:1rem;
}
.web-help-block {
border-radius: 16px;
border: 1.5px solid rgba(110, 80, 73, 0.00);
background: linear-gradient(144deg, rgba(250, 252, 255, 0.00) -1.24%, rgba(0, 84, 173, 0.05) 88.53%), #FFF;
background-blend-mode: luminosity, normal;
box-shadow: 15px 128px 36px 0 rgba(0, 0, 0, 0.00), 10px 82px 33px 0 rgba(0, 0, 0, 0.01), 5px 46px 28px 0 rgba(0, 0, 0, 0.04), 2px 20px 21px 0 rgba(0, 0, 0, 0.06), 1px 5px 11px 0 rgba(0, 0, 0, 0.08);
padding:2rem;
min-height:300px;
}
.web-help-block h1 {
overflow: hidden;
color: #281D1B;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 114.286% */
letter-spacing: -0.56px;
}
.web-help-block-middle {
text-align: center;
padding:20px 0px;
color: #281D1B;
font-style: normal;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.56px;
}
.key-findings-feedback {
text-align: center;
color: #281D1B;
font-size: 22px;
font-weight: 500;
line-height: 32px;
margin-bottom: 60px;
opacity: 0.75;
}

.key-findings-highlight {
font-weight: 800;
font-style: italic;
color: #281D1B;
opacity: 1;
}

.key-findings-creative {
margin-top: 120px;
text-align: center;
}

.key-findings-creative span {
display: inline-block;
border: 1.5px solid #281D1B;
border-radius: 100px;
padding: 14px 40px;
font-size: 17px;
font-weight: 600;
color: #281D1B;
letter-spacing: 0.01em;
background: transparent;
}
.mission-contact-section {
margin-top: 160px;
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

@media (max-width: 900px) {
  .mission-contact-section {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}

.mission-statement {
padding-top: 24px;
}

.mission-label {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #281D1B;
opacity: 0.45;
margin-bottom: 24px;
}

.mission-text {
color: #281D1B;
font-size: 52px;
font-weight: 800;
line-height: 60px;
letter-spacing: -1.2px;
margin-bottom: 32px;
}

.mission-text em {
font-style: italic;
font-weight: 800;
}

.mission-sub {
color: #281D1B;
font-size: 17px;
font-weight: 400;
line-height: 28px;
opacity: 0.65;
max-width: 420px;
}

.contact-card {
background: #FFFBFA;
border-radius: 24px;
border: 1.5px solid rgba(40, 29, 27, 0.08);
box-shadow:
  0 64px 48px 0 rgba(0,0,0,0.03),
  0 24px 24px 0 rgba(0,0,0,0.04),
  0 6px 12px 0 rgba(0,0,0,0.05);
overflow: hidden;
}

.contact-card-inner {
padding: 48px;
}

.contact-card-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #281D1B;
opacity: 0.4;
margin-bottom: 16px;
}

.contact-card-title {
font-size: 28px;
font-weight: 700;
line-height: 34px;
letter-spacing: -0.56px;
color: #281D1B;
margin-bottom: 36px;
}

.cf-label {
display: block;
font-size: 13px;
font-weight: 600;
color: #281D1B;
margin-bottom: 6px;
opacity: 0.6;
}

.cf-input {
width: 100%;
background: #FFF;
border: 1.5px solid rgba(40, 29, 27, 0.12);
border-radius: 10px;
padding: 12px 16px;
font-size: 15px;
font-family: "Plus Jakarta Sans", sans-serif;
color: #281D1B;
outline: none;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.cf-input:focus {
border-color: #281D1B;
box-shadow: 0 0 0 3px rgba(40, 29, 27, 0.06);
}

.cf-textarea {
min-height: 120px;
resize: vertical;
}

.cf-submit {
display: inline-block;
background: #281D1B;
color: #FFF;
border: none;
border-radius: 10px;
padding: 14px 28px;
font-size: 15px;
font-weight: 700;
font-family: "Plus Jakarta Sans", sans-serif;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease;
}

.cf-submit:hover {
background: #1a110f;
transform: translateY(-1px);
}

.about-section {
background: #FFFBFA;
padding: 140px 0 160px;
border-top: 1.5px solid rgba(40, 29, 27, 0.06);
}

.about-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #281D1B;
opacity: 0.4;
margin-bottom: 20px;
}

.about-headline {
color: #281D1B;
font-size: 80px;
font-weight: 800;
line-height: 84px;
letter-spacing: -2px;
margin-bottom: 48px;
}

.about-intro {
color: #281D1B;
font-size: 20px;
font-weight: 400;
line-height: 32px;
max-width: 720px;
opacity: 0.75;
margin-bottom: 80px;
}

.studio-grid {
display: grid;
grid-template-columns: 1fr 1.6fr 1fr;
gap: 16px;
margin-bottom: 80px;
align-items: stretch;
}

.studio-img-wrap {
border-radius: 16px;
overflow: hidden;
position: relative;
}

.studio-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 2.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.studio-img-wrap:hover .studio-img {
transform: scale(1.04);
}

.studio-img-tall {
grid-row: span 1;
min-height: 340px;
}

.studio-img-wide {
min-height: 280px;
}

.about-pillars-title {
color: #281D1B;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
opacity: 0.4;
margin-bottom: 40px;
}

.about-pillars {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
margin-bottom: 80px;
border: 1.5px solid rgba(40, 29, 27, 0.08);
border-radius: 20px;
overflow: hidden;
}

@media (max-width: 768px) {
  .about-pillars {
    grid-template-columns: 1fr;
  }
}

.pillar {
padding: 40px 36px;
background: #FFFBFA;
border: 1px solid rgba(40, 29, 27, 0.07);
transition: background 0.3s ease;
}

.pillar:hover {
background: #FFF;
}

.pillar-number {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
color: #281D1B;
opacity: 0.3;
margin-bottom: 12px;
}

.pillar-name {
color: #281D1B;
font-size: 20px;
font-weight: 700;
line-height: 26px;
letter-spacing: -0.3px;
margin-bottom: 16px;
}

.pillar-text {
color: #281D1B;
font-size: 15px;
font-weight: 400;
line-height: 24px;
opacity: 0.65;
}

.about-vision {
margin-top: 80px;
padding: 64px;
background: #281D1B;
border-radius: 24px;
}

.about-vision-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #FFF;
opacity: 0.45;
margin-bottom: 24px;
}

.about-vision-text {
color: #FFF;
font-size: 24px;
font-weight: 400;
line-height: 36px;
opacity: 0.85;
max-width: 800px;
}
.grid-responsive-block {
position:responsive;
}

.grid-first-image {
  background: url('../images/education-first.png') center center no-repeat;
  background-size: cover;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  position: relative;
}

.grid-education {
  position: absolute;
  top: 30%;
  left: 20px;
  padding: 1rem;
}

.grid-second-image {
  background: url('../images/education-second.png') center center no-repeat;
  background-size: cover;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  position: relative;
}

.grid-discovered {
  position: absolute;
  top: 40%;
  left: 30px;
  padding: 1rem;
}
.grid-third-image {
  background: url('../images/market-first.png') center center no-repeat;
  background-size: contain;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  position: relative;
}
.grid-third-image h4 {
	white-space: nowrap;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.56px;
	padding-top:1rem;
	padding-bottom:1.5rem;
}
.grid-four-image h4 {
	white-space: nowrap;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.56px;
	padding-top:0.1rem;
	padding-bottom:1rem;
}
.grid-four-image {
   background: url('../images/market-second.png') center center no-repeat;
   background-size: contain;
   aspect-ratio: 16 / 9;
   border-radius: 20px;
   position: relative;
}
.grid-market {
	text-align:center;
	top: 0;
	left: 20%;
	position: absolute;
	max-width:400px;
	line-height:25px;
}
.grid-market-second {
	top: 30px;
	position: absolute;
	left:30%;
	max-width:200px;
	font-size:10px;
	line-height:12px;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #000 !important;
}
.tour-hero-title {
	color: #281D1B;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 114.286% */
	letter-spacing: -0.56px;
	margin-top:3rem;
}
.tour-hero-description {
	color: #281D1B;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	margin-bottom:3rem;
	margin-top:1rem;
}
.jamaica-gov {
	margin:15rem 0rem;
}
.jamaica-gov p {
	color: #281D1B;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 114.286% */
	letter-spacing: -0.56px;
	margin-top:2rem;
}
/* Mobile Optimization */
@media (max-width: 1024px) {
  .grid-info-text {
	font-size:10px !important;  
	line-height:15px !important;
  }
  .grid-third-image h4, .grid-four-image h4 {
	 font-size:15px !important;  
  	line-height:15px;
  }
  
  .grid-first-image, .grid-second-image, .grid-third-image, .grid-four-image {
    aspect-ratio: 3 / 2;
  }

  .grid-education {
    top: 25%;
    left: 15px;
  }

  .grid-discovered {
    top: 35%;
    left: 0px;
  }
  
  .grid-market {
	text-align: center;
	top: -25px;
	max-width: 200px;
  }
  .grid-market-second {
	font-size: 9px !important;
	line-height: 10px !important;
	max-width: 150px;  
  }
  .partner-offset {
	  margin-top: 0px !important;
  }
}