/* Premium V7 - Hakkimizda */
body:has(.about-intro) .page-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#073d44 0%,#0a4a51 55%,#c4a36c 180%);padding:68px 0 75px;border-bottom:4px solid #c9a66c}
body:has(.about-intro) .page-hero:after{content:"";position:absolute;right:8%;top:-65px;width:300px;height:300px;border:1px solid #d9c59b66;border-radius:50%;pointer-events:none}
body:has(.about-intro) .page-hero h1{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.045em;color:#fff;margin:.2em 0}
body:has(.about-intro) .page-hero p{color:#e7e9e5;max-width:630px;font-size:1.08rem}
body:has(.about-intro) .about-intro{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr);gap:clamp(25px,4vw,64px);align-items:start}
body:has(.about-intro) .about-portrait{background:#f6f0e7;padding:10px;border:1px solid #dbc7a5;border-radius:25px;box-shadow:0 24px 65px #063f4321;overflow:hidden}
body:has(.about-intro) .about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:17px}
body:has(.about-intro) .portrait-note{background:#073f46;color:#fff;border-radius:12px;margin:10px 0 0;padding:14px 16px;text-align:center;font-weight:700}
body:has(.about-intro) .about-story h2{font-size:clamp(2.1rem,3.6vw,3.7rem);line-height:1.08;color:#093c44;letter-spacing:-.04em}
body:has(.about-intro) .about-story p{line-height:1.85}
body:has(.about-intro) .about-lead{color:#a2783d;font-size:1.2rem;font-weight:600}
body:has(.about-intro) .about-story blockquote{background:#f8f3ec;border-left:4px solid #b98e4f;border-radius:0 18px 18px 0;padding:25px 30px;font-size:1.15rem}
body:has(.about-intro) .about-milestones{background:#f7f5f1;border:1px solid #e7dfd1;border-radius:22px;padding:25px;box-shadow:0 12px 35px #0d40400b}
body:has(.about-intro) .about-milestones strong{color:#a57938;font-size:1.6rem}
body:has(.about-intro) .about-services{padding-top:60px;text-align:center}
body:has(.about-intro) .about-services h2{font-size:clamp(2rem,3.2vw,3.4rem);color:#073f46;letter-spacing:-.035em}
body:has(.about-intro) .about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px;text-align:left}
body:has(.about-intro) .about-service-grid a{background:linear-gradient(155deg,#fff,#f9f5ef);border:1px solid #e6ddcf;border-radius:20px;padding:24px 20px;box-shadow:0 12px 25px #0b42400a;transition:transform .2s,box-shadow .2s;text-decoration:none}
body:has(.about-intro) .about-service-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0b42401c}
body:has(.about-intro) .about-service-grid a span{display:grid;place-items:center;width:50px;height:50px;background:#f0e6d6;color:#926a32;border-radius:15px;font-size:1.8rem;margin-bottom:16px}
body:has(.about-intro) .about-service-grid strong{display:block;color:#083d44;font-size:1.1rem;margin-bottom:9px}
body:has(.about-intro) .about-service-grid small{display:block;color:#5e6d70;font-size:.89rem;line-height:1.65}
body:has(.about-intro) .about-contact{background:#073e45;border-radius:24px;color:#fff;padding:34px;margin-top:54px}
body:has(.about-intro) .about-contact h2,body:has(.about-intro) .about-contact p{color:#fff}
@media(max-width:1000px){body:has(.about-intro) .about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body:has(.about-intro) .page-hero{padding:48px 0}body:has(.about-intro) .about-intro{grid-template-columns:1fr}body:has(.about-intro) .about-portrait{max-width:460px;margin:auto}body:has(.about-intro) .about-services{padding-top:38px}body:has(.about-intro) .about-contact{padding:24px}}
@media(max-width:420px){body:has(.about-intro) .about-service-grid{grid-template-columns:1fr}body:has(.about-intro) .about-milestones{padding:15px}}