:root{
  --ink-950:#0a0705;
  --ink-900:#120c09;
  --ink-800:#1b120d;
  --ink-700:#251912;
  --paper-100:#f1e9dc;
  --paper-300:#c2b5a1;
  --gold-500:#c9962e;
  --gold-400:#e3b154;
  --red-600:#8a1f1a;
  --red-500:#b32a22;
  --line:rgba(241,233,220,0.14);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink-950);
  color:var(--paper-100);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  -webkit-font-smoothing:antialiased;
}
::selection{ background:var(--gold-500); color:var(--ink-950); }
img{ max-width:100%; }

.mono{
  font-family:"Berkeley Mono","JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  letter-spacing:0.08em; text-transform:uppercase;
}

/* ---------- Sabit üst şerit ---------- */
.chrome{ position:fixed; top:0; left:0; right:0; z-index:40; padding:clamp(16px,3vw,36px); pointer-events:none; }
.chrome-row{ display:flex; justify-content:space-between; align-items:flex-start; }
.brand-mark{ font-size:0.72rem; color:var(--paper-300); pointer-events:auto; }
.brand-mark b{ color:var(--paper-100); font-weight:600; }
.back-link{
  pointer-events:auto; font-size:0.68rem; color:var(--paper-300); text-decoration:none;
  font-family:system-ui,sans-serif; letter-spacing:0.06em; text-transform:uppercase;
  border:1px solid var(--line); padding:8px 14px; border-radius:2px; transition:color 0.2s ease, border-color 0.2s ease;
}
.back-link:hover{ color:var(--gold-400); border-color:var(--gold-500); }

.corner{ position:fixed; width:22px; height:22px; border-color:var(--paper-300); opacity:0.45; z-index:41; }
.corner.tl{ top:16px; left:16px; border-top:1px solid; border-left:1px solid; }
.corner.tr{ top:16px; right:16px; border-top:1px solid; border-right:1px solid; }
.corner.bl{ bottom:16px; left:16px; border-bottom:1px solid; border-left:1px solid; }
.corner.br{ bottom:16px; right:16px; border-bottom:1px solid; border-right:1px solid; }

/* ================= Hero ================= */
.sector-hero{
  min-height:72vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:120px 24px 60px; border-bottom:1px solid var(--line);
}
.sector-hero img{ width:72px; height:72px; object-fit:contain; margin-bottom:22px; opacity:0.95; }
.sector-eyebrow{ font-size:0.64rem; color:var(--gold-400); margin-bottom:18px; }
.sector-title{ font-size:clamp(2rem,5.5vw,3.4rem); font-weight:400; letter-spacing:0.005em; text-wrap:balance; margin:0; line-height:1.1; }
.sector-tagline{ margin-top:20px; font-size:1rem; color:var(--paper-300); font-family:system-ui,sans-serif; max-width:52ch; }

/* ================= İçerik bölümleri ================= */
.sector-section{ padding:min(10vh,84px) clamp(20px,6vw,80px); max-width:960px; margin:0 auto; border-bottom:1px solid var(--line); }
.sector-section:last-of-type{ border-bottom:none; }
.section-id{ font-size:0.62rem; color:var(--gold-400); margin-bottom:16px; }
.section-title{ font-size:clamp(1.4rem,2.6vw,1.9rem); font-weight:400; margin:0 0 20px; text-wrap:balance; }
.section-body p{ font-size:1rem; line-height:1.75; color:var(--paper-100); max-width:62ch; margin:0 0 16px; }
.placeholder-note{ color:var(--paper-300); font-size:0.88rem; font-family:system-ui,sans-serif; font-style:italic; }

.service-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; margin-top:8px; }
.service-card{
  border:1px solid var(--line); padding:20px 18px; background:var(--ink-900);
  font-family:system-ui,sans-serif;
}
.service-card h4{ margin:0 0 8px; font-size:0.94rem; color:var(--paper-100); font-weight:600; }
.service-card p{ margin:0; font-size:0.82rem; color:var(--paper-300); line-height:1.6; }

.contact-block{ padding-left:0; }
.contact-block .label{ font-size:0.62rem; color:var(--paper-300); margin-bottom:6px; }
.contact-block a{
  color:var(--paper-100); text-decoration:none; border-bottom:1px solid var(--gold-500);
  font-family:system-ui,sans-serif; font-size:0.95rem; display:inline-block; margin-bottom:22px; padding-bottom:2px;
  transition:color 0.2s ease, border-color 0.2s ease;
}
.contact-block a:hover, .contact-block a:focus-visible{ color:var(--gold-400); border-color:var(--gold-400); }
.contact-row{ display:flex; flex-direction:column; }

footer{ text-align:center; padding:30px 20px 44px; font-size:0.62rem; color:var(--paper-300); border-top:1px solid var(--line); background:var(--ink-950); }
