/* Orijinal sitede kullanılan ama derlenmiş Tailwind paketinde (34vqfhme2m-7v.css)
   yer almayan birkaç utility class. Sebep: o class'lar sadece client-side
   render edilen bileşenlerde (mega menü, vb.) geçiyordu ve derleme zamanında
   taranan statik kaynağa dahil olmamışlar. Buradaki değerler orijinal Tailwind
   spacing/font ölçeğiyle birebir tutarlı (--spacing: .25rem). */

.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.gap-2\.5 { gap: .625rem; }
.pt-32 { padding-top: 8rem; }
.text-mist\/55 { color: rgba(244, 242, 238, .55); }
.text-mist\/30 { color: rgba(244, 242, 238, .3); }
.text-mist\/40 { color: rgba(244, 242, 238, .4); }
.border-mist\/20 { border-color: rgba(244, 242, 238, .2); }
.hover\:border-sand:hover { border-color: #b39768; }
.gap-y-8 { row-gap: 2rem; }
.mt-0\.5 { margin-top: .125rem; }
.bg-mist\/5 { background-color: rgba(244, 242, 238, .05); }
.hover\:bg-mist\/10:hover { background-color: rgba(244, 242, 238, .1); }
.group:hover .group-hover\:text-mist\/70,
.group:focus-visible .group-hover\:text-mist\/70 { color: rgba(244, 242, 238, .7); }
.bg-ink\/45 { background-color: rgba(11, 16, 21, .45); }
.h-7 { height: 1.75rem; }
.w-7 { width: 1.75rem; }
.text-slate\/55 { color: rgba(92, 103, 115, .55); }
.text-mist\/60 { color: rgba(244, 242, 238, .6); }
.text-mist\/85 { color: rgba(244, 242, 238, .85); }
.border-mist\/25 { border-color: rgba(244, 242, 238, .25); }
.items-start { align-items: flex-start; }
.justify-end { justify-content: flex-end; }
.text-\[1\.4rem\] { font-size: 1.4rem; }
.text-\[1\.9rem\] { font-size: 1.9rem; }
.bg-hull\/5 { background-color: rgba(19, 27, 35, .05); }
.max-w-\[1100px\] { max-width: 1100px; }
.min-h-\[70vh\] { min-height: 70vh; }
.text-\[1\.75rem\] { font-size: 1.75rem; }

@media (min-width: 64rem) {
  .lg\:pt-40 { padding-top: 10rem; }
  .lg\:inline-block { display: inline-block; }
}

@media (min-width: 40rem) {
  .sm\:text-\[2\.2rem\] { font-size: 2.2rem; }
  .sm\:text-\[2rem\] { font-size: 2rem; }
  .sm\:grid-cols-\[8rem_1fr\] { grid-template-columns: 8rem 1fr; }
  .sm\:grid-cols-\[9rem_1fr\] { grid-template-columns: 9rem 1fr; }
  .sm\:grid-cols-\[14rem_1fr\] { grid-template-columns: 14rem 1fr; }
}

/* Menü açıkken header'ı, scroll durumundan bağımsız olarak menüyle aynı
   koyu renge zorla — aksi halde scroll edilmiş bir sayfada header açık
   renkte kalıp menünün koyu paneliyle uyumsuz görünüyordu. */
html.menu-is-open #site-header {
  background-color: #0b1015 !important;
  border-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.menu-is-open #site-header a,
html.menu-is-open #site-header button,
html.menu-is-open #site-header span {
  color: #f4f2ee !important;
}

/* Sayfa içi çapa linkleri (menüdeki "Project Management" gibi #id linkleri)
   sabit header'ın altına gizlenip içeriğe bitişik görünmesin diye. */
[id] {
  scroll-margin-top: 100px;
}