/* ==========================================================================
   Norva — inner.css
   İç sayfalarda yüklenir: sayfa başlığı, içerik tipografisi, hizmet ve
   uzmanlık detayı, ekip sayfası, iletişim, form, 404.
   ========================================================================== */

/* ===== SAYFA BAŞLIĞI ===== */
.ihead{position:relative;z-index:2;padding:calc(var(--nav-h,74px) + 96px) 0 68px;
  border-bottom:1px solid var(--line)}
.ihead .no{font-size:11px;letter-spacing:.3em;color:var(--green);font-weight:700;margin-bottom:16px}
.ihead h1{font-size:clamp(34px,5.4vw,68px);font-weight:300;line-height:1.04;letter-spacing:-.02em}
.ihead h1 em{font-style:normal;color:var(--green)}
.ihead h1 .dim{color:var(--bone-dim)}
.ihead .lead{margin-top:22px;max-width:640px;font-size:clamp(15px,1.6vw,17.5px);
  font-weight:300;line-height:1.85;color:var(--bone-dim)}
.ihead-cta{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap}

.ihead--foto{padding-bottom:0;border-bottom:0}
.ihead-vis{position:relative;margin-top:52px;aspect-ratio:21/9;overflow:hidden;
  border:1px solid var(--line)}
.ihead-vis img{filter:saturate(.72) contrast(1.06)}
.ihead-vis::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,46,60,.28),rgba(10,33,44,.82))}

/* ===== İÇERİK ===== */
.body{position:relative;z-index:2;padding:78px 0}
.body--tight{padding-top:0}
.prose{max-width:760px}
.prose p{font-size:15.5px;font-weight:300;line-height:1.95;color:var(--bone-dim);margin-bottom:20px}
.prose p strong{color:var(--bone);font-weight:600}
.prose h2{font-size:clamp(24px,3vw,34px);font-weight:300;line-height:1.2;margin:44px 0 18px}
.prose h2 em{font-style:normal;color:var(--green)}
.prose h3{font-size:19px;font-weight:600;margin:32px 0 12px}
.prose ul,.prose ol{margin:0 0 22px 20px}
.prose li{font-size:15px;font-weight:300;line-height:1.85;color:var(--bone-dim);margin-bottom:9px}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{border-left:2px solid var(--green);padding:6px 0 6px 24px;margin:30px 0}
.prose blockquote p{font-size:18px;color:var(--bone);font-weight:300;font-style:italic}
.prose img{margin:30px 0;border:1px solid var(--line)}
.prose table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14px}
.prose th,.prose td{padding:13px 15px;border:1px solid var(--line);text-align:left}
.prose th{background:rgba(240,239,230,.05);font-weight:600;letter-spacing:.04em}
.prose td{color:var(--bone-dim);font-weight:300}

/* ===== KAPSAM LİSTESİ ===== */
.kaps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin:44px 0}
.kaps div{background:var(--navy);padding:24px 22px;transition:background .35s var(--ease)}
.kaps div:hover{background:var(--navy-3)}
.kaps b{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--green);font-weight:700;margin-bottom:9px}
.kaps span{font-size:14px;font-weight:300;line-height:1.7;color:var(--bone-dim)}

/* ===== ÇIKTI KARTLARI ===== */
.cikti{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:40px 0}
.cikti article{border:1px solid var(--line);padding:26px 24px;position:relative;overflow:hidden;
  transition:border-color .35s var(--ease),transform .35s var(--ease)}
.cikti article::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
.cikti article:hover{border-color:var(--navy-4);transform:translateY(-4px)}
.cikti article:hover::before{transform:scaleY(1)}
.cikti h3{font-size:17px;font-weight:600;margin-bottom:8px}
.cikti p{font-size:13.5px;font-weight:300;line-height:1.7;color:var(--bone-dim)}

/* ===== YAN SÜTUN ===== */
.split{display:grid;grid-template-columns:1.55fr .95fr;gap:56px;align-items:start}
.aside{position:sticky;top:calc(var(--nav-h,74px) + 26px);border:1px solid var(--line);padding:28px 26px}
.aside h4{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--green);font-weight:700;margin-bottom:16px}
.aside ul{list-style:none;margin:0}
.aside li{border-bottom:1px solid var(--line)}
.aside li:last-child{border-bottom:0}
.aside li a{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:13px 0;font-size:14px;font-weight:300;color:var(--bone-dim);transition:color .25s,padding-left .25s}
.aside li a:hover,.aside li.on a{color:var(--bone);padding-left:6px}
.aside li.on a{color:var(--green);font-weight:500}
.aside li a i{font-style:normal;font-size:10.5px;letter-spacing:.2em;color:var(--green);opacity:.6}
.aside .btn{width:100%;justify-content:center;margin-top:22px}

/* ===== EKİP ===== */
.crew{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.crew article{border:1px solid var(--line);overflow:hidden;transition:border-color .4s var(--ease)}
.crew article:hover{border-color:var(--navy-4)}
.crew .vis{aspect-ratio:4/3;overflow:hidden;position:relative}
.crew .vis img{filter:saturate(.55) contrast(1.08);transition:transform .8s var(--ease),filter .5s}
.crew article:hover .vis img{transform:scale(1.045);filter:saturate(.8) contrast(1.04)}
.crew .bd{padding:26px 24px 28px}
.crew h3{font-size:20px;font-weight:500;letter-spacing:-.01em}
.crew .rol{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);
  font-weight:700;margin-top:8px}
.crew .soz{margin-top:16px;font-size:14.5px;font-weight:300;line-height:1.85;color:var(--bone-dim);
  border-left:2px solid var(--navy-4);padding-left:16px}
.crew .ozet{margin-top:16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bone-dim);opacity:.75}

/* ===== FORM ===== */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.f{display:block}
.f--full{grid-column:1/-1}
.f>span{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;color:var(--bone);margin-bottom:8px}
.f>span i{font-style:normal;color:var(--green)}
.f input,.f select,.f textarea{width:100%;background:rgba(240,239,230,.06);
  border:1px solid var(--line);border-radius:2px;padding:14px;color:var(--bone);
  font-family:inherit;font-size:14.5px;outline:none;transition:.25s var(--ease)}
.f input::placeholder,.f textarea::placeholder{color:rgba(159,176,182,.65)}
.f textarea{resize:vertical;min-height:118px;line-height:1.7}
.f input:focus,.f select:focus,.f textarea:focus{
  background:rgba(240,239,230,.11);border-color:var(--green)}
.f select option{background:var(--navy-2);color:var(--bone)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.kvkk{display:flex;gap:11px;align-items:flex-start;margin-top:18px;
  font-size:13px;font-weight:300;line-height:1.7;color:var(--bone-dim)}
.kvkk input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--green)}
.kvkk a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.form-send{width:100%;margin-top:20px;justify-content:center;border:0;cursor:pointer;
  font-family:inherit;font-size:14.5px}
.form-note{margin-top:13px;font-size:12.5px;font-weight:300;line-height:1.7;color:var(--bone-dim)}
.form-ok,.form-err{padding:22px 24px;margin-bottom:22px;border:1px solid var(--line);
  display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.form-ok{border-left:2px solid var(--green);background:rgba(200,242,74,.07)}
.form-err{border-left:2px solid #ff6b5e;background:rgba(255,107,94,.08)}
.form-ok strong,.form-err strong{font-size:16.5px;font-weight:600}
.form-ok span,.form-err span{font-size:13.5px;font-weight:300;line-height:1.75;color:var(--bone-dim)}

/* ===== İLETİŞİM BİLGİ ===== */
.ibilgi{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.ibilgi div{background:var(--navy);padding:24px 22px}
.ibilgi b{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--green);font-weight:700;margin-bottom:8px}
.ibilgi a,.ibilgi p{font-size:15px;font-weight:300;line-height:1.7;color:var(--bone-dim)}
.ibilgi a:hover{color:var(--bone)}

/* ===== BAĞLANTI KARTLARI ===== */
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lcard{display:block;border:1px solid var(--line);padding:28px 26px;position:relative;
  overflow:hidden;transition:border-color .4s var(--ease),transform .4s var(--ease)}
.lcard:hover{border-color:var(--navy-4);transform:translateY(-5px)}
.lcard .tg{font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--green);font-weight:700}
.lcard h3{font-size:19px;font-weight:500;margin:11px 0 9px}
.lcard p{font-size:13.5px;font-weight:300;line-height:1.7;color:var(--bone-dim)}
.lcard .go{margin-top:16px;display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:700;color:var(--green)}
.lcard:hover .go{gap:14px}

/* ===== 404 ===== */
.e404{padding:calc(var(--nav-h,74px) + 120px) 0 90px;position:relative;z-index:2}
.e404 .big{font-size:clamp(70px,14vw,180px);font-weight:300;line-height:.9;
  color:var(--navy-4);letter-spacing:-.04em}

@media(max-width:1024px){
  .split{grid-template-columns:1fr;gap:40px}
  .aside{position:static}
  .kaps{grid-template-columns:1fr 1fr}
  .lgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .kaps,.cikti,.crew,.form-grid,.lgrid{grid-template-columns:1fr}
  .ihead{padding-top:calc(var(--nav-h,74px) + 64px);padding-bottom:48px}
  .body{padding:54px 0}
}