.sectors-page-hero{position:relative;padding-top:var(--header-height);min-height:610px;display:flex;align-items:stretch;overflow:hidden;background:#07131f;color:#fff;border-bottom:1px solid rgba(148,175,197,.22)}
.sectors-page-hero:before{content:"";position:absolute;inset:0;background:url('../../images/sectors-page/hero-kumpas.webp') center 53%/cover no-repeat;transform:scale(1.015)}
.sectors-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,25,.94) 0%,rgba(5,18,29,.78) 31%,rgba(6,19,31,.34) 58%,rgba(6,19,31,.12) 100%)}
.sectors-page-hero__inner{position:relative;z-index:2;width:100%;min-height:610px;display:flex;align-items:center}
.sectors-page-hero__copy{position:relative;width:min(720px,58%);padding:46px 48px 46px 42px;border:1px solid rgba(204,224,239,.18);background:linear-gradient(135deg,rgba(8,27,43,.56),rgba(8,24,38,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sectors-page-hero__copy:before{content:"";position:absolute;left:-1px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,transparent,rgba(216,235,248,.82),transparent)}
.sectors-page-hero__copy .eyebrow,.sectors-page-heading .eyebrow{margin:0 0 18px;color:#a8bdcd;font-size:11px;font-weight:600;letter-spacing:.2em}
.sectors-page-hero__copy h1{max-width:660px;margin:0;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:clamp(52px,5.2vw,80px);font-weight:700;line-height:.96;text-transform:uppercase}
.sectors-page-hero__copy>p:last-child{max-width:610px;margin:27px 0 0;color:#d0dae2;font-size:17px;line-height:1.65}
.sectors-page-hero__visual{display:none}
.sectors-page-showcase{padding:62px 0 0;background:#081521;color:#fff}
.sectors-page-heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:64px;margin-bottom:28px}
.sectors-page-heading h2{max-width:850px;margin:0;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:clamp(36px,3.3vw,54px);line-height:1;text-transform:uppercase}
.sectors-page-heading>p{max-width:480px;margin:0 0 3px;color:#aebdca;font-size:15px;line-height:1.65}
.sectors-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sectors-page-card{position:relative;min-height:340px;overflow:hidden;border:1px solid rgba(181,207,226,.34);border-radius:9px;background:rgba(13,34,51,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.sectors-page-card:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 27%,transparent 70%,rgba(184,215,236,.04));pointer-events:none}
.sectors-page-card:after{content:"";position:absolute;z-index:3;left:18px;right:18px;top:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,241,249,.32),transparent);opacity:.55;pointer-events:none}
.sectors-page-card img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease;will-change:transform}
.sectors-page-card:hover{transform:translateY(-3px);border-color:rgba(207,228,242,.58);box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.1)}
.sectors-page-card:hover img{transform:scale(1.075);filter:brightness(1.04)}
.sectors-page-card__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,14,23,.03) 20%,rgba(5,14,23,.14) 48%,rgba(5,14,23,.9) 100%);backdrop-filter:saturate(.94);-webkit-backdrop-filter:saturate(.94)}
.sectors-page-card__content{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:29px 30px;background:linear-gradient(90deg,rgba(9,27,42,.46),rgba(9,27,42,.16));border-top:1px solid rgba(218,235,247,.12);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.sectors-page-card h3{margin:0;color:#fff;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:30px;line-height:1;text-transform:none}
.sectors-page-card p{margin:7px 0 0;color:#d6e0e7;font-size:14px}
.sectors-page-card__number{display:flex;align-items:center;gap:14px;color:#e1eaf0;font-size:16px;letter-spacing:.08em}.sectors-page-card__number:before{content:"";display:block;width:76px;height:1px;background:rgba(225,234,240,.75)}
.sectors-page-cta{position:relative;margin-top:18px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;border:1px solid rgba(157,185,207,.3);background:linear-gradient(100deg,rgba(21,46,66,.92),rgba(8,22,35,.84))}
.sectors-page-cta:after{content:"";position:absolute;right:0;top:0;width:38%;height:100%;opacity:.18;background:url('../../images/sectors-page/cnc_talasli_imalat.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000)}
.sectors-page-cta>div,.sectors-page-cta .button{position:relative;z-index:1}.sectors-page-cta span{display:block;margin-bottom:6px;color:#91a8ba;font-size:10px;font-weight:600;letter-spacing:.18em}.sectors-page-cta h3{margin:0;font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-size:30px}.sectors-page-cta p{margin:5px 0 0;color:#aebdca}.sectors-page-cta .button{flex:0 0 auto}
@media(max-width:980px){.sectors-page-hero,.sectors-page-hero__inner{min-height:560px}.sectors-page-hero:after{background:linear-gradient(90deg,rgba(4,15,25,.9),rgba(5,18,29,.58) 60%,rgba(6,19,31,.22))}.sectors-page-hero__copy{width:min(690px,78%)}.sectors-page-heading{grid-template-columns:1fr;gap:18px}.sectors-page-heading>p{max-width:680px}.sectors-page-card{min-height:290px}}
@media(max-width:700px){.sectors-page-hero,.sectors-page-hero__inner{min-height:570px}.sectors-page-hero:before{background-position:63% center}.sectors-page-hero:after{background:linear-gradient(180deg,rgba(5,17,28,.42),rgba(5,17,28,.74) 50%,rgba(5,17,28,.92))}.sectors-page-hero__inner{align-items:flex-end;padding-bottom:34px}.sectors-page-hero__copy{width:100%;padding:30px 26px;background:rgba(7,24,38,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sectors-page-showcase{padding-top:46px}.sectors-page-grid{grid-template-columns:1fr}.sectors-page-card{min-height:310px}.sectors-page-cta{align-items:flex-start;flex-direction:column}.sectors-page-cta .button{width:100%;justify-content:center}}
@media(max-width:560px){.sectors-page-hero__copy h1{font-size:45px}.sectors-page-hero__copy>p:last-child{font-size:15px}.sectors-page-card{min-height:270px}.sectors-page-card__content{padding:22px}.sectors-page-card h3{font-size:26px}.sectors-page-card__number:before{width:38px}.sectors-page-cta{padding:26px 24px}.sectors-page-cta h3{font-size:26px}}
@media(hover:none){.sectors-page-card:hover{transform:none}.sectors-page-card:hover img{transform:none;filter:none}}

/* Final visual refinements */
.sectors-page-showcase{padding:54px 0 0}
.sectors-page-heading{grid-template-columns:1fr auto;gap:48px;margin-bottom:24px;padding:0 2px}
.sectors-page-heading h2{max-width:720px;font-size:clamp(34px,2.8vw,48px)}
.sectors-page-heading>p{max-width:430px;font-size:14px}
.sectors-page-grid{gap:16px}
.sectors-page-card{min-height:315px;border-radius:5px;border-color:rgba(181,207,226,.28);background:#0b1c2a}
.sectors-page-card:before{background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 24%,transparent 76%,rgba(184,215,236,.03))}
.sectors-page-card__shade{background:linear-gradient(180deg,rgba(5,14,23,.02) 24%,rgba(5,14,23,.10) 52%,rgba(5,14,23,.82) 100%)}
.sectors-page-card__content{padding:24px 26px;background:linear-gradient(90deg,rgba(8,24,38,.58),rgba(8,24,38,.25));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.sectors-page-card h3{font-size:27px}.sectors-page-card p{font-size:13px}.sectors-page-card__number{font-size:14px}.sectors-page-card__number:before{width:52px}
.sectors-page-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}
.sectors-page-card:hover img{transform:scale(1.055)}
.sectors-page-cta{margin-top:16px;padding:25px 30px;background:linear-gradient(100deg,rgba(20,45,64,.88),rgba(8,22,35,.92))}
.sectors-page-cta:after{display:none}
@media(max-width:980px){.sectors-page-heading{grid-template-columns:1fr;gap:14px}.sectors-page-card{min-height:285px}}
@media(max-width:700px){.sectors-page-showcase{padding-top:40px}.sectors-page-card{min-height:290px}.sectors-page-heading{margin-bottom:20px}}

/* 2026-09 sector visual tune: clean hero + calmer cards */
.sectors-page-hero:after{
    background:linear-gradient(90deg,rgba(4,15,25,.94) 0%,rgba(5,18,29,.76) 29%,rgba(6,19,31,.38) 53%,rgba(6,19,31,.12) 76%,rgba(6,19,31,.05) 100%);
}
.sectors-page-hero__copy{
    width:min(720px,58%);
    padding:46px 0;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.sectors-page-hero__copy:before{display:none}

.sectors-page-card{
    border-color:rgba(129,158,180,.28);
    box-shadow:none;
}
.sectors-page-card:after{display:none}
.sectors-page-card__shade{
    background:linear-gradient(180deg,rgba(6,19,31,.08) 12%,rgba(7,24,39,.18) 48%,rgba(5,18,30,.88) 100%);
}
.sectors-page-card__content{
    background:linear-gradient(90deg,rgba(8,30,48,.76),rgba(8,28,45,.48));
    border-top:0;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
.sectors-page-card:hover{
    transform:translateY(-1px);
    border-color:rgba(150,181,203,.38);
    box-shadow:0 10px 26px rgba(0,0,0,.16);
}
.sectors-page-card:hover img{transform:scale(1.025);filter:brightness(1.015)}

@media(max-width:700px){
    .sectors-page-hero__copy{
        width:100%;
        padding:30px 0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }
    .sectors-page-hero:after{
        background:linear-gradient(180deg,rgba(5,17,28,.24),rgba(5,17,28,.58) 48%,rgba(5,17,28,.94) 100%);
    }
}

/* 2026-09-27 final hero alignment + original frosted card tone */
@media (min-width:701px){
    .sectors-page-hero__copy{
        margin-left:42px;
    }
    .sectors-page-hero:after{
        background:linear-gradient(90deg,rgba(3,14,24,.98) 0%,rgba(5,18,30,.90) 28%,rgba(6,20,33,.62) 47%,rgba(6,19,31,.25) 68%,rgba(6,19,31,.06) 100%);
    }
}

/* Keep the sector cards frosted rather than navy-filled. */
.sectors-page-card{
    background:rgba(13,34,51,.50);
    border-color:rgba(181,207,226,.28);
}
.sectors-page-card__shade{
    background:linear-gradient(180deg,rgba(5,14,23,.03) 20%,rgba(5,14,23,.14) 50%,rgba(5,14,23,.88) 100%);
}
.sectors-page-card__content{
    background:linear-gradient(90deg,rgba(9,27,42,.46),rgba(9,27,42,.16));
    border-top:0;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.sectors-page-card:hover{
    transform:translateY(-1px);
    border-color:rgba(181,207,226,.34);
    box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.sectors-page-card:hover img{
    transform:scale(1.025);
    filter:brightness(1.015);
}


/* 2026-09-28 — Sektörler sayfası lacivert nefes alanları */
.sectors-page-breath{position:relative;width:100%;background:radial-gradient(ellipse at 50% 0%,rgba(38,77,105,.16) 0%,rgba(16,43,64,.07) 34%,transparent 68%),linear-gradient(180deg,#0a1a29 0%,#081521 100%)}
.sectors-page-breath::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(156,188,211,.18) 24%,rgba(190,216,234,.28) 50%,rgba(156,188,211,.18) 76%,transparent 97%)}
.sectors-page-breath--after-hero{height:46px}
.sectors-page-breath--before-footer{height:58px}
.sectors-page-breath--before-footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(143,174,197,.13) 28%,rgba(179,204,221,.20) 50%,rgba(143,174,197,.13) 72%,transparent 96%)}
@media(max-width:700px){.sectors-page-breath--after-hero{height:28px}.sectors-page-breath--before-footer{height:36px}}

/* 2026-09-29 mobile sector hero: readable composition without desktop-sized type/glass. */
@media (max-width:700px){
  .sectors-page-hero{
    min-height:520px;
    padding-top:var(--header-height);
  }
  .sectors-page-hero__inner{
    min-height:calc(520px - var(--header-height));
    align-items:flex-end;
    padding:0 20px 30px !important;
  }
  .sectors-page-hero:before{
    background-position:68% center;
    transform:none;
  }
  .sectors-page-hero:after{
    background:linear-gradient(180deg,rgba(4,15,25,.10) 0%,rgba(4,15,25,.32) 35%,rgba(4,15,25,.82) 68%,rgba(4,15,25,.98) 100%);
  }
  .sectors-page-hero__copy{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .sectors-page-hero__copy .eyebrow{margin-bottom:10px;font-size:9px;letter-spacing:.18em;}
  .sectors-page-hero__copy h1{
    max-width:330px;
    font-size:clamp(36px,10.5vw,44px) !important;
    line-height:.94;
    letter-spacing:-.02em;
  }
  .sectors-page-hero__copy>p:last-child{
    max-width:340px;
    margin-top:16px;
    font-size:14px !important;
    line-height:1.5;
  }
}
@media (max-width:390px){
  .sectors-page-hero__inner{padding-left:16px !important;padding-right:16px !important;}
  .sectors-page-hero__copy h1{font-size:34px !important;max-width:300px;}
}
