/* Projects-only hero, following the approved About Us proportions. */
.page-projects .projects-hero{position:relative;isolation:isolate;width:100%;max-width:100%;height:clamp(385px,25.67vw,493px);background:#041116;color:#f7f9fb;font-family:Titillium,'Arial Narrow',Arial,sans-serif;overflow:clip}
.page-projects .ph-panorama{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%}
.page-projects .ph-panorama img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 72%}
.page-projects .projects-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041116fa 0%,#041116e8 24%,#04111680 44%,#04111600 64%),linear-gradient(0deg,#04111645,transparent 25%)}
.page-projects .ph-copy{position:relative;box-sizing:border-box;width:88%;max-width:1690px;height:100%;margin-inline:auto;padding:clamp(30px,2.5vw,48px) 0 32px}
.page-projects .ph-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 16px;font-size:13px;line-height:1.3;color:#d3dce3}
.page-projects .ph-breadcrumb a{padding-block:3px;color:inherit;text-decoration:none}
.page-projects .ph-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.page-projects .ph-breadcrumb>span[aria-hidden]{color:#f12a3c;font-weight:600}
.page-projects .ph-eyebrow{margin:0 0 9px;color:#ff3041;font-size:clamp(11px,.82vw,15px);font-weight:700;line-height:1.35;letter-spacing:.2em;text-transform:uppercase}
.page-projects .ph-copy h1{max-width:540px;width:43%;margin:0;font-size:clamp(44px,3.65vw,64px);line-height:1.08;letter-spacing:-.026em;font-weight:700;text-wrap:balance}
.page-projects .ph-description{width:36%;max-width:470px;margin:16px 0 0;color:#dbe3e9;font-size:clamp(17px,1.2vw,23px);line-height:1.4;font-weight:400}
.page-projects .ph-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;margin-top:20px;padding:11px 24px;border:1px solid #687983;border-radius:100px;background:#03101670;color:#f7f8f9;text-decoration:none;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,border-color .2s}
.page-projects .ph-cta:hover{background:#1c303a;border-color:#b5c1c8}
.page-projects .ph-cta svg{flex:none}
.page-projects .ph-concept-note{position:absolute;bottom:14px;right:6%;margin:0;color:#d7dfe5;font-size:11px;line-height:1.4;text-shadow:0 1px 4px #00121b}
.page-projects .ph-cta:focus-visible,.page-projects .ph-breadcrumb a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.page-projects #meva-referanslar{scroll-margin-top:18px}
@media(min-width:701px) and (max-width:1100px){
 .page-projects .projects-hero{height:430px}
 .page-projects .ph-copy h1{width:55%;font-size:clamp(40px,4.6vw,50px)}
 .page-projects .ph-description{width:49%;font-size:17px}
 .page-projects .projects-hero::before{background:linear-gradient(90deg,#041116f5 0%,#041116df 32%,#04111665 65%,#04111615)}
 .page-projects .ph-panorama img{object-position:65% 65%}
}
@media(max-width:700px){
 html body[data-page=projects] main.inner-page .projects-hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:0}
 html body[data-page=projects] main.inner-page .ph-copy{grid-row:1;width:calc(100% - 36px);height:auto;padding:22px 0 24px;margin-inline:auto}
 .page-projects .ph-breadcrumb{font-size:12px;gap:10px;margin-bottom:24px}
 .page-projects .ph-eyebrow{font-size:11px;margin-bottom:9px}
 html body[data-page=projects] main.inner-page .ph-copy h1{width:100%;max-width:520px;font-size:clamp(34px,8.5vw,46px);line-height:1.08;letter-spacing:-.026em}
 .page-projects .ph-description{width:100%;max-width:460px;font-size:17px;line-height:1.4;margin-top:16px}
 .page-projects .ph-cta{min-height:46px;font-size:14px;padding:11px 20px;gap:24px;margin-top:20px}
 .page-projects .ph-panorama{grid-row:2;grid-column:1;position:relative;inset:auto;height:clamp(240px,58vw,345px);z-index:0;overflow:hidden}
 .page-projects .ph-panorama img{object-position:65% 65%}
 .page-projects .ph-panorama:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#041116 0%,#04111600 22%,#04111600 80%,#04111680 100%)}
 .page-projects .projects-hero::before{display:none}
 .page-projects .ph-concept-note{grid-row:2;grid-column:1;position:relative;inset:auto;align-self:end;justify-self:end;z-index:1;max-width:calc(100% - 36px);margin:0 18px 12px;font-size:10px;text-align:right}
}
@media(max-width:360px){.page-projects .ph-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){.page-projects .ph-cta{transition:none}}