:root{
  --ink:#0B1F33;
  --navy:#102A43;
  --text:#111827;
  --muted:#667085;
  --line:#E6E8EC;
  --soft:#F6F7F9;
  --paper:#FFFFFF;
  --champagne:#C8A45D;
}

/* =========================================================
   FAEY BRAND THEMES - STABLE
   Variable-only. Does not redesign cards.
========================================================= */

body[data-faey-theme="teal_estate_wheat"]{
  --ink:#0F3535;
  --navy:#1D5252;
  --text:#0C2828;
  --muted:#557070;
  --line:#C0D4D3;
  --soft:#F4F9F8;
  --paper:#FFFFFF;
  --champagne:#B08C50;
}

body[data-faey-theme="charcoal_bronze"]{
  --ink:#1A1E22;
  --navy:#2E3640;
  --text:#181C20;
  --muted:#6E7880;
  --line:#CACED3;
  --soft:#F7F5F2;
  --paper:#FFFFFF;
  --champagne:#8C6A30;
}

body[data-faey-theme="midnight_silver"]{
  --ink:#0F1E2A;
  --navy:#263746;
  --text:#0F1E2A;
  --muted:#4D7174;
  --line:#C8DEE0;
  --soft:#E7F3F4;
  --paper:#FFFFFF;
  --champagne:#6FA8AD;
}


*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}

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

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
}

/* HEADER */

.header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}

.nav{
  height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 340px;
  min-width:340px;
}

.brand-logo{
  display:block;
  width:320px !important;
  max-width:320px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain;
}

.brand strong{
  display:block;
  font-size:34px;
  letter-spacing:.18em;
  color:var(--ink);
}

.brand span{
  display:none;
}

.menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  font-size:16px;
  color:var(--muted);
  flex:1;
}

.menu a{
  white-space:nowrap;
}

.menu a:hover{
  color:var(--ink);
}

/* LANGUAGE */

.language-dropdown{
  position:relative;
  flex:0 0 auto;
}

.language-current{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  padding:9px 12px;
  cursor:pointer;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
}

.language-current em{
  font-style:normal;
  color:var(--muted);
  font-size:12px;
}

.language-menu{
  display:none;
  position:absolute;
  right:0;
  top:44px;
  min-width:170px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(16,42,67,.12);
  z-index:100;
}

.language-menu.show{
  display:block;
}

.language-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  font-size:13px;
  color:var(--text);
  border-bottom:1px solid var(--line);
}

.language-menu a:last-child{
  border-bottom:0;
}

.language-menu a:hover,
.language-menu a.active{
  background:var(--soft);
  color:var(--ink);
}

/* MOBILE MENU */

.mobile-menu-toggle{
  display:none;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  width:40px;
  height:40px;
  font-size:20px;
  cursor:pointer;
}

.mobile-menu{
  display:none;
  border-top:1px solid var(--line);
  background:#fff;
  padding:18px 22px 24px;
}

.mobile-menu.show{
  display:block;
}

.mobile-menu > a{
  display:block;
  padding:15px 0;
  color:var(--ink);
  font-weight:700;
  border-bottom:1px solid var(--line);
}

.mobile-menu > a:last-of-type{
  border-bottom:0;
}

.mobile-language{
  margin-top:22px;
}

.mobile-language span{
  display:block;
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  margin-bottom:12px;
}

.mobile-language div{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.mobile-language a{
  border:1px solid var(--line);
  padding:9px 12px;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
}

.mobile-language a.active{
  background:var(--ink);
  color:#fff;
}

/* TYPOGRAPHY */

h1,
h2,
h3,
p{
  margin-top:0;
}

h1,
h2,
h3{
  text-wrap:balance;
}

h1{
  font-size:82px;
  line-height:.90;
  letter-spacing:-.065em;
  color:var(--ink);
  font-weight:650;
  margin-bottom:30px;
}

h2{
  font-size:52px;
  line-height:1.04;
  letter-spacing:-.04em;
  color:var(--ink);
  font-weight:650;
  margin-bottom:22px;
}

h3{
  font-size:26px;
  letter-spacing:-.02em;
  color:var(--ink);
  margin-bottom:14px;
}

p{
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
}

.lead{
  font-size:21px;
  max-width:720px;
}

.label{
  font-size:12px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--champagne);
  font-weight:800;
  margin-bottom:26px;
}

/* BUTTONS */

.btn{
  display:inline-block;
  background:var(--ink);
  color:#fff;
  padding:15px 24px;
  font-weight:650;
  font-size:14px;
  transition:.22s ease;
}

.btn-outline,
.btn-light{
  display:inline-block;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  padding:15px 24px;
  font-weight:650;
  font-size:14px;
  transition:.22s ease;
}

.btn:hover,
.btn-outline:hover,
.btn-light:hover{
  transform:translateY(-2px);
}

.btn:hover{
  box-shadow:0 18px 40px rgba(11,31,51,.18);
}

.actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:36px;
}

/* HERO */

.hero{
  position:relative;
  overflow:hidden;
  padding:78px 0 95px;
  background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
}

.hero:after{
  content:"";
  position:absolute;
  right:5%;
  top:16%;
  width:420px;
  height:420px;
  border:1px solid rgba(16,42,67,.10);
  transform:rotate(12deg);
}

.hero:before{
  content:"";
  position:absolute;
  right:13%;
  top:24%;
  width:300px;
  height:300px;
  border-top:1px solid rgba(16,42,67,.12);
  border-left:1px solid rgba(16,42,67,.12);
  transform:rotate(12deg);
}

.hero-inner{
  position:relative;
  z-index:2;
  max-width:880px;
}

.home-hero,
.hero.home-hero{
  position:relative;
  min-height:700px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 86% 24%, rgba(200,164,93,.15), transparent 34%),
    linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
}

.home-hero h1{
  max-width:1040px;
  letter-spacing:-.07em;
}

.home-hero .lead,
.hero .lead{
  max-width:760px;
  font-size:20px;
}

.home-hero:before{
  content:"";
  position:absolute;
  right:8%;
  top:145px;
  width:360px;
  height:360px;
  border:1px solid rgba(11,31,51,.10);
  transform:rotate(14deg);
  pointer-events:none;
}

.home-hero:after{
  content:"";
  position:absolute;
  right:7%;
  bottom:90px;
  max-width:340px;
  padding:24px 28px;
  border:1px solid rgba(11,31,51,.10);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  color:var(--ink);
  font-size:12px;
  line-height:1.9;
  letter-spacing:.18em;
  font-weight:800;
  text-transform:uppercase;
  box-shadow:0 30px 80px rgba(16,42,67,.08);
}

/* ABOUT HERO */

.about-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:90px;
  align-items:start;
}

.about-hero h1{
  max-width:900px;
  font-size:70px;
  line-height:1.02;
}

.about-hero-note{
  border-left:1px solid var(--line);
  padding-left:36px;
  margin-top:120px;
}

.home-hero .about-hero-note{
  margin-top:110px;
}

.about-hero .about-hero-note{
  margin-top:130px;
}

.about-hero-note span{
  display:block;
  color:var(--champagne);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.about-hero-note p{
  font-size:17px;
  margin-bottom:0;
}

/* SECTIONS */

.section{
  padding:105px 0;
  background:#fff;
}

.section.soft{
  background:var(--soft);
}

.section-head{
  position:relative;
  max-width:760px;
  margin-bottom:64px;
}

.section-head h2{
  max-width:860px;
}

.section-head p{
  max-width:780px;
  font-size:18px;
}

/* MANIFESTO */

.manifesto{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(200,164,93,.22), transparent 32%),
    var(--ink);
  color:#fff;
  padding:95px 0;
}

.manifesto:after{
  content:"";
  position:absolute;
  right:8%;
  top:50%;
  width:260px;
  height:260px;
  border-top:1px solid rgba(255,255,255,.20);
  border-left:1px solid rgba(255,255,255,.20);
  transform:translateY(-50%) rotate(18deg);
}

.manifesto .statement{
  position:relative;
  z-index:2;
  font-size:46px;
  line-height:1.18;
  letter-spacing:-.04em;
  max-width:900px;
  font-weight:600;
}

.manifesto .statement span,
.manifesto .statement strong{
  color:var(--champagne);
}

/* WHAT WE COVER */

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

.pillar{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  padding:44px 38px 40px;
  min-height:360px;
  overflow:hidden;
  transition:.25s ease;
}

.pillar:before{
  content:"";
  position:absolute;
  left:38px;
  top:92px;
  width:46px;
  height:2px;
  background:var(--champagne);
}

.pillar:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:160px;
  height:160px;
  border:1px solid rgba(200,164,93,.25);
  transform:rotate(16deg);
}

.pillar:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(16,42,67,.08);
}

.pillar-number{
  font-size:13px;
  letter-spacing:.18em;
  color:var(--champagne);
  font-weight:800;
  margin-bottom:70px;
}

.pillar h3{
  font-size:28px;
  line-height:1.05;
}

.pillar p{
  color:#5F6B7A;
  font-size:15px;
}

/* WHO WE SERVE */

.audience-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.audience{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  padding:36px 30px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s ease;
}

.audience small{
  color:var(--champagne);
  font-weight:800;
  letter-spacing:.16em;
}

.audience strong{
  font-size:26px;
  line-height:1.05;
  color:var(--ink);
}

.audience p{
  color:#5F6B7A;
  font-size:14px;
  margin-bottom:0;
}

.audience:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 70px rgba(16,42,67,.08);
}

/* SELECTED OUTCOMES */

.outcomes-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 14%, rgba(200,164,93,.20), transparent 34%),
    linear-gradient(135deg,#071A2C 0%,#0B1F33 52%,#102A43 100%);
  color:#fff;
  padding:105px 0;
  clear:both;
}

.outcomes-section h2{
  color:#fff;
}

.outcomes-section p{
  color:rgba(255,255,255,.70);
}

.outcomes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:54px;
  background:rgba(255,255,255,.16);
}

.outcome{
  background:rgba(11,31,51,.72);
  padding:40px 30px;
  min-height:220px;
}

.outcome b{
  display:block;
  color:var(--champagne);
  font-size:31px;
  line-height:1.05;
  margin-bottom:18px;
  letter-spacing:-.04em;
}

.outcome span,
.outcome p{
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.6;
}

/* TECHNOLOGY DECISION SUPPORT */

.advisory-list{
  background:transparent;
  border-top:1px solid var(--line);
  padding:0;
  margin-top:48px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.advisory-item{
  display:block;
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  padding:34px 30px;
  min-height:210px;
  color:var(--ink);
  overflow:hidden;
  transition:.24s ease;
}

.advisory-item:before{
  position:absolute;
  right:24px;
  top:20px;
  color:rgba(200,164,93,.18);
  font-size:58px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.06em;
}

.advisory-item:nth-child(1)::before{content:"01";}
.advisory-item:nth-child(2)::before{content:"02";}
.advisory-item:nth-child(3)::before{content:"03";}
.advisory-item:nth-child(4)::before{content:"04";}
.advisory-item:nth-child(5)::before{content:"05";}
.advisory-item:nth-child(6)::before{content:"06";}
.advisory-item:nth-child(7)::before{content:"07";}
.advisory-item:nth-child(8)::before{content:"08";}

.advisory-item:after{
  content:"";
  position:absolute;
  left:30px;
  top:30px;
  width:48px;
  height:2px;
  background:var(--champagne);
}

.advisory-item strong{
  display:block;
  color:var(--ink);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.025em;
  padding-top:34px;
  margin-bottom:16px;
  max-width:82%;
}

.advisory-item p{
  color:#5F6B7A;
  font-size:15px;
  line-height:1.58;
  margin:0;
  max-width:94%;
}

.advisory-item:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 70px rgba(16,42,67,.09);
  border-color:rgba(200,164,93,.45);
}

/* REQUIREMENTS TO READINESS */

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

.industry{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  min-height:260px;
  padding:38px 32px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s ease;
}

.industry:before{
  content:"";
  position:absolute;
  left:32px;
  top:32px;
  width:46px;
  height:2px;
  background:var(--champagne);
}

.industry:after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-54px;
  width:120px;
  height:120px;
  border:1px solid rgba(200,164,93,.22);
  transform:rotate(18deg);
}

.industry small{
  display:block;
  color:var(--champagne);
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:54px;
}

.industry strong{
  display:block;
  color:var(--ink);
  font-size:26px;
  line-height:1.06;
  margin-bottom:16px;
}

.industry p{
  color:#5F6B7A;
  font-size:15px;
  line-height:1.62;
  margin-bottom:0;
}

.industry:hover{
  background:var(--ink);
  transform:translateY(-6px);
  box-shadow:0 30px 80px rgba(16,42,67,.12);
}

.industry:hover strong{
  color:#fff;
}

.industry:hover p,
.industry:hover small{
  color:rgba(255,255,255,.74);
}

/* ABOUT */

.story-grid{
  display:grid;
  grid-template-columns:.38fr .62fr;
  gap:80px;
  align-items:start;
}

.story-copy p{
  font-size:18px;
  max-width:820px;
}

.founder-profile.fixed-founder{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px !important;
  gap:70px;
  align-items:center;
}

.founder-card.compact-photo{
  width:280px !important;
  max-width:280px !important;
  justify-self:end;
  background:#fff;
  border:1px solid var(--line);
  padding:10px;
}

.founder-card.compact-photo img{
  width:100% !important;
  height:360px !important;
  max-height:360px !important;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.founder-copy p{
  font-size:18px;
  max-width:760px;
}

.timeline{
  border-top:1px solid var(--line);
}

.timeline-item{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:40px;
  padding:30px 0;
  border-bottom:1px solid var(--line);
}

.timeline-item span{
  color:var(--champagne);
  font-weight:800;
  letter-spacing:.16em;
}

.timeline-item p{
  max-width:760px;
  margin-bottom:0;
}

.career-timeline .timeline-item{
  grid-template-columns:110px 1fr;
}

.about-quote{
  background:var(--ink);
  color:#fff;
  padding:82px 0;
}

.about-quote p{
  color:#fff;
  font-size:48px;
  line-height:1.12;
  letter-spacing:-.05em;
  max-width:900px;
  font-weight:650;
  margin-bottom:0;
}

/* CONTACT */

.contact-grid{
  display:grid;
  grid-template-columns:.42fr .58fr;
  gap:80px;
  align-items:start;
}

.contact-form{
  background:#fff;
  border:1px solid var(--line);
  padding:42px;
}

.contact-form label{
  display:block;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
  margin-bottom:8px;
  margin-top:18px;
}

.contact-form label:first-of-type{
  margin-top:0;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid var(--line);
  padding:14px 15px;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  color:var(--text);
  background:#fff;
}

.contact-form input:focus,
.contact-form textarea:focus{
  outline:none;
  border-color:var(--ink);
}

.contact-form button{
  border:0;
  margin-top:24px;
  cursor:pointer;
}

.form-success{
  background:#eef8f1;
  color:#166534;
  padding:14px;
  margin-bottom:20px;
  border:1px solid #bbf7d0;
}

.form-error{
  background:#fef2f2;
  color:#991b1b;
  padding:14px;
  margin-bottom:20px;
  border:1px solid #fecaca;
}

/* CTA */

.cta{
  position:relative;
  padding:115px 0;
  background:
    radial-gradient(circle at 84% 20%, rgba(200,164,93,.16), transparent 32%),
    linear-gradient(180deg,#FFFFFF 0%,#F6F7F9 100%);
  clear:both;
}

.cta-box{
  position:relative;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:76px 0;
  display:grid;
  grid-template-columns:1fr .42fr;
  gap:50px;
  align-items:center;
}

.cta-box:before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:120px;
  height:2px;
  background:var(--champagne);
}

.cta h2{
  font-size:60px;
  margin-bottom:0;
}

/* FOOTER */

.footer{
  position:relative;
  background:#fff;
  border-top:1px solid var(--line);
  padding:42px 0;
  color:var(--muted);
  font-size:14px;
  clear:both;
}

.premium-footer{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:48px;
  align-items:start;
}

.footer-brand strong{
  display:block;
  color:var(--ink);
  font-size:26px;
  letter-spacing:.14em;
  margin-bottom:8px;
}

.footer-brand span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:18px;
}

.footer-brand p{
  max-width:360px;
  margin-bottom:0;
}

.footer-logo{
  display:block;
  width:220px !important;
  max-width:220px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain;
  margin-bottom:24px;
}

.footer-col h4{
  margin:0 0 18px;
  color:var(--ink);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.footer-col a,
.footer-col span{
  display:block;
  color:var(--muted);
  margin-bottom:12px;
  font-size:14px;
}

.footer-col a:hover{
  color:var(--ink);
}

.footer-bottom{
  border-top:1px solid var(--line);
  margin-top:34px;
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:13px;
}

/* INSIGHTS */

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

.insight-card{
  background:#fff;
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.insight-image{
  display:block;
  height:220px;
  overflow:hidden;
  background:var(--soft);
}

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

.insight-content{
  padding:30px;
}

.insight-meta{
  color:var(--champagne);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.insight-content h2{
  font-size:30px;
  line-height:1.08;
  margin-bottom:16px;
}

.insight-content p{
  margin-bottom:24px;
}

.insight-link{
  color:var(--ink);
  font-weight:800;
  font-size:14px;
}

/* ANIMATION */

.reveal{
  opacity:0;
  transform:translateY(22px);
  animation:rise .7s ease forwards;
}

@keyframes rise{
  to{
    opacity:1;
    transform:none;
  }
}

/* RESPONSIVE */

@media(max-width:1100px){
  .brand{
    flex:0 0 260px;
    min-width:260px;
  }

  .brand-logo{
    width:240px !important;
    max-width:240px !important;
  }

  .menu{
    gap:24px;
    font-size:15px;
  }
}

@media(max-width:900px){

  .container{
    padding:0 22px;
  }

  .nav{
    height:76px;
    gap:12px;
  }

  .brand{
    flex:0 0 180px;
    min-width:180px;
  }

  .brand-logo{
    width:160px !important;
    max-width:160px !important;
  }

  .brand strong{
    font-size:22px;
    letter-spacing:.16em;
  }

  .menu,
  .desktop-language{
    display:none !important;
  }

  .mobile-menu-toggle{
    display:block;
  }

  .hero,
  .home-hero,
  .hero.home-hero{
    min-height:auto;
    padding:46px 0 56px;
  }

  .hero:before,
  .hero:after,
  .home-hero:before,
  .home-hero:after{
    display:none;
  }

  .about-hero-grid{
    grid-template-columns:1fr !important;
    gap:34px;
  }

  h1,
  .home-hero h1{
    font-size:39px;
    line-height:1;
    letter-spacing:-.055em;
    margin-bottom:22px;
  }

  .about-hero h1{
    font-size:42px;
    line-height:1;
  }

  h2{
    font-size:32px;
    line-height:1.08;
    letter-spacing:-.04em;
  }

  h3{
    font-size:22px;
  }

  .lead{
    font-size:17px;
    line-height:1.65;
  }

  p{
    line-height:1.65;
  }

  .label{
    font-size:11px;
    margin-bottom:18px;
  }

  .actions{
    flex-direction:column;
    gap:10px;
    margin-top:26px;
  }

  .btn,
  .btn-outline,
  .btn-light{
    width:100%;
    text-align:center;
    padding:14px 18px;
  }

  .about-hero-note{
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:0;
    padding-top:18px;
    margin-top:0 !important;
  }

  .about-hero-note span{
    font-size:10px;
    margin-bottom:10px;
  }

  .about-hero-note p{
    font-size:14px;
    line-height:1.55;
  }

  .manifesto{
    padding:58px 0;
  }

  .manifesto .statement{
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.035em;
  }

  .section,
  .outcomes-section,
  .cta{
    padding:64px 0;
  }

  .section-head{
    margin-bottom:36px;
  }

  .section-head p{
    font-size:16px;
  }

  .pillars,
  .audience-grid,
  .outcomes,
  .industry-grid,
  .advisory-list,
  .cta-box,
  .story-grid,
  .founder-profile.fixed-founder,
  .timeline-item,
  .career-timeline .timeline-item,
  .contact-grid,
  .premium-footer{
    grid-template-columns:1fr !important;
  }

  .pillar,
  .audience,
  .industry,
  .outcome,
  .advisory-item{
    min-height:auto;
  }

  .pillar,
  .audience,
  .industry,
  .outcome{
    padding:26px;
  }

  .pillar-number{
    margin-bottom:34px;
  }

  .pillar h3,
  .audience strong,
  .industry strong{
    font-size:23px;
  }

  .outcome b{
    font-size:30px;
  }

  .advisory-item{
    padding:30px 24px;
  }

  .advisory-item strong{
    max-width:100%;
    font-size:22px;
  }

  .advisory-item:before{
    font-size:44px;
  }

  .industry{
    min-height:auto;
  }

  .cta-box{
    padding:42px 0;
    gap:26px;
  }

  .cta h2{
    font-size:36px;
    line-height:1.05;
  }

  .founder-card.compact-photo{
    width:100% !important;
    max-width:320px !important;
    justify-self:start;
  }

  .founder-card.compact-photo img{
    height:auto !important;
    max-height:none !important;
  }

  .about-quote{
    padding:58px 0;
  }

  .about-quote p{
    font-size:32px;
    line-height:1.15;
  }

  .contact-form{
    padding:26px;
  }

  .premium-footer{
    gap:28px;
  }

  .footer{
    padding:34px 0;
  }

  .footer-logo{
    width:180px !important;
    max-width:180px !important;
  }

  .footer-bottom{
    flex-direction:column;
    gap:10px;
  }

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

  .insight-image{
    height:190px;
  }
}
/* =========================================================
   PRINT / PDF FIX
   Prevent sticky header overlap and broken cards in PDF
========================================================= */

@media print {

  /* Sticky header PDF'de sayfa ortasına binmesin */
  .header{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    background:#fff !important;
    backdrop-filter:none !important;
    page-break-after:avoid !important;
  }

  .nav{
    height:82px !important;
  }

  .brand{
    flex:0 0 260px !important;
    min-width:260px !important;
  }

  .brand-logo{
    width:220px !important;
    max-width:220px !important;
  }

  .menu{
    gap:24px !important;
    font-size:13px !important;
  }

  .language-current{
    font-size:12px !important;
    padding:7px 10px !important;
  }

  /* PDF’de büyük hero çok yer kaplamasın */
  .hero,
  .home-hero,
  .hero.home-hero,
  .about-hero{
    min-height:auto !important;
    padding:62px 0 72px !important;
    page-break-after:avoid !important;
  }

  .hero:before,
  .hero:after,
  .home-hero:before,
  .home-hero:after{
    display:none !important;
  }

  .about-hero-grid{
    grid-template-columns:1fr 300px !important;
    gap:64px !important;
  }

  h1{
    font-size:62px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
  }

  h2{
    font-size:40px !important;
    line-height:1.05 !important;
  }

  .lead{
    font-size:17px !important;
    line-height:1.65 !important;
  }

  p{
    font-size:14px !important;
    line-height:1.62 !important;
  }

  .section,
  .outcomes-section,
  .cta{
    padding:72px 0 !important;
  }

  .section-head{
    margin-bottom:36px !important;
    page-break-after:avoid !important;
  }

  /* Manifesto PDF'de header ile çakışmasın */
  .manifesto{
    padding:62px 0 !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .manifesto .statement{
    font-size:36px !important;
    line-height:1.18 !important;
  }

  /* Advisory kartları PDF'de bölünmesin */
  .advisory-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px !important;
    page-break-inside:auto !important;
    break-inside:auto !important;
  }

  .advisory-item{
    min-height:190px !important;
    padding:28px 26px !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
    display:block !important;
  }

  .advisory-item strong{
    font-size:20px !important;
    line-height:1.12 !important;
    padding-top:28px !important;
    margin-bottom:12px !important;
    max-width:86% !important;
  }

  .advisory-item p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .advisory-item:before{
    font-size:42px !important;
    right:20px !important;
    top:18px !important;
  }

  .advisory-item:after{
    left:26px !important;
    top:26px !important;
  }

  /* Deliverables kartları bölünmesin */
  .industry-grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:16px !important;
  }

  .industry{
    min-height:230px !important;
    padding:30px 24px !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .industry small{
    margin-bottom:42px !important;
    font-size:10px !important;
  }

  .industry strong{
    font-size:21px !important;
    line-height:1.08 !important;
  }

  .industry p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  /* Outcomes / Engagement Models bölünmesin */
  .outcomes{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:1px !important;
  }

  .outcome{
    min-height:190px !important;
    padding:30px 24px !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .outcome b{
    font-size:24px !important;
    line-height:1.08 !important;
  }

  .outcome span,
  .outcome p{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  /* CTA footer'a yapışmasın */
  .cta{
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .cta-box{
    padding:52px 0 !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .cta h2{
    font-size:42px !important;
  }

  .footer{
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .premium-footer{
    grid-template-columns:1.3fr 1fr 1fr 1fr !important;
    gap:36px !important;
  }

  .footer-logo{
    width:180px !important;
    max-width:180px !important;
  }

  /* Animasyonlar PDF'de sorun çıkarmasın */
  .reveal{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
}
/* =========================================================
   ADVISORY PAGE FINAL FIX
   Numbering, spacing and engagement model order
========================================================= */

/* Hero ile manifesto arasını aç */
.about-hero + .manifesto{
  margin-top:0;
}

.about-hero + .manifesto .statement{
  max-width:980px;
}

/* Advisory 09 ve 10 numaraları */
.advisory-item:nth-child(9)::before{content:"09";}
.advisory-item:nth-child(10)::before{content:"10";}

/* Advisory kartları daha dengeli */
.advisory-list{
  align-items:stretch;
}

.advisory-item{
  min-height:220px;
}

/* Engagement Models başlığı kartlardan önce gelsin */
.outcomes-section .section-head{
  margin-bottom:54px;
}

.outcomes-section .outcomes{
  margin-top:0;
}

/* Print/PDF özel düzeltme */
@media print {

  .about-hero + .manifesto{
    margin-top:0 !important;
  }

  .manifesto{
    margin-top:0 !important;
    padding:54px 0 !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .manifesto .statement{
    font-size:32px !important;
    line-height:1.18 !important;
  }

  .advisory-item:nth-child(9)::before{content:"09" !important;}
  .advisory-item:nth-child(10)::before{content:"10" !important;}

  .outcomes-section .section-head{
    margin-bottom:36px !important;
    page-break-after:avoid !important;
    break-after:avoid !important;
  }

  .outcomes-section .outcomes{
    margin-top:0 !important;
  }

  .outcomes-section{
    page-break-before:auto !important;
  }
}
/* =========================================================
   ABOUT PAGE FINAL FIX
========================================================= */

.about-quote{
  position:relative;
  background:
    radial-gradient(circle at 84% 18%, rgba(200,164,93,.20), transparent 34%),
    var(--ink);
  color:#fff;
  padding:92px 0;
  clear:both;
}

.about-quote p{
  color:#fff;
  font-size:46px;
  line-height:1.16;
  letter-spacing:-.045em;
  max-width:980px;
  font-weight:650;
  margin-bottom:0;
}

.about-quote .lead{
  color:rgba(255,255,255,.72) !important;
  font-size:18px;
  line-height:1.75;
  letter-spacing:0;
  max-width:760px;
}

/* About içindeki advisory/principle kartları quote alanına taşmasın */
body .advisory-list{
  align-items:stretch;
}

body .advisory-item{
  break-inside:avoid;
  page-break-inside:avoid;
}

/* PDF / Print için About düzeltmesi */
@media print{

  .about-quote{
    padding:62px 0 !important;
    page-break-before:auto !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  .about-quote p{
    font-size:34px !important;
    line-height:1.18 !important;
    letter-spacing:-.035em !important;
    max-width:900px !important;
  }

  .about-quote .lead{
    font-size:14px !important;
    line-height:1.65 !important;
    margin-top:18px !important;
  }

  .advisory-list{
    page-break-inside:auto !important;
    break-inside:auto !important;
  }

  .advisory-item{
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }
}
/* =========================================================
   ARTICLES PAGE
========================================================= */

.article-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:-24px 0 46px;
}

.article-filter a{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  padding:10px 14px;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  background:#fff;
  transition:.22s ease;
}

.article-filter a:hover,
.article-filter a.active{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
}

.article-grid{
  align-items:stretch;
}

.article-card{
  transition:.25s ease;
}

.article-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(16,42,67,.08);
}

.article-hero{
  background:
    radial-gradient(circle at 86% 24%, rgba(200,164,93,.15), transparent 34%),
    linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
}

.article-hero-inner{
  max-width:980px;
  position:relative;
  z-index:2;
}

.article-hero h1{
  max-width:980px;
}

.article-meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:28px;
  color:var(--champagne);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.article-featured-image{
  padding:56px 0 0;
  background:#fff;
}

.article-featured-image img{
  width:100%;
  max-height:520px;
  object-fit:cover;
  display:block;
  border:1px solid var(--line);
}

.article-section{
  padding-top:72px;
}

.article-body{
  max-width:860px;
  font-size:18px;
  line-height:1.85;
  color:#344054;
}

.article-body p{
  font-size:18px;
  line-height:1.85;
  color:#344054;
}

.article-back{
  margin-top:46px;
}

@media(max-width:900px){
  .article-filter{
    margin-top:0;
  }

  .article-body,
  .article-body p{
    font-size:16px;
    line-height:1.7;
  }
}
.contact-form select{
  width:100%;
  border:1px solid var(--line);
  padding:14px 15px;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  color:var(--text);
  background:#fff;
}

.contact-form select:focus{
  outline:none;
  border-color:var(--ink);
}
/* =========================================================
   CONTACT PAGE FINAL FIX
========================================================= */

.contact-info-list{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:34px;
}

.contact-info-card{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  padding:28px 28px 30px;
  overflow:hidden;
}

.contact-info-card:before{
  content:"";
  position:absolute;
  left:28px;
  top:24px;
  width:44px;
  height:2px;
  background:var(--champagne);
}

.contact-info-card strong{
  display:block;
  color:var(--ink);
  font-size:22px;
  line-height:1.1;
  padding-top:28px;
  margin-bottom:12px;
}

.contact-info-card p{
  color:#5F6B7A;
  font-size:15px;
  line-height:1.6;
  margin-bottom:0;
}

.contact-info-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(16,42,67,.08);
}

.contact-form select{
  width:100%;
  border:1px solid var(--line);
  padding:14px 15px;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  color:var(--text);
  background:#fff;
}

.contact-form select:focus{
  outline:none;
  border-color:var(--ink);
}

@media print{
  .contact-info-card{
    page-break-inside:avoid;
    break-inside:avoid;
  }

  .contact-info-card:hover{
    transform:none;
    box-shadow:none;
  }
}
/* =========================================================
   ARTICLES ANCHOR OFFSET
   Category filter links should land below sticky header
========================================================= */

#articles-list{
  scroll-margin-top:120px;
}

@media(max-width:900px){
  #articles-list{
    scroll-margin-top:90px;
  }
}
/* =========================================================
   ARTICLES ANCHOR OFFSET
   Category filter links should land below sticky header
========================================================= */

#articles-list{
  scroll-margin-top:120px;
}

@media(max-width:900px){
  #articles-list{
    scroll-margin-top:90px;
  }
}

/* =========================================================
   ARTICLE LINKEDIN SHARE
========================================================= */

.article-card-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:20px;
}

.linkedin-share-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--line);
  padding:8px 11px;
  font-size:12px;
  font-weight:800;
  color:var(--ink);
  background:#fff;
  transition:.22s ease;
  white-space:nowrap;
}

.linkedin-share-link:hover{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
}

.linkedin-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:3px;
  background:#0A66C2;
  color:#fff;
  font-size:12px;
  font-weight:900;
  font-family:Arial, sans-serif;
  line-height:1;
}

.article-share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.linkedin-share-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--ink);
  color:#fff;
  padding:13px 18px;
  font-size:13px;
  font-weight:800;
  transition:.22s ease;
}

.linkedin-share-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(11,31,51,.18);
}

.linkedin-share-button .linkedin-icon{
  background:#0A66C2;
  color:#fff;
}

@media(max-width:900px){
  .article-card-actions{
    align-items:flex-start;
    flex-direction:column;
  }

  .linkedin-share-link,
  .linkedin-share-button{
    width:100%;
  }
}
.footer-locations{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

.footer-location{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:14px;
}

.footer-location strong{
  display:block;
  color:#fff;
  font-size:13px;
  margin-bottom:8px;
}

.footer-location p{
  margin:0 0 6px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.6;
}

.footer-location a{
  color:rgba(255,255,255,.85);
}

@media(max-width:700px){
  .footer-locations{
    grid-template-columns:1fr;
  }
}
.footer-locations{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.footer-location{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:12px;
}

.footer-location strong{
  display:block;
  color:#fff;
  font-size:13px;
  margin-bottom:6px;
}

.footer-location p{
  margin:0 0 6px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.6;
}

.footer-location a{
  color:rgba(255,255,255,.85);
}

.locations-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.location-card{
  background:#fff;
  border:1px solid var(--line);
  padding:28px;
}

.location-card h3{
  margin:0 0 12px;
  color:var(--ink);
}

.location-card p{
  color:var(--muted);
  line-height:1.7;
  margin:0 0 10px;
}

.location-map{
  margin-top:18px;
  border:1px solid var(--line);
  overflow:hidden;
  background:#F6F7F9;
}

.location-map iframe{
  width:100%;
  height:280px;
  border:0;
  display:block;
}

@media(max-width:900px){
  .locations-grid{
    grid-template-columns:1fr;
  }
}
/* ===============================
   Footer Locations - Light Footer Fix
================================ */

.footer-locations{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:0;
}

.footer-location{
  border-top:0;
  padding-top:0;
  margin-bottom:10px;
}

.footer-location strong{
  display:block;
  color:#0B1F33;
  font-size:14px;
  font-weight:800;
  margin-bottom:6px;
}

.footer-location p{
  margin:0 0 6px;
  color:#667085;
  font-size:14px;
  line-height:1.6;
}

.footer-location a{
  color:#667085;
  text-decoration:none;
}

.footer-location a:hover{
  color:#0B1F33;
}

/* =========================================================
   FAEY STABILIZATION FIX
   Keep this block at the very end of style.css.

   Purpose:
   - Hero stays light
   - Footer text stays white
   - Advisory card numbers return to original logic
   - No filled square behind 01 / 02 / 03
   - Disable earlier strong::before number hacks
========================================================= */

/* HERO - light surface */
html body .hero,
html body .hero.home-hero,
html body .home-hero{
  background:
    radial-gradient(circle at 86% 24%, color-mix(in srgb, var(--champagne) 12%, transparent), transparent 34%),
    linear-gradient(180deg,var(--soft) 0%,#FFFFFF 100%) !important;
  color:var(--ink) !important;
  border-bottom:1px solid var(--line) !important;
}

html body .hero h1,
html body .hero h2,
html body .hero h3,
html body .hero strong{
  color:var(--ink) !important;
}

html body .hero p,
html body .hero .lead{
  color:var(--muted) !important;
}

/* FOOTER - white text */
html body .footer,
html body .footer p,
html body .footer span,
html body .footer li,
html body .footer small,
html body .footer address,
html body .footer .footer-description,
html body .footer .footer-brand,
html body .footer .footer-bottom,
html body .footer .footer-location,
html body .footer .footer-contact,
html body .footer .muted{
  color:#FFFFFF !important;
}

html body .footer h1,
html body .footer h2,
html body .footer h3,
html body .footer h4,
html body .footer strong,
html body .footer .footer-title,
html body .footer .footer-heading{
  color:#FFFFFF !important;
}

html body .footer a,
html body .footer a:visited{
  color:#FFFFFF !important;
}

html body .footer a:hover{
  color:var(--champagne) !important;
}

/* ADVISORY CARDS - restore original card model */
html body .advisory-list .advisory-item,
html body .advisory-item{
  display:block !important;
  position:relative !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid var(--line) !important;
  padding:34px 30px !important;
  min-height:210px !important;
  color:var(--ink) !important;
  overflow:hidden !important;
  transition:.24s ease !important;
}

/* IMPORTANT: number is only ::before text, never a filled box */
html body .advisory-list .advisory-item::before,
html body .advisory-item::before{
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  right:24px !important;
  top:20px !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
  opacity:1 !important;
  color:color-mix(in srgb, var(--champagne) 18%, transparent) !important;
  -webkit-text-fill-color:color-mix(in srgb, var(--champagne) 18%, transparent) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:58px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.06em !important;
  text-align:right !important;
  pointer-events:none !important;
}

/* Explicit numbering */
html body .advisory-list .advisory-item:nth-child(1)::before,
html body .advisory-item:nth-child(1)::before{content:"01" !important;}

html body .advisory-list .advisory-item:nth-child(2)::before,
html body .advisory-item:nth-child(2)::before{content:"02" !important;}

html body .advisory-list .advisory-item:nth-child(3)::before,
html body .advisory-item:nth-child(3)::before{content:"03" !important;}

html body .advisory-list .advisory-item:nth-child(4)::before,
html body .advisory-item:nth-child(4)::before{content:"04" !important;}

html body .advisory-list .advisory-item:nth-child(5)::before,
html body .advisory-item:nth-child(5)::before{content:"05" !important;}

html body .advisory-list .advisory-item:nth-child(6)::before,
html body .advisory-item:nth-child(6)::before{content:"06" !important;}

html body .advisory-list .advisory-item:nth-child(7)::before,
html body .advisory-item:nth-child(7)::before{content:"07" !important;}

html body .advisory-list .advisory-item:nth-child(8)::before,
html body .advisory-item:nth-child(8)::before{content:"08" !important;}

/* Short line is only ::after */
html body .advisory-list .advisory-item::after,
html body .advisory-item::after{
  content:"" !important;
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  left:30px !important;
  top:30px !important;
  width:48px !important;
  height:2px !important;
  min-width:48px !important;
  min-height:2px !important;
  max-width:48px !important;
  max-height:2px !important;
  padding:0 !important;
  margin:0 !important;
  background:var(--champagne) !important;
  background-color:var(--champagne) !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
}

/* Kill previous strong::before number workaround */
html body .advisory-list .advisory-item strong::before,
html body .advisory-item strong::before{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Typography restored */
html body .advisory-list .advisory-item strong,
html body .advisory-item strong{
  display:block !important;
  color:var(--ink) !important;
  font-size:24px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  padding-top:34px !important;
  margin-bottom:16px !important;
  max-width:82% !important;
  position:relative !important;
  z-index:2 !important;
}

html body .advisory-list .advisory-item p,
html body .advisory-item p{
  color:#5F6B7A !important;
  font-size:15px !important;
  line-height:1.58 !important;
  margin:0 !important;
  max-width:94% !important;
  position:relative !important;
  z-index:2 !important;
}

html body .advisory-list .advisory-item:hover,
html body .advisory-item:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 70px rgba(16,42,67,.09) !important;
  border-color:color-mix(in srgb, var(--champagne) 45%, var(--line)) !important;
}

/* If a real number element exists, remove any background/fill */
html body .advisory-item .number,
html body .advisory-item .card-number,
html body .advisory-item .service-number,
html body .advisory-item .item-number,
html body .advisory-item .index-number,
html body .advisory-item .step-number,
html body .advisory-item [class*="number"]{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Print stabilization */
@media print{
  html body .header,
  html body .navbar,
  html body .nav,
  html body .language-menu,
  html body .mobile-menu,
  html body .hamburger{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }

  html body .advisory-list .advisory-item::before,
  html body .advisory-item::before{
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body .advisory-list .advisory-item strong::before,
  html body .advisory-item strong::before{
    content:none !important;
    display:none !important;
  }
}

@media(max-width:900px){
  html body .advisory-list .advisory-item,
  html body .advisory-item{
    padding:30px 24px !important;
  }

  html body .advisory-list .advisory-item strong,
  html body .advisory-item strong{
    max-width:100% !important;
    font-size:22px !important;
  }

  html body .advisory-list .advisory-item::before,
  html body .advisory-item::before{
    font-size:44px !important;
    right:20px !important;
    top:18px !important;
  }

  html body .advisory-list .advisory-item::after,
  html body .advisory-item::after{
    left:26px !important;
    top:26px !important;
  }
}

/* =========================================================
   FAEY FOOTER THEME BACKGROUND FIX
   Keep this block at the very end of style.css.

   Footer background must stay theme/dark.
   Footer text must stay white.
========================================================= */

/* Default footer: dark brand background */
html body .footer{
  background:var(--ink) !important;
  background-color:var(--ink) !important;
  color:#FFFFFF !important;
  border-top:0 !important;
}

/* Theme-specific footer backgrounds */
html body[data-faey-theme="teal_estate_wheat"] .footer{
  background:#0F3535 !important;
  background-color:#0F3535 !important;
}

html body[data-faey-theme="charcoal_bronze"] .footer{
  background:#1A1E22 !important;
  background-color:#1A1E22 !important;
}

html body[data-faey-theme="midnight_silver"] .footer{
  background:#0F1E2A !important;
  background-color:#0F1E2A !important;
}

/* Footer inner areas should not create white cards */
html body .footer .container,
html body .footer .footer-inner,
html body .footer .footer-grid,
html body .footer .footer-bottom,
html body .footer .footer-brand,
html body .footer .footer-col,
html body .footer .footer-column{
  background:transparent !important;
  background-color:transparent !important;
}

/* Footer text remains white */
html body .footer,
html body .footer p,
html body .footer span,
html body .footer li,
html body .footer small,
html body .footer address,
html body .footer .footer-description,
html body .footer .footer-brand,
html body .footer .footer-bottom,
html body .footer .footer-location,
html body .footer .footer-contact,
html body .footer .muted{
  color:#FFFFFF !important;
}

html body .footer h1,
html body .footer h2,
html body .footer h3,
html body .footer h4,
html body .footer strong,
html body .footer .footer-title,
html body .footer .footer-heading{
  color:#FFFFFF !important;
}

html body .footer a,
html body .footer a:visited{
  color:#FFFFFF !important;
}

html body .footer a:hover{
  color:var(--champagne) !important;
}

html body .footer .footer-meaning-line{
  color:#FFFFFF !important;
}

/* =========================================================
   FAEY LOGO SIZE + MEANING CARDS RESTORE
   Keep this block at the very end of style.css.

   Fixes:
   - Header logo size returns to controlled value
   - FAEY meaning area returns to 4-card layout
   - Prevents plain stacked F/A/E/Y text list
========================================================= */

/* HEADER LOGO SIZE CONTROL */
html body .brand,
html body .site-brand,
html body .header-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
}

html body .brand img,
html body .site-brand img,
html body .header-brand img,
html body img.brand-logo,
html body .brand-logo{
  width:var(--faey-header-logo-width, 220px) !important;
  max-width:var(--faey-header-logo-width, 220px) !important;
  height:auto !important;
  max-height:86px !important;
  object-fit:contain !important;
  display:block !important;
}

html body .header .container,
html body .site-header .container,
html body .navbar .container{
  align-items:center !important;
}

/* Keep nav from colliding with logo */
html body .nav,
html body .main-nav,
html body .navbar-nav{
  margin-left:auto !important;
}

/* Mobile logo size */
@media(max-width:900px){
  html body .brand img,
  html body .site-brand img,
  html body .header-brand img,
  html body img.brand-logo,
  html body .brand-logo{
    width:var(--faey-mobile-logo-width, 170px) !important;
    max-width:var(--faey-mobile-logo-width, 170px) !important;
    max-height:68px !important;
  }
}

/* FAEY MEANING SECTION: restore card layout */
html body .faey-meaning-native{
  background:var(--soft) !important;
  padding:96px 0 !important;
}

html body .faey-meaning-native .section-head{
  max-width:860px !important;
  margin-bottom:54px !important;
}

html body .faey-meaning-native .section-head .label{
  color:var(--champagne) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

html body .faey-meaning-native .section-head h2{
  max-width:860px !important;
  color:var(--ink) !important;
}

html body .faey-meaning-native .section-head p{
  max-width:820px !important;
  color:var(--muted) !important;
}

/* Force 4-card grid */
html body .faey-meaning-native-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:0 !important;
}

/* Card style aligned with site cards */
html body .faey-meaning-native-card{
  position:relative !important;
  display:block !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  padding:36px 30px !important;
  min-height:260px !important;
  overflow:hidden !important;
  transition:.24s ease !important;
}

/* Short line */
html body .faey-meaning-native-card::before{
  content:"" !important;
  position:absolute !important;
  left:30px !important;
  top:30px !important;
  width:48px !important;
  height:2px !important;
  background:var(--champagne) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* subtle corner geometry, not a filled badge */
html body .faey-meaning-native-card::after{
  content:"" !important;
  position:absolute !important;
  right:-54px !important;
  bottom:-54px !important;
  width:120px !important;
  height:120px !important;
  border:1px solid color-mix(in srgb, var(--champagne) 22%, transparent) !important;
  background:transparent !important;
  transform:rotate(18deg) !important;
  box-shadow:none !important;
}

/* F/A/E/Y letter: small label, no circle */
html body .faey-meaning-native-letter{
  display:block !important;
  position:relative !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:54px 0 28px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--champagne) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

html body .faey-meaning-native-card h3{
  display:block !important;
  color:var(--ink) !important;
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  margin:0 0 16px !important;
}

html body .faey-meaning-native-card p{
  display:block !important;
  color:#5F6B7A !important;
  font-size:15px !important;
  line-height:1.62 !important;
  margin:0 !important;
}

html body .faey-meaning-native-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 70px rgba(16,42,67,.08) !important;
  border-color:color-mix(in srgb, var(--champagne) 45%, var(--line)) !important;
}

/* Hide old experimental/plain sections only if they are duplicates */
html body .faey-value-system-v4,
html body .faey-value-system-v5,
html body .faey-meaning-section{
  display:none !important;
}

/* If meaning cards are accidentally rendered as plain children, card them */
html body .faey-meaning-native > .container > .faey-meaning-native-card{
  display:block !important;
}

/* Responsive */
@media(max-width:1100px){
  html body .faey-meaning-native-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  html body .faey-meaning-native{
    padding:64px 0 !important;
  }

  html body .faey-meaning-native-grid{
    grid-template-columns:1fr !important;
  }

  html body .faey-meaning-native-card{
    min-height:auto !important;
    padding:30px 24px !important;
  }

  html body .faey-meaning-native-letter{
    margin:46px 0 22px !important;
  }

  html body .faey-meaning-native-card h3{
    font-size:24px !important;
  }
}

/* =========================================================
   FAEY MEANING LETTER SIZE FIX
   Keep this block at the very end of style.css.

   F / A / E / Y markers were too small.
   This makes them stronger without using circle/badge style.
========================================================= */

html body .faey-meaning-native-letter{
  display:block !important;
  position:relative !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:54px 0 24px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  color:var(--champagne) !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

html body .faey-meaning-native-card h3{
  margin-top:0 !important;
}

/* Slightly stronger visual rhythm on the cards */
html body .faey-meaning-native-card{
  padding:38px 34px !important;
  min-height:280px !important;
}

html body .faey-meaning-native-card::before{
  left:34px !important;
  top:34px !important;
  width:54px !important;
}

@media(max-width:640px){
  html body .faey-meaning-native-letter{
    font-size:24px !important;
    margin:46px 0 20px !important;
  }

  html body .faey-meaning-native-card{
    padding:30px 24px !important;
    min-height:auto !important;
  }
}

/* =========================================================
   FAEY EXPERIENCE DETAIL CASE STUDY REDESIGN
   More compact, site-aligned project detail layout.
========================================================= */

.experience-detail-hero{
  background:
    radial-gradient(circle at 86% 24%, color-mix(in srgb, var(--champagne) 10%, transparent), transparent 32%),
    linear-gradient(180deg,var(--soft) 0%,#fff 100%) !important;
  border-bottom:1px solid var(--line) !important;
  padding-top:72px !important;
  padding-bottom:72px !important;
}

.experience-detail-hero .container{
  max-width:1240px !important;
}

.experience-detail-hero h1{
  max-width:1040px !important;
  font-size:clamp(44px,5.8vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
  margin:26px 0 18px !important;
}

.experience-detail-hero p{
  max-width:920px !important;
  font-size:19px !important;
  line-height:1.65 !important;
}

.experience-case-study{
  background:#fff !important;
  padding-top:74px !important;
}

.experience-case-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:34px !important;
  align-items:start !important;
}

.experience-case-main{
  min-width:0 !important;
}

.experience-case-intro{
  border:1px solid var(--line) !important;
  background:#fff !important;
  padding:34px 38px !important;
  margin-bottom:20px !important;
}

.experience-case-intro .label{
  color:var(--champagne) !important;
}

.experience-case-intro p{
  margin:18px 0 0 !important;
  color:var(--ink) !important;
  font-size:22px !important;
  line-height:1.5 !important;
  letter-spacing:-.015em !important;
}

.experience-case-block-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
}

.experience-case-block{
  position:relative !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  padding:34px 34px 36px !important;
  min-height:270px !important;
  overflow:hidden !important;
}

.experience-case-block:before{
  content:"" !important;
  position:absolute !important;
  left:34px !important;
  top:32px !important;
  width:54px !important;
  height:2px !important;
  background:var(--champagne) !important;
}

.experience-case-block > span{
  display:block !important;
  margin-top:42px !important;
  margin-bottom:24px !important;
  color:var(--champagne) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}

.experience-case-block h2{
  color:var(--ink) !important;
  font-size:30px !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  margin:0 0 16px !important;
}

.experience-case-block p{
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.68 !important;
  margin:0 !important;
}

.experience-case-block-wide{
  grid-column:1 / -1 !important;
  min-height:auto !important;
}

.experience-case-side{
  position:sticky !important;
  top:116px !important;
}

.experience-case-image{
  margin:0 0 18px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  padding:18px !important;
  min-height:160px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.experience-case-image img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:190px !important;
  object-fit:contain !important;
  opacity:.92 !important;
}

.experience-case-facts{
  border:1px solid var(--line) !important;
  background:var(--soft) !important;
  padding:30px !important;
}

.experience-case-facts div{
  border-bottom:1px solid var(--line) !important;
  padding:0 0 20px !important;
  margin-bottom:20px !important;
}

.experience-case-facts div:last-child{
  margin-bottom:0 !important;
}

.experience-case-facts strong{
  display:block !important;
  color:var(--champagne) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}

.experience-case-facts span{
  display:block !important;
  color:var(--ink) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:750 !important;
}

.experience-detail-layout,
.experience-detail-main,
.experience-detail-side{
  /* neutralize previous detail layout if loaded earlier */
}

@media(max-width:1000px){
  .experience-case-grid{
    grid-template-columns:1fr !important;
  }
  .experience-case-side{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:700px){
  .experience-case-block-grid{
    grid-template-columns:1fr !important;
  }
  .experience-case-intro,
  .experience-case-block,
  .experience-case-facts{
    padding:28px 24px !important;
  }
  .experience-case-block:before{
    left:24px !important;
  }
}

/* =========================================================
   FAEY INVESTOR EXPERIENCE PORTFOLIO
   Minimal, investor-focused project list and detail design.
========================================================= */

.experience-card-number{display:none!important}

.experience-list-card{
  min-height:280px!important;
  padding:34px!important;
}

.experience-card-content h3{
  font-size:clamp(26px,2.5vw,36px)!important;
  max-width:92%!important;
}

.experience-card-meta-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:18px 0 18px!important;
}

.experience-card-meta-row span{
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  color:var(--muted)!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

.experience-investor-detail{
  background:#fff!important;
  padding-top:68px!important;
}

.investor-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 380px!important;
  gap:28px!important;
  align-items:start!important;
}

.investor-summary-card{
  border:1px solid var(--line)!important;
  background:#fff!important;
  padding:34px 38px!important;
  margin-bottom:20px!important;
}

.investor-summary-card p{
  margin:14px 0 0!important;
  color:var(--ink)!important;
  font-size:22px!important;
  line-height:1.48!important;
  letter-spacing:-.015em!important;
}

.investor-block-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}

.investor-block{
  border:1px solid var(--line)!important;
  background:#fff!important;
  padding:32px 34px!important;
  min-height:250px!important;
  transition:.22s ease!important;
}

.investor-block:hover{
  border-color:color-mix(in srgb, var(--champagne) 46%, var(--line))!important;
  box-shadow:0 22px 60px rgba(16,42,67,.06)!important;
  transform:translateY(-3px)!important;
}

.investor-block h2{
  color:var(--ink)!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:0 0 16px!important;
}

.investor-block h2:before{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:2px!important;
  background:var(--champagne)!important;
  margin-bottom:28px!important;
}

.investor-block p{
  color:var(--muted)!important;
  font-size:16px!important;
  line-height:1.68!important;
  margin:0!important;
}

.investor-block-wide{
  grid-column:1/-1!important;
  min-height:auto!important;
}

.investor-fact-panel{
  position:sticky!important;
  top:116px!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  padding:28px!important;
}

.investor-project-logo{
  margin:0 0 18px!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  min-height:140px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.investor-project-logo img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:160px!important;
  object-fit:contain!important;
}

.investor-fact-panel div{
  border-top:1px solid var(--line)!important;
  padding:18px 0!important;
}

.investor-fact-panel div:first-of-type{
  border-top:0!important;
}

.investor-fact-panel strong{
  display:block!important;
  color:var(--champagne)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin-bottom:8px!important;
}

.investor-fact-panel span{
  display:block!important;
  color:var(--ink)!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:760!important;
}

.investor-link{
  width:100%!important;
  justify-content:center!important;
  margin-top:18px!important;
}

@media(max-width:1000px){
  .investor-detail-grid{grid-template-columns:1fr!important}
  .investor-fact-panel{position:relative!important;top:auto!important}
}
@media(max-width:700px){
  .investor-block-grid{grid-template-columns:1fr!important}
  .investor-summary-card,.investor-block,.investor-fact-panel{padding:26px 22px!important}
}

/* =========================================================
   FAEY EXPERIENCE FINAL PORTFOLIO DESIGN
   Fixes list page: real cards, investor metadata, compact hero flow.
========================================================= */

.experience-hero{
  padding-top:72px!important;
  padding-bottom:76px!important;
}

.experience-hero h1{
  max-width:1040px!important;
  font-size:clamp(48px,6.4vw,88px)!important;
  line-height:.96!important;
}

.experience-hero p{
  max-width:980px!important;
}

.experience-portfolio-section{
  padding-top:72px!important;
  background:#fff!important;
}

.experience-portfolio-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,430px)!important;
  gap:34px!important;
  align-items:end!important;
  margin-bottom:28px!important;
}

.experience-portfolio-head h2{
  margin:12px 0 0!important;
  color:var(--ink)!important;
  font-size:clamp(36px,4vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

.experience-portfolio-head p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:17px!important;
  line-height:1.6!important;
}

.experience-filter-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 28px!important;
}

.experience-filter{
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--muted)!important;
  padding:10px 14px!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
  transition:.22s ease!important;
}

.experience-filter:hover,
.experience-filter.active{
  background:var(--ink)!important;
  border-color:var(--ink)!important;
  color:#fff!important;
}

.experience-portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}

.experience-investor-card{
  display:block!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  min-height:390px!important;
  transition:.24s ease!important;
}

.experience-investor-card:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb, var(--champagne) 48%, var(--line))!important;
  box-shadow:0 28px 80px rgba(16,42,67,.075)!important;
}

.experience-investor-card a{
  display:flex!important;
  flex-direction:column!important;
  min-height:390px!important;
  padding:30px 32px!important;
  color:inherit!important;
  text-decoration:none!important;
}

.experience-investor-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  align-items:flex-start!important;
  margin-bottom:28px!important;
}

.experience-investor-top span{
  color:var(--champagne)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  line-height:1.35!important;
  max-width:70%!important;
}

.experience-investor-top em{
  flex:0 0 auto!important;
  font-style:normal!important;
  border:1px solid var(--line)!important;
  color:var(--muted)!important;
  background:var(--soft)!important;
  padding:7px 9px!important;
  font-size:12px!important;
  font-weight:850!important;
}

.experience-investor-card h3{
  margin:0 0 18px!important;
  color:var(--ink)!important;
  font-size:clamp(28px,2.6vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
}

.experience-investor-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 20px!important;
}

.experience-investor-meta span{
  display:inline-flex!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  color:var(--muted)!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:820!important;
  line-height:1.2!important;
}

.experience-investor-card p{
  margin:0 0 22px!important;
  color:var(--muted)!important;
  font-size:16px!important;
  line-height:1.65!important;
}

.experience-investor-value{
  border-top:1px solid var(--line)!important;
  padding-top:20px!important;
  margin-top:auto!important;
}

.experience-investor-value strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:8px!important;
}

.experience-investor-value span{
  display:block!important;
  color:var(--muted)!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.experience-investor-action{
  color:var(--ink)!important;
  font-size:15px!important;
  font-weight:900!important;
  margin-top:22px!important;
}

.experience-areas-section{
  display:none!important;
}

.experience-card-number,
.experience-card-meta-row{
  display:none!important;
}

/* Detail page refinement */
.experience-investor-detail{
  background:#fff!important;
  padding-top:68px!important;
}

.investor-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  gap:28px!important;
  align-items:start!important;
}

.investor-summary-card,
.investor-block,
.investor-fact-panel{
  border:1px solid var(--line)!important;
  background:#fff!important;
}

.investor-summary-card{
  padding:34px 38px!important;
  margin-bottom:20px!important;
}

.investor-summary-card p{
  margin:14px 0 0!important;
  color:var(--ink)!important;
  font-size:22px!important;
  line-height:1.48!important;
}

.investor-block-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}

.investor-block{
  padding:32px 34px!important;
  min-height:250px!important;
}

.investor-block h2{
  color:var(--ink)!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:0 0 16px!important;
}

.investor-block h2:before{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:2px!important;
  background:var(--champagne)!important;
  margin-bottom:28px!important;
}

.investor-block p{
  color:var(--muted)!important;
  font-size:16px!important;
  line-height:1.68!important;
  margin:0!important;
}

.investor-block-wide{
  grid-column:1/-1!important;
  min-height:auto!important;
}

.investor-fact-panel{
  position:sticky!important;
  top:116px!important;
  background:var(--soft)!important;
  padding:28px!important;
}

.investor-fact-panel div{
  border-top:1px solid var(--line)!important;
  padding:18px 0!important;
}

.investor-fact-panel div:first-of-type{
  border-top:0!important;
}

.investor-fact-panel strong{
  display:block!important;
  color:var(--champagne)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin-bottom:8px!important;
}

.investor-fact-panel span{
  display:block!important;
  color:var(--ink)!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:760!important;
}

.investor-project-logo{
  margin:0 0 18px!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  min-height:120px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.investor-project-logo img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:150px!important;
  object-fit:contain!important;
}

@media(max-width:1000px){
  .experience-portfolio-head,
  .experience-portfolio-grid,
  .investor-detail-grid{
    grid-template-columns:1fr!important;
  }
  .investor-fact-panel{
    position:relative!important;
    top:auto!important;
  }
}

@media(max-width:700px){
  .experience-investor-card a,
  .investor-summary-card,
  .investor-block,
  .investor-fact-panel{
    padding:26px 22px!important;
  }
  .investor-block-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   FAEY EXPERIENCE ADMIN CLEAN WORKFLOW + PUBLIC CARD IMAGE
========================================================= */

.experience-investor-image{
  margin:0 0 22px!important;
  height:120px!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

.experience-investor-image img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:96px!important;
  object-fit:contain!important;
  display:block!important;
}

.experience-investor-card:has(.experience-investor-image) a{
  min-height:450px!important;
}

/* =========================================================
   FAEY EXPERIENCE IMAGE SIZE MONOGRAM FIX
   Keeps uploaded logos/images controlled and shows FA monogram if empty.
========================================================= */

.experience-investor-image{
  width:100%!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  margin:0 0 24px!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

.experience-investor-image img{
  width:auto!important;
  height:auto!important;
  max-width:78%!important;
  max-height:88px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
}

.experience-investor-monogram{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:74px!important;
  height:74px!important;
  background:var(--ink)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:24px!important;
  letter-spacing:-.08em!important;
}

.investor-project-logo{
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  margin:0 0 18px!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.investor-project-logo img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:104px!important;
  object-fit:contain!important;
  display:block!important;
}

.project-table .thumb,
.thumb{
  width:86px!important;
  height:58px!important;
  max-width:86px!important;
  max-height:58px!important;
  object-fit:contain!important;
  background:#f6f8fa!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

@media(max-width:700px){
  .experience-investor-image{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
  }
  .experience-investor-image img{
    max-height:72px!important;
  }
}

/* =========================================================
   FAEY EXPERIENCE IMAGE FIT REFINEMENT
   Larger contained logo area + transparent FA monogram.
========================================================= */

.experience-investor-image{
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
  padding:14px!important;
  background:#fff!important;
}

.experience-investor-image img{
  max-width:92%!important;
  max-height:138px!important;
  object-fit:contain!important;
}

.experience-investor-monogram{
  background:transparent!important;
  color:var(--ink)!important;
  border:2px solid var(--line)!important;
  width:88px!important;
  height:88px!important;
  font-size:28px!important;
}

.investor-project-logo{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  padding:14px!important;
  background:#fff!important;
}

.investor-project-logo img{
  max-width:92%!important;
  max-height:146px!important;
  object-fit:contain!important;
}

.experience-investor-card:has(.experience-investor-image) a{
  min-height:500px!important;
}

@media(max-width:700px){
  .experience-investor-image{
    height:140px!important;
    min-height:140px!important;
    max-height:140px!important;
  }
  .experience-investor-image img{
    max-height:108px!important;
  }
}

/* =========================================================
   FAEY EXPERIENCE CLIENT LOGO COVER GALLERY
========================================================= */

.experience-investor-image{
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  padding:18px!important;
  background:#fff!important;
}

.experience-investor-image img{
  max-width:90%!important;
  max-height:112px!important;
  object-fit:contain!important;
}

.experience-investor-monogram{
  background:transparent!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
}

.investor-cover-image{
  margin:0 0 20px!important;
  width:100%!important;
  height:300px!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

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

.investor-project-logo{
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  background:#fff!important;
}

.investor-project-logo img{
  max-width:90%!important;
  max-height:112px!important;
  object-fit:contain!important;
}

.investor-gallery{
  margin-top:20px!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  padding:30px!important;
}

.investor-gallery h2{
  margin:0 0 22px!important;
  color:var(--ink)!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
}

.investor-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

.investor-gallery figure{
  margin:0!important;
  border:1px solid var(--line)!important;
  background:var(--soft)!important;
  overflow:hidden!important;
}

.investor-gallery img{
  display:block!important;
  width:100%!important;
  height:220px!important;
  object-fit:cover!important;
}

.investor-gallery figcaption{
  padding:12px 14px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:750!important;
  background:#fff!important;
}

@media(max-width:700px){
  .investor-cover-image{height:210px!important}
  .investor-gallery-grid{grid-template-columns:1fr!important}
  .investor-gallery img{height:190px!important}
}

/* =========================================================
   FAEY EXPERIENCE PRODUCTIZED TAGS
========================================================= */

.experience-service-tags,
.investor-service-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  max-width:100%!important;
}

.experience-service-tags span,
.investor-service-tags span{
  display:inline-flex!important;
  border:1px solid color-mix(in srgb, var(--champagne) 42%, var(--line))!important;
  background:color-mix(in srgb, var(--champagne) 8%, #fff)!important;
  color:var(--ink)!important;
  padding:7px 10px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.investor-service-tags{
  margin-bottom:16px!important;
}

/* FAEY Experience cleanup / company model */
.experience-company-name{
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0 0 10px!important;
}

/* =========================================================
   FAEY EXPERIENCE CARD CONTENT FINAL REFINEMENT
   Keep this block at the very end of style.css.

   Purpose:
   - Remove broken image / FA placeholder behavior on public cards
   - Make portfolio cards more balanced after logos became visible
   - Improve project detail page readability and fact panel spacing
========================================================= */

/* Portfolio section spacing */
html body .experience-portfolio-section{
  padding-top:76px !important;
}

html body .experience-portfolio-head{
  align-items:start !important;
  margin-bottom:32px !important;
}

html body .experience-portfolio-head h2{
  max-width:820px !important;
}

html body .experience-filter-row{
  margin-bottom:34px !important;
}

/* Public portfolio card: stronger content rhythm */
html body .experience-portfolio-grid{
  gap:26px !important;
  align-items:stretch !important;
}

html body .experience-investor-card{
  min-height:0 !important;
}

html body .experience-investor-card a{
  min-height:0 !important;
  height:100% !important;
  padding:34px 34px 32px !important;
}

/* Compact logo/image band. If PHP does not render a figure, the card starts directly with content. */
html body .experience-investor-image{
  width:100% !important;
  height:106px !important;
  min-height:106px !important;
  max-height:106px !important;
  margin:0 0 30px !important;
  padding:18px 22px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

html body .experience-investor-image img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72% !important;
  max-height:68px !important;
  object-fit:contain !important;
}

html body .experience-investor-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 0 24px !important;
}

html body .experience-service-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-width:calc(100% - 112px) !important;
}

html body .experience-service-tags span,
html body .experience-investor-top > span{
  line-height:1.35 !important;
}

html body .experience-investor-top em{
  margin-left:auto !important;
  white-space:nowrap !important;
}

html body .experience-company-name{
  margin:0 0 14px !important;
  color:#667085 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body .experience-investor-card h3{
  margin:0 0 20px !important;
  font-size:clamp(30px,2.6vw,44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
}

html body .experience-investor-meta{
  gap:8px !important;
  margin:0 0 22px !important;
}

html body .experience-investor-meta span{
  line-height:1.25 !important;
}

html body .experience-investor-card p{
  font-size:16px !important;
  line-height:1.68 !important;
  margin-bottom:24px !important;
}

html body .experience-investor-value{
  padding-top:22px !important;
}

html body .experience-investor-action{
  margin-top:24px !important;
}

/* Detail page hero: prevent cramped words and improve intro spacing */
html body .experience-detail-hero{
  padding-top:64px !important;
  padding-bottom:64px !important;
}

html body .experience-detail-hero h1{
  max-width:980px !important;
  font-size:clamp(44px,5.4vw,76px) !important;
  line-height:1 !important;
  letter-spacing:-.058em !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  margin-top:22px !important;
}

html body .experience-detail-hero p{
  max-width:840px !important;
  font-size:20px !important;
  line-height:1.55 !important;
}

html body .experience-back{
  display:inline-flex !important;
  margin-bottom:26px !important;
  color:var(--muted) !important;
  font-weight:800 !important;
}

/* Detail layout */
html body .experience-investor-detail{
  padding-top:72px !important;
}

html body .investor-detail-grid{
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:32px !important;
}

html body .investor-summary-card{
  padding:34px 38px !important;
  margin-bottom:22px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
}

html body .investor-summary-card .investor-service-tags,
html body .investor-summary-card .label{
  margin-bottom:18px !important;
}

html body .investor-summary-card p{
  margin:0 !important;
  color:var(--ink) !important;
  font-size:21px !important;
  line-height:1.52 !important;
  letter-spacing:-.015em !important;
}

html body .investor-block-grid{
  gap:22px !important;
}

html body .investor-block{
  min-height:235px !important;
  padding:34px 38px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
}

html body .investor-block h2{
  font-size:30px !important;
  line-height:1.05 !important;
  margin-bottom:18px !important;
}

html body .investor-block p{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* Side panel: compact logo and separated label/value pairs */
html body .investor-fact-panel{
  position:sticky !important;
  top:116px !important;
  padding:26px !important;
  border:1px solid var(--line) !important;
  background:var(--soft) !important;
}

html body .investor-project-logo{
  width:100% !important;
  height:116px !important;
  min-height:116px !important;
  max-height:116px !important;
  margin:0 0 20px !important;
  padding:18px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

html body .investor-project-logo img{
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:78px !important;
  object-fit:contain !important;
  display:block !important;
}

html body .investor-fact-panel div{
  display:block !important;
  border-top:1px solid var(--line) !important;
  padding:16px 0 !important;
  margin:0 !important;
}

html body .investor-fact-panel div:first-of-type{
  border-top:0 !important;
}

html body .investor-fact-panel strong{
  display:block !important;
  color:var(--champagne) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  line-height:1.25 !important;
  margin:0 0 8px !important;
}

html body .investor-fact-panel span{
  display:block !important;
  color:var(--ink) !important;
  font-size:15px !important;
  line-height:1.48 !important;
  font-weight:760 !important;
  word-break:normal !important;
}

html body .investor-link{
  width:100% !important;
  text-align:center !important;
  margin-top:18px !important;
}

html body .investor-cover-image{
  height:280px !important;
  margin-bottom:22px !important;
}

html body .investor-cover-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

@media(max-width:1000px){
  html body .investor-detail-grid{
    grid-template-columns:1fr !important;
  }

  html body .investor-fact-panel{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:700px){
  html body .experience-portfolio-head{
    grid-template-columns:1fr !important;
  }

  html body .experience-investor-card a,
  html body .investor-summary-card,
  html body .investor-block,
  html body .investor-fact-panel{
    padding:26px 22px !important;
  }

  html body .experience-investor-image{
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
  }

  html body .experience-investor-image img{
    max-height:58px !important;
  }

  html body .experience-investor-top{
    flex-direction:column !important;
    gap:12px !important;
  }

  html body .experience-service-tags{
    max-width:100% !important;
  }

  html body .experience-investor-top em{
    margin-left:0 !important;
  }

  html body .experience-detail-hero h1{
    font-size:38px !important;
  }

  html body .investor-block-grid{
    grid-template-columns:1fr !important;
  }
}

@media print{
  html body .experience-investor-image,
  html body .investor-project-logo,
  html body .investor-cover-image{
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }

  html body .investor-fact-panel div{
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }
}