:root{
--gold:#d8b86a;
--pink:#ff5aa5;
}

*{box-sizing:border-box}

body{
margin:0;
background:#050505;
color:#fff;
font-family:Arial,sans-serif;
line-height:1.7;
}

h1,h2,h3,h4{
font-family:Georgia,serif;
}

section{
padding:100px 7vw;
}

.nav{
position:fixed;
top:0;
left:0;
right:0;
z-index:10;
display:flex;
justify-content:space-between;
padding:20px 5vw;
background:rgba(0,0,0,.75);
backdrop-filter:blur(10px);
}

.nav a{
color:white;
text-decoration:none;
}

.brand{
display:flex;
align-items:center;
gap:12px;
color:var(--gold);
}

.brand span{
font-size:40px;
}

.brand p{
margin:0;
color:#ccc;
}

.hero{
height:100vh;
display:flex;
align-items:center;
background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/hero-executive-intelligence.png') center/cover;
	
}

.hero-content{
max-width:700px;
margin-top:0%;
}

.eyebrow{
color:var(--gold);
text-transform:uppercase;
letter-spacing:.25em;
}

.hero h1{
font-size:clamp(3rem,7vw,4rem);
line-height:1;
}

.hero span{
color:var(--pink);
}

.button{
display:inline-block;
border:1px solid var(--gold);
padding:15px 30px;
color:#fff;
text-decoration:none;
margin-top:20px;
}

.imperative{margin-top:0%;}

.imperative,.cta{
text-align:center;
}

.imperative h2,.framework h2,.pathways h2,.chamber h2,.cta h2{
font-size:clamp(2rem,5vw,4rem);
}

.dimensions,.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:40px;
}

.dimensions div,.cards div{
border:1px solid rgba(216,184,106,.4);
padding:30px;
}

.dimensions h3{
color:var(--gold);
}

.dimensions h4{
color:var(--pink);
}

.chamber{
text-align:center;
background:#101010;
}

.artifact{
/*margin:50px auto;
padding:60px;
max-width:500px;
border:1px solid var(--gold);*/
font-family:Georgia,serif;
font-size:2rem;
color:var(--gold);
}

.cta{
background:#eee6dc;
color:#17120f;
}

@media(max-width:900px){
.dimensions,.cards{
grid-template-columns:1fr;
}
}



.intelligence-framework {

    padding:100px 7vw;
    background:#050505;
    color:white;

}


.framework-header {

    text-align:center;
    max-width:900px;
    margin:auto;

}


.eyebrow {

    color:#d8b86a;
    letter-spacing:.25em;
    text-transform:uppercase;
    font-size:.8rem;

}


.framework-header h2 {

    font-family:Georgia,serif;
    font-size:clamp(2.5rem,5vw,4rem);

}



.intelligence-grid {

    margin-top:70px;

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

}




.intelligence-card {

    position:relative;

    padding:35px;

    min-height:390px;

    background:

    linear-gradient(
    145deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.02)
    );

    border:

    1px solid
    rgba(216,184,106,.35);


    backdrop-filter:blur(15px);


    transition:
    transform .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;


    overflow:hidden;

}




.intelligence-card:hover {

    transform:
    translateY(-12px);


    border-color:#d8b86a;


    box-shadow:

    0 20px 50px
    rgba(216,184,106,.25);

}




.card-number {

    color:#d8b86a;

    font-size:3rem;

    font-family:Georgia,serif;

    opacity:.4;

}



.card-icon {

    font-size:2.5rem;

    margin:15px 0;

}



.intelligence-card h3 {

    font-family:Georgia,serif;

    font-size:1.7rem;

}



.intelligence-card h4 {

    color:#ff5aa5;

    font-size:1rem;

    text-transform:uppercase;

    letter-spacing:.1em;

}



.connected {

    margin-top:25px;

    font-size:.85rem;

    color:#aaa;

}



.connected span {

    color:white;

}



.intelligence-card a {

    display:inline-block;

    margin-top:25px;

    color:#d8b86a;

    text-decoration:none;

    opacity:0;

    transform:translateY(10px);

    transition:.3s;

}



.intelligence-card:hover a {

    opacity:1;

    transform:translateY(0);

}



/* Individual Intelligence Glow */

.identity:hover {
box-shadow:0 20px 60px rgba(255,90,165,.3);
}


.ai:hover {
box-shadow:0 20px 60px rgba(80,180,255,.3);
}


.human:hover {
box-shadow:0 20px 60px rgba(80,200,130,.3);
}


.transformation:hover {
box-shadow:0 20px 60px rgba(160,90,255,.3);
}


.strategic{
background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card001-strategic-intelligence.jpg') center/cover;	
}
.identity{
	background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card002-identity-intelligence.jpg') center/cover;	
}

.ai{
	background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card003-artificial-intelligenceB.jpg') center/cover;	
}

.governance{
	background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card004-governance.jpg') center/cover;	
}

.human{
	background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card005-human-intelligence.jpg') center/cover;	
}

.transformation{
	background:
linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35)),
url('../img/card006-transformational-intelligence.jpg') center/cover;	
}

.cards a{
/*.border:1px solid #bc141a;
	padding:10px;
	border-radius: 999px;*/
	color: #ffffff;
	text-decoration:none;
	
	min-height: 50px;
    padding: 0.8rem 1.25rem;
    border: 1px solid #caa45d;
    
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
	
}
/* Base Section Styling */
.hero-section {
  position: relative;
  background-color: #000000;
  color: #ffffff;
  padding: 100px 20px;
  text-align: center;
  font-family: 'Georgia', serif; /* Keeps the executive editorial feel */
  overflow: hidden;
}

.container2 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 2;
}

/* 1. Gradient Text Effect */
.headline {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 40px;
  letter-spacing: -0.02em;
}

.gradient-text {
  background: linear-gradient(135deg, #d8b86a 0%, #ff5aa5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* 2. Typography Hierarchy & Spacing */
.tagline {
  font-family: system-ui, -apple-system, sans-serif; /* Clean sans-serif for contrast */
  font-size: 1.15rem;
  color: #ff5aa5; /* Muted pink accent line */
  line-height: 1.6;
  margin-bottom: 30px;
  opacity: 0.95;
}

.body-text {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 1.25rem;
  color: #e0e0e0; /* Off-white to prevent eye strain */
  line-height: 1.7;
  max-width: 850px;
  margin: 0 auto;
}

/* 3. Ambient Background Glows */
.glow {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.15; /* Keeps it subtle and professional */
  pointer-events: none;
  z-index: 1;
}

.glow-gold {
  top: -10%;
  left: 15%;
  background: #d8b86a;
}

.glow-pink {
  bottom: -10%;
  right: 15%;
  background: #ff5aa5;
}


.intelligence-pathways {

    padding:120px 7vw;

    background:#050505;

    color:white;

}



.pathway-header {

    max-width:900px;

    margin:auto;

    text-align:center;

}



.pathway-header h2 {

    font-family:Georgia,serif;

    font-size:clamp(2.5rem,5vw,4rem);

}




.pathway-grid {

    margin-top:80px;

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    grid-template-areas:

    "ai ai"

    "identity human"

    "leadership leadership";

    gap:30px;

}





.pathway-card {

    position:relative;

    overflow:hidden;

    min-height:500px;

    border:

    1px solid

    rgba(216,184,106,.4);


    cursor:pointer;

}





.ai-pathway,
.leadership-pathway {

    min-height:600px;

}





.ai-pathway {

    grid-area:ai;

}



.identity-pathway {

    grid-area:identity;

}



.human-pathway {

    grid-area:human;

}



.leadership-pathway {

    grid-area:leadership;

}





.pathway-bg {

    position:absolute;

    inset:0;


    background-size:cover;

    background-position:center;


    transition:

    transform .8s ease;


}





.pathway-card:hover .pathway-bg {

    transform:scale(1.12);

}





.pathway-content {

    position:absolute;

    inset:0;


    display:flex;

    flex-direction:column;

    justify-content:flex-end;


    padding:45px;


    background:

    linear-gradient(

    180deg,

    rgba(0,0,0,.1),

    rgba(0,0,0,.95)

    );

}





.pathway-number {

    color:#d8b86a;

    font-family:Georgia,serif;

    font-size:4rem;

    opacity:.5;

}




.pathway-content h3 {

    font-family:Georgia,serif;

    font-size:2.5rem;

    margin:0;

}




.pathway-content h4 {

    color:#ff5aa5;

    text-transform:uppercase;

    letter-spacing:.12em;

    font-size:.9rem;

}





.connections {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:20px 0;

}



.connections span {

    border:

    1px solid

    rgba(216,184,106,.6);


    padding:6px 14px;

    font-size:.75rem;

    color:#d8b86a;

}





.pathway-content a {

    color:white;

    text-decoration:none;

    font-size:1rem;


    opacity:0;


    transform:

    translateY(20px);


    transition:.4s;

}




.pathway-card:hover a {

    opacity:1;

    transform:translateY(0);

}




/* Image placeholders */

.ai-pathway .pathway-bg {
	background-image:
	url("../img/portal-ai-intelligence.jpg");
	background-position: top center;
}


.identity-pathway .pathway-bg {
	background-image:
	url("../img/portal-identity-intelligence.jpg");
}


.human-pathway .pathway-bg {
background-image:
url("../img/portal-human-potential-intelligence.jpg");
}



.leadership-pathway .pathway-bg {

background-image:

url("../img/portal-leadership-intelligence.jpg");

}





@media(max-width:900px){


.pathway-grid {

grid-template-columns:1fr;


grid-template-areas:

"ai"

"identity"

"human"

"leadership";

}


.pathway-card,
.ai-pathway,
.leadership-pathway {

min-height:500px;

}


}

/* Responsive adjustments */
@media (max-width: 768px) {
  .headline { font-size: 2.25rem; }
  .tagline, .body-text { font-size: 1rem; }
  br { display: none; } /* Removes manual breaks on mobile devices */
}

@media(max-width:900px){

.intelligence-grid{

grid-template-columns:1fr;

}

}