body.investments-page{
background:#0f2c38;
color:white;
}


/* HERO */
.investments-hero{
height:35vh;

background:
linear-gradient(rgba(19,47,61,.85), rgba(19,47,61,.9)),
url("/GT-Website/assets/images/investments.png") center/cover no-repeat;

display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero-overlay h1{
font-size:44px;
color:var(--gold);
margin-bottom:10px;
}

.hero-overlay p{
max-width:650px;
margin:auto;
opacity:.9;
}


/* PORTFOLIO */

.portfolio-section{
padding:clamp(50px,6vw,76px) 0;
}

.portfolio-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:clamp(30px,5vw,54px);
align-items:center;
}

.portfolio-text h2{
color:var(--gold);
margin-bottom:20px;
}

.portfolio-text p{
opacity:.9;
line-height:1.7;
margin-bottom:30px;
}

.portfolio-values{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.value-card{
background:rgba(255,255,255,0.05);
padding:18px;
border-left:3px solid var(--gold);
border-radius:6px;
text-align:center;
}

.portfolio-image{
width:100%;
height:clamp(280px,29vw,360px);
overflow:hidden;
border-radius:12px;
}

.portfolio-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}


.breadcrumb a{
color:var(--gold);
text-decoration:none;
}

.breadcrumb span{
margin:0 6px;
color:rgba(255,255,255,.6);
}

/* SECTORS */
.investment-sectors{
padding:clamp(50px,6vw,76px) 0;

}

.section-title{
text-align:center;
color:var(--gold);
margin-bottom:38px;
}

.sector-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}


.sector-card{

background:#132f3d;

padding:30px 24px;

border-radius:10px;

text-align:center;

transition:.35s ease;

text-decoration:none;

color:white;

border:1px solid rgba(255,255,255,0.05);

position:relative;

overflow:hidden;

}

.sector-card:hover{
transform:translateY(-8px);
box-shadow:0 30px 80px rgba(0,0,0,.45);
border-color:rgba(225,200,133,0.4);
}

.sector-card i{
font-size:30px;
color:var(--gold);
margin-bottom:15px;
}

.sector-card h3{
margin-bottom:10px;
}

.sector-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:linear-gradient(
120deg,
transparent,
rgba(225,200,133,0.08),
transparent
);

opacity:0;
transition:.4s;
}

.sector-card:hover::before{
opacity:1;
}

.sector-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,.45);
}

.sector-card i{
font-size:30px;
color:var(--gold);
margin-bottom:15px;
}

.sector-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,.4);
}


/* FUTURE */

.future-section{
padding:100px 0;
}

.future-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.future-text h2{
color:var(--gold);
margin-bottom:20px;
}

.future-text p{
line-height:1.7;
opacity:.9;
margin-bottom:20px;
}

.future-image img{
width:100%;
border-radius:12px;
}


/* RESPONSIVE */

@media(max-width:1000px){

.portfolio-grid,
.future-grid{
grid-template-columns:1fr;
}

.sector-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.sector-grid{
grid-template-columns:1fr;
}

.hero-overlay h1{
font-size:30px;
}

}

/* ================= FUTURE VISION ================= */

.future-vision{

position:relative;

padding:clamp(58px,7vw,86px) 0;

background:
linear-gradient(
rgba(10,30,39,.82),
rgba(10,30,39,.92)
),
url("/GT-Website/assets/images/investments-frontiers-v2.png")
center/cover no-repeat;

}

/* container alignment */

.future-inner{
display:flex;
align-items:center;
}

/* text block */

.future-text{

max-width:650px;

}

.future-text h2{

font-size:clamp(25px,2.5vw,33px);

line-height:1.5;

font-weight:500;

margin-bottom:28px;

color:white;

}

/* button */

.future-btn{

display:inline-block;

padding:13px 36px;

border-radius:30px;

background:var(--gold);

color:#132F3D;

font-weight:600;

text-decoration:none;

transition:.35s ease;

}

.future-btn:hover{

transform:translateY(-2px);

box-shadow:0 12px 35px rgba(0,0,0,.35);

}


/* responsive */

@media(max-width:768px){

.future-vision{
padding:48px 0;
}

.future-text h2{
font-size:24px;
}

}

/* CTA SECTION */

.invest-cta{
padding:100px 0;
text-align:center;
}

.invest-cta-inner{
max-width:700px;
margin:auto;
}

.invest-cta h2{
color:var(--gold);
margin-bottom:15px;
}

.invest-cta p{
opacity:.9;
margin-bottom:30px;
}

.invest-btn{

display:inline-block;

background:var(--gold);

color:#132F3D;

padding:12px 32px;

border-radius:30px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.invest-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(0,0,0,.3);
}

@media(max-width:768px){
.portfolio-section,
.investment-sectors{
padding:42px 0;
}
.portfolio-text p{
margin-bottom:22px;
}
.portfolio-values{
gap:10px;
}
.value-card{
padding:13px 8px;
}
.portfolio-image{
height:240px;
}
.section-title{
margin-bottom:28px;
}
.sector-card{
padding:25px 20px;
}
.future-text h2 br{
display:none;
}
}