:root{--juana-gold:#cda349;--juana-navy:#07182d;--juana-soft:#f5f2eb}.about-page{background:#fff;color:#172235}.about-container{width:min(1180px,calc(100% - 32px));margin:auto;padding:84px 0}.about-hero{height:min(78vh,760px);min-height:560px;position:relative;overflow:hidden}.about-hero>img{width:100%;height:100%;object-fit:cover}.about-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,37,.88),rgba(4,18,37,.24))}.about-hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1180px,calc(100% - 32px));margin:auto;color:#fff}.about-hero__content img{width:100px;height:100px;object-fit:contain;margin-bottom:18px}.about-hero h1{font-size:clamp(42px,7vw,86px);margin:0 0 16px}.about-hero p{font-size:clamp(18px,2.2vw,28px);max-width:760px;line-height:1.7}.about-split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.about-split>img{width:100%;border-radius:26px;box-shadow:0 24px 70px rgba(9,31,57,.16)}.eyebrow,.section-head span,.team-cta span,.about-final span{color:var(--juana-gold);font-weight:800;letter-spacing:.16em}.about-split h2,.section-head h2{font-size:clamp(32px,4vw,52px);margin:12px 0 22px}.about-split p{font-size:18px;line-height:2}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.vision-grid article{background:var(--juana-soft);padding:24px;border-radius:18px;border-inline-start:4px solid var(--juana-gold)}.about-band{background:var(--juana-navy);color:#fff}.section-head{text-align:center;margin-bottom:42px}.icon-grid,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.icon-grid article,.service-grid a{padding:28px 22px;border-radius:20px;text-align:center;transition:.25s}.icon-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.icon-grid b,.service-grid span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:var(--juana-gold);color:#111;font-size:24px}.icon-grid article:hover,.service-grid a:hover{transform:translateY(-7px)}.service-grid a{background:#fff;border:1px solid #e8e2d6;box-shadow:0 14px 40px rgba(8,26,47,.08);color:#172235;text-decoration:none}.about-invest{background:var(--juana-soft)}.invest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.invest-grid div{background:#fff;padding:26px;border-radius:18px;display:flex;gap:15px;align-items:center}.invest-grid i{width:13px;height:13px;border-radius:50%;background:var(--juana-gold);box-shadow:0 0 0 8px rgba(205,163,73,.16)}.numbers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.numbers-grid article{text-align:center;padding:32px 16px;border-radius:20px;background:var(--juana-navy);color:#fff}.numbers-grid strong{display:block;color:var(--juana-gold);font-size:38px}.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline li{background:rgba(255,255,255,.07);padding:24px;border-radius:18px}.timeline b{display:block;color:var(--juana-gold);font-size:30px;margin-bottom:10px}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.partners span{padding:28px;text-align:center;border:1px solid #e5dfd2;border-radius:18px;font-size:20px;font-weight:800}.team-cta{background:linear-gradient(110deg,#0b2240,#142f55);color:#fff}.team-cta .about-container{display:flex;justify-content:space-between;align-items:center}.team-cta a,.about-final a{background:var(--juana-gold);color:#111;padding:16px 28px;border-radius:999px;text-decoration:none;font-weight:800}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews article{padding:28px;border:1px solid #e6e0d5;border-radius:20px;box-shadow:0 14px 34px rgba(8,26,47,.07)}.reviews div{color:var(--juana-gold);letter-spacing:.25em}.faq-list{max-width:900px;margin:auto}.faq-list details{background:rgba(255,255,255,.07);margin:12px 0;padding:20px 24px;border-radius:14px}.faq-list summary{font-weight:800;cursor:pointer}.about-final{min-height:420px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(5,20,39,.72),rgba(5,20,39,.84)),url('/images/projects/juana-featured/about-istanbul-panorama.webp') center/cover}.about-final h2{font-size:clamp(34px,5vw,62px);margin:14px 0 30px}@media(max-width:900px){.about-split{grid-template-columns:1fr}.icon-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.invest-grid,.reviews{grid-template-columns:1fr}.numbers-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.partners{grid-template-columns:repeat(2,1fr)}.team-cta .about-container{display:block}.team-cta a{display:inline-block;margin-top:20px}}@media(max-width:560px){.about-hero{min-height:520px}.vision-grid,.icon-grid,.service-grid,.timeline,.partners{grid-template-columns:1fr}.about-container{padding:58px 0}}
