/* About page styles */
.about-hero { position: relative; padding: calc(var(--header-height) + 80px) 0 80px; color: var(--white); background: linear-gradient(0deg, rgba(10,18,30,0.6), rgba(10,18,30,0.6)); overflow: hidden;}
.about-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,18,30,0.55) 0%, rgba(10,18,30,0.35) 55%, rgba(10,18,30,0.12) 100%); }
.about-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; }
.about-hero__inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: 340px; }
.about-hero__content { max-width: 720px; padding-left: 10px; }
.about-hero .common-title { color: var(--white); }
.about-hero .common-title__subtitle { color: var(--white); }
.about-hero .common-title__subtitle::before { width: 0px;}
.about-hero .common-title__subtitle::after { width: 0px;}
.about-hero .common-title__heading { color: var(--white); font-size: clamp(34px, 6vw, 72px); line-height: 1.02; }
.about-hero .common-title__text { color: rgba(255,255,255,0.92); margin-bottom: 20px; }
.about-hero__cta { display: inline-block; }
@media (max-width: 992px) { .about-hero { padding: 80px 0 60px; } .about-hero__inner { padding: 0 20px; } .about-hero__title { font-size: 40px; }}
@media (max-width: 640px) {  .about-hero { padding: 80px 0 40px; } .about-hero__title { font-size: 30px; } .about-hero__inner { min-height: auto; }}
@media (max-width: 900px) {.about-hero::after { display: none; } .about-hero__overlay { background: rgba(10,18,30,0.65); }}

/* About features section */
.about-features { background: var(--bg); color: var(--text-dark); }
.about-features__inner { display: grid; grid-template-columns: 1fr 520px; gap: 36px; align-items: start; }
.about-features__left { max-width: 720px; }
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.feature-card { background: var(--white); border: 1px solid var(--border); padding: 20px; border-radius: 8px; min-height: 110px; display: flex; flex-direction: column; gap: 8px; }
.feature-icon { font-size: 22px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: linear-gradient(180deg, rgba(26,58,107,0.06), rgba(26,58,107,0.03)); color: var(--bidhausstrategy-accent); }
.feature-icon svg { width: 28px; height: 28px; display: block; color: var(--bidhausstrategy-accent); }
.feature-icon svg [stroke] { stroke: currentColor; }
.feature-icon svg [fill] { fill: none; }
.feature-card h4 { margin: 0; font-size: 1.05rem; color: var(--primary); }
.feature-card p { margin: 0; color: var(--text-light); font-size: 14px; line-height: 1.6; }
@media (max-width: 1024px) { .about-features__inner { grid-template-columns: 1fr; } .features-grid { grid-template-columns: 1fr 1fr; } .about-features { padding: 48px 0; } }
@media (max-width: 640px) { .features-grid { grid-template-columns: 1fr; } .about-features { padding: 36px 0; } }

/* Why BidHaus Exists - centered content */
.about-why { background: #E5E3E8; padding: 56px 0; }
.about-why .common-title { max-width: 980px; margin-left: auto; margin-right: auto; }
.about-why .common-title__heading { font-size: clamp(26px, 3.6vw, 36px);  margin-bottom: 8px; }
.about-why .common-title__text {  margin: 12px auto; max-width: 820px; font-size: 16px; line-height: 1.8; }
@media (max-width: 768px) { .about-why { padding: 40px 18px; } .about-why .common-title__text { font-size: 15px; } }

/* Pursuit Framework */
.about-framework { background: linear-gradient(180deg,#0b2238 0%, #071428 100%); color: #fff; padding: 56px 0; }
.about-framework .common-title__subtitle { color: rgb(255, 255, 255); letter-spacing: 2px; }
.about-framework .common-title__subtitle::before { background: rgb(255, 255, 255);}
.about-framework .common-title__subtitle::after { background: rgb(255, 255, 255);}
.about-framework .common-title__heading { color: #fff; margin-bottom: 70px; }
.framework-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; align-items: start; position: relative; }
.framework-item { background: #fff; color: var(--primary); border-radius: 8px; padding: 36px 18px 28px; text-align: center; position: relative; box-shadow: 0 8px 24px rgba(2,12,24,0.16); min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.framework-item h4 { margin: 10px 0 8px; font-size: 1rem; }
.framework-item p { margin: 0; color: var(--text-light); font-size: 14px; line-height: 1.6; }
.framework-icon { width: 64px; height: 64px; border: solid 2px var(--bidhausstrategy-accent); border-radius: 50%; background: var(--white); display: inline-flex; align-items: center; justify-content: center; color: var(--bidhausstrategy-accent); position: absolute; left: 50%; transform: translateX(-50%); top: -32px;  }
.framework-icon svg { width: 28px; height: 28px; color: var(--bidhausstrategy-accent); }
@media (max-width: 1200px) { .framework-grid { grid-template-columns: repeat(3,1fr); } .framework-item::after { right: -16px; } }
@media (max-width: 768px) { .framework-grid { grid-template-columns: 1fr; } .framework-item { text-align: left; padding-left: 70px; } .framework-icon { left: 28px; transform: none; top: 22px; } .framework-item::after { display: none; } .about-framework { padding: 40px 0; } }

/* Founder section */
.about-founder{background: #E5E3E8;}
.about-founder__inner { display: grid; grid-template-columns: 40% 60%; gap: 40px; align-items: center; }
.about-founder__media img { width: 100%; height: 500px; object-fit: cover; border-radius: 6px; display: block; }
.about-founder .common-title__subtitle { text-transform: uppercase; letter-spacing: 2px; color: var(--bidhausstrategy-accent); margin-bottom: 6px; position: relative; }
.founder-role { font-family: var(--font-heading); font-size: 26px; color: var(--primary); margin: 6px 0 12px; font-weight: 700; }
.founder-bio { color: var(--text-light); margin-bottom: 14px; line-height: 1.8; }
.founder-list { list-style: none; padding: 0; margin: 12px 0 18px; columns: 3; column-gap: 28px; color: var(--text-dark); }
.founder-list li { break-inside: avoid; margin-bottom: 10px; position: relative; padding-left: 18px; }
.founder-list li::before { content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: var(--bidhausstrategy-accent); border-radius: 50%; }
.about-founder .common-btn { margin-top: 12px; }
@media (max-width: 992px) { .about-founder__inner { grid-template-columns: 1fr; } .about-founder__media { order: -1; } .founder-list { columns: 1; } .about-founder { padding: 36px 0; } }

/* Callout banner used on About page - background set inline in PHP template */
.about-callout { position: relative; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; }
.about-callout__overlay { position: absolute; inset: 0; background: rgba(8,18,30,0.6); z-index: 1; }
.about-callout__inner { position: relative; z-index: 2; width: 100%; padding: 64px 0; }
.about-callout__content { max-width: 1080px; margin: 0 auto; text-align: center; padding: 0 20px; }
@media (max-width: 768px) { .about-callout__inner { padding: 40px 0; } }
.about-callout .common-title__heading { color: #ffffff; }
.about-callout .common-title__text { color: rgba(255,255,255,0.95); }