@media(max-width:768px){ .container{ padding: 0 20px; } } 

a { text-decoration: none; color: inherit; } 

 

@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } 

.fade-up { animation: fadeUp 0.65s ease both; } 

.fade-up-1{animation-delay:.1s} .fade-up-2{animation-delay:.2s} .fade-up-3{animation-delay:.3s} 

.fade-up-4{animation-delay:.4s} .fade-up-5{animation-delay:.5s} 

 

/* HERO */ 

@keyframes floatDot { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } 

.hero { 

  margin-top:var(--nav-h); /* padding:52px 0 48px;  */ padding:100px 0 100px; 

  background:var(--teal-dark); position:relative; overflow:hidden; 

} 

.hero-confetti { 

  position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; 

} 

.hero-confetti span { 

  position:absolute; border-radius:50%; 

  animation: floatDot 4s ease-in-out infinite; 

} 

.hero-confetti span:nth-child(1)  { width:80px;height:80px;  top:10%;  left:8%;   background:rgba(196,168,130,0.12); animation-delay:0s;    } 

.hero-confetti span:nth-child(2)  { width:120px;height:120px;top:5%;   right:12%; background:rgba(122,181,182,0.1);  animation-delay:0.6s;  } 

.hero-confetti span:nth-child(3)  { width:48px; height:48px; bottom:20%;left:18%;  background:rgba(255,255,255,0.06); animation-delay:1.2s;  } 

.hero-confetti span:nth-child(4)  { width:64px; height:64px; bottom:15%;right:22%; background:rgba(196,168,130,0.09); animation-delay:1.8s;  } 

.hero-confetti span:nth-child(5)  { width:200px;height:200px;top:-40px; left:-40px;background:rgba(255,255,255,0.02); animation-delay:0.3s;  } 

.hero-inner { position:relative; z-index:1; } 

.hero-eyebrow { font-size:10px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; color:var(--sand); margin-bottom:16px; } 

.hero-title { 

  font-family:'Cormorant Garamond',serif; /* font-size:clamp(28px,3.8vw,52px); */ font-size:clamp(40px,5.5vw,72px); 

  font-weight:600; color:white; line-height:1.05; margin-bottom:16px; letter-spacing:-0.02em; 

  white-space:nowrap; text-align:left; 

} 
.hero-title p{
	text-wrap: wrap;
}
.hero-title em { font-style:italic; color:var(--teal-mist); } 

.hero-sub { font-size:17px; color:rgba(255,255,255,0.65); max-width:580px; line-height:1.7; font-style:italic; } 

.hero-fun-stats { 

  display:flex; gap:40px; margin-top:40px; flex-wrap:wrap; 

} 

.hero-fun-stat-num { 

  font-family:'Cormorant Garamond',serif; font-size:36px; font-weight:600; 

  color:var(--sand); line-height:1; margin-bottom:4px; 

} 

.hero-fun-stat-label { 

  font-size:9px; font-weight:500; letter-spacing:.16em; 

  text-transform:uppercase; color:rgba(255,255,255,0.45); 

} 

/* HERO SPLIT LAYOUT */ 

.hero-split { display:flex; align-items:center; gap:56px; } 

.hero-split-left { flex:1; min-width:0; } 

.hero-split-right { 

  flex:0 0 460px; width:460px; 

  background:rgba(255,255,255,0.04); 

  border:1px solid rgba(200,226,226,0.15); 

  border-radius:14px; 

  aspect-ratio:16/9; 

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

  position:relative; overflow:hidden; 

  backdrop-filter:blur(4px); 

} 

.hero-split-right::before { 

  content:''; 

  position:absolute; inset:0; 

  background:radial-gradient(circle at 50% 50%, rgba(61,125,127,0.08) 0%, transparent 70%); 

} 

.hero-video-placeholder { 

  position:relative; z-index:1; text-align:center; padding:32px; 

} 

.hero-video-play { 

  width:52px; height:52px; border-radius:50%; 

  background:rgba(61,125,127,0.5); 

  border:1.5px solid rgba(200,226,226,0.35); 

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

  margin:0 auto 14px; 

} 

.hero-video-label { 

  font-family:'Cormorant Garamond',serif; 

  font-size:17px; color:rgba(255,255,255,0.7); 

  font-style:italic; line-height:1.4; 

} 

.hero-video-sub { 

  font-size:9px; letter-spacing:0.16em; 

  text-transform:uppercase; color:rgba(255,255,255,0.3); 

  margin-top:6px; 

} 

@media(max-width:900px){ 

  .hero-split { flex-direction:column; } 

  .hero-split-right { flex:none; width:100%; max-width:480px; } 

} 

 

/* TEAM GRID */ 

.team-section { padding:72px 0; background:var(--warm); } 

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

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

@media(max-width:500px){ .team-grid{ grid-template-columns:1fr; } } 

 

/* TEAM CARD */ 

.team-card { background:white; border:0.5px solid var(--teal-mist); border-radius:14px; overflow:hidden; transition:transform .25s,box-shadow .25s; cursor:pointer; } 

.team-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(61,125,127,0.12); } 

.team-card-photo { height:180px; background:var(--teal-pale); position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; } 

.team-card-photo::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--teal); } 

.team-card-photo.c1::after { background:linear-gradient(90deg,var(--teal-dark),var(--teal)); } 

.team-card-photo.c2::after { background:linear-gradient(90deg,var(--sand),#d4b896); } 

.team-card-photo.c3::after { background:linear-gradient(90deg,var(--teal),var(--teal-mid)); } 

.team-card-photo.c4::after { background:linear-gradient(90deg,var(--teal-mid),var(--teal-light)); } 

.team-card-photo.c5::after { background:linear-gradient(90deg,var(--teal-dark),var(--teal)); } 

.team-card-photo.c6::after { background:linear-gradient(90deg,var(--sand),var(--teal)); } 

.team-card-photo.c7::after { background:linear-gradient(90deg,var(--teal),var(--teal-dark)); } 

.team-card-initials { font-family:'Cormorant Garamond',serif; font-size:56px; font-weight:600; color:var(--teal); opacity:0.35; user-select:none; } 

.team-card-role-badge { position:absolute; bottom:12px; left:12px; background:var(--teal-dark); color:white; font-size:9px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; padding:4px 10px; border-radius:20px; } 

.team-card-body { padding:20px; } 

.team-card-name { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; color:var(--charcoal); margin-bottom:4px; } 

.team-card-title { font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); margin-bottom:12px; } 

.team-card { position:relative; } 

.team-card:hover .team-card-photo::before { content:''; position:absolute; inset:0; background:rgba(44,84,86,0.06); z-index:1; } 

.team-card-bio { font-size:13px; color:var(--charcoal-lt); line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:14px; } 

.team-card-expand { font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); cursor:pointer; border-bottom:1px solid var(--teal-mist); padding-bottom:2px; display:inline-block; } 

 

/* EXPANDED BIO */ 

.team-card.expanded .team-card-bio { -webkit-line-clamp:unset; } 

.team-card.expanded .team-card-expand::before { content:'Read Less ↑'; } 

.team-card:not(.expanded) .team-card-expand::before { content:'Read More ↓'; } 

 

/* VALUES SECTION */ 

.values-section { padding:72px 0; background:white; } 

.values-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:16px; } 

@media(max-width:700px){ .values-grid{ grid-template-columns:1fr; } } 

.value-card { border-radius:14px; padding:32px 28px; } 

.value-card.v1 { background:var(--teal-dark); color:white; grid-row:1/3; display:flex; flex-direction:column; justify-content:flex-end; min-height:340px; position:relative; overflow:hidden; } 

.value-card.v1::before { content:'01'; position:absolute; top:-20px; right:-10px; font-family:'Cormorant Garamond',serif; font-size:140px; font-weight:600; color:rgba(255,255,255,0.05); line-height:1; pointer-events:none; } 

.value-card.v2 { background:var(--teal-pale); border:0.5px solid var(--teal-mist); } 

.value-card.v3 { background:var(--teal); color:white; } 

.value-icon { width:44px; height:44px; background:rgba(255,255,255,0.15); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; } 

.value-card.v2 .value-icon { background:white; } 

.value-icon svg { width:20px; height:20px; stroke:white; fill:none; stroke-width:1.5; stroke-linecap:round; } 

.value-card.v2 .value-icon svg { stroke:var(--teal); } 

.value-title { font-family:'Cormorant Garamond',serif; font-size:26px; font-weight:600; margin-bottom:10px; } 

.value-card.v2 .value-title { color:var(--charcoal); } 

.value-body { font-size:14px; line-height:1.75; } 

.value-card.v1 .value-body,.value-card.v3 .value-body { color:rgba(255,255,255,.75); } 

.value-card.v2 .value-body { color:var(--charcoal-lt); } 

 

/* BENEFITS */ 

.benefits-section { padding:72px 0; background:var(--teal-dark); } 

.benefits-section .section-title { color:white; } 

.benefits-section .section-eyebrow { background:rgba(255,255,255,0.1); color:var(--teal-mist); } 

.benefits-section .section-sub { color:rgba(255,255,255,.55); } 

.benefits-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } 

@media(max-width:700px){ .benefits-grid{ grid-template-columns:1fr; } } 

.benefit-card { background:rgba(255,255,255,0.06); border:0.5px solid rgba(200,226,226,0.12); border-radius:12px; padding:24px; } 

.benefit-title { font-size:14px; font-weight:500; color:white; margin-bottom:8px; } 

.benefit-body { font-size:13px; color:rgba(255,255,255,.55); line-height:1.65; } 

.benefit-highlight { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:600; color:var(--teal-mist); margin-bottom:4px; } 

 

/* JOIN CTA */ 

.join-section { padding:72px 0; background:var(--warm); } 

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

@media(max-width:800px){ .join-grid{ grid-template-columns:1fr; gap:40px; } } 

.join-title { font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:600; color:var(--charcoal); line-height:1.15; margin-bottom:16px; letter-spacing:-0.02em; } 

.join-body { font-size:15px; color:var(--charcoal-lt); line-height:1.75; margin-bottom:28px; } 

.btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--teal); color:white; font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; padding:13px 28px; border-radius:4px; border:none; cursor:pointer; transition:background .2s,transform .15s; } 

.btn-primary:hover { background:var(--teal-dark); transform:translateY(-1px); } 

.join-form { background:var(--teal); border-radius:16px; padding:32px; } 

.join-form-title { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; color:white; margin-bottom:20px; } 

.form-group { margin-bottom:14px; } 

.form-label { display:block; font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-bottom:6px; } 

.form-input { width:100%; background:rgba(255,255,255,.12); border:0.5px solid rgba(255,255,255,.25); border-radius:6px; padding:11px 14px; font-family:'DM Sans',sans-serif; font-size:13px; color:white; outline:none; transition:border-color .2s; } 

.form-input::placeholder { color:rgba(255,255,255,.35); } 

.form-input:focus { border-color:rgba(255,255,255,.6); } 

.form-submit { width:100%; background:white; color:var(--teal); font-family:'DM Sans',sans-serif; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; padding:14px; border:none; border-radius:6px; cursor:pointer; margin-top:6px; transition:background .2s; } 

.form-submit:hover { background:var(--warm); } 

 

/* SHARED */ 

.section-header { text-align:center; margin-bottom:40px; } 

.section-eyebrow { display:inline-block; font-size:9px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--teal); margin-bottom:12px; padding:4px 12px; background:var(--teal-pale); border-radius:2px; } 

.section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(34px,4.5vw,52px); font-weight:600; color:var(--charcoal); line-height:1.15; margin-bottom:14px; letter-spacing:-0.02em; } 

.section-sub { font-size:17px; color:var(--charcoal-lt); max-width:560px; margin:0 auto; line-height:1.7; } 

 

/* FOOTER */ 

.footer { background:var(--charcoal); padding:40px 0 28px; } 

.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; } 

.footer-brand-name { font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:600; color:white; } 

.footer-brand-name span { font-weight:400; color:rgba(255,255,255,.4); } 

.footer-links-row { display:flex; gap:20px; flex-wrap:wrap; } 

.footer-links-row a { font-size:12px; color:rgba(255,255,255,.4); transition:color .2s; } 

.footer-links-row a:hover { color:white; } 

.footer-copy { font-size:12px; color:rgba(255,255,255,.25); } 

 

/* ── TEAM ELEVATION ── */ 

 

/* Team card — colored accent bar on hover */ 

.team-card { 

  position:relative; overflow:hidden; 

  transition:transform 0.3s,box-shadow 0.3s; 

} 

.team-card::before { 

  content:''; 

  position:absolute; top:0; left:0; right:0; height:3px; 

  background:linear-gradient(to right, var(--teal-dark), var(--teal), var(--teal-light)); 

  transform:scaleX(0); transform-origin:left; 

  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1); 

} 

.team-card:hover::before { transform:scaleX(1); } 

.team-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(44,62,63,0.1); } 

 

/* Role badge colors per type */ 

.team-card-role-badge {  

  background:rgba(61,125,127,0.9); 

  font-size:9px; letter-spacing:0.14em; 

} 

 

/* Video placeholder — pulsing border */ 

@keyframes videoGlow { 

  0%,100%{box-shadow:0 0 0 0 rgba(61,125,127,0.1)} 

  50%{box-shadow:0 0 0 12px rgba(61,125,127,0)} 

} 

.hero-split-right { animation:videoGlow 3s ease-in-out infinite; } 

 

/* Play button pulse ring */ 

.hero-video-play { 

  position:relative; 

} 

.hero-video-play::after { 

  content:''; 

  position:absolute; inset:-6px; 

  border-radius:50%; 

  border:1px solid rgba(61,125,127,0.3); 

  animation:videoGlow 2s ease-in-out infinite; 

} 

 

/* Fun stat numbers */ 

.hero-fun-stat-num { 

  background:linear-gradient(135deg, var(--sand), #e8d4b0); 

  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; 

} 

 

/* Values card hover */ 

.value-card { transition:transform 0.3s,box-shadow 0.3s; } 

.value-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(44,62,63,0.08); } 

 

/* Benefits emoji icons — bounce */ 

@keyframes emojiWave { 

  0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} 

} 

.benefit-emoji { display:inline-block; animation:emojiWave 3s ease-in-out infinite; } 

 

/* Section eyebrow */ 

.section-eyebrow { 

  display:inline-flex; align-items:center; gap:8px; 

} 

.section-eyebrow::before { 

  content:''; display:inline-block; width:20px; height:1px; background:var(--teal); 

}