/* ================================================================
   GÖÇÜM HUKUK — BASE RESET & TYPOGRAPHY
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;0,600;1,200;1,300;1,400&family=Montserrat:wght@200;300;400;500;600&display=swap');

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  background: var(--vc-0);
  color: var(--cr-1);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
a  { color:inherit; text-decoration:none; }
ul,ol { list-style:none; }
button { font-family:inherit; cursor:pointer; background:none; border:none; }
img,svg,video { display:block; max-width:100%; }
address { font-style:normal; }
h1,h2,h3,h4,h5,h6 { font-weight:inherit; line-height:1.1; }
input,textarea,select { font-family:inherit; }

/* ── CONTAINER ── */
.gh-container { width:100%; max-width:var(--container); margin:0 auto; padding:0 var(--pad); }
.gh-container--narrow { max-width:var(--narrow); }

/* ── TİPOGRAFİ YARDIMCILARI ── */
.t-display { font-family:var(--serif); font-weight:200; font-size:clamp(60px,10vw,148px); line-height:.85; letter-spacing:-.01em; }
.t-h1      { font-family:var(--serif); font-weight:300; font-size:clamp(40px,6vw,80px); line-height:.90; }
.t-h2      { font-family:var(--serif); font-weight:300; font-size:clamp(28px,4vw,56px); line-height:.95; }
.t-h3      { font-family:var(--serif); font-weight:400; font-size:clamp(20px,2.5vw,32px); line-height:1.1; }
.t-label   { font-family:var(--sans); font-size:7.5px; font-weight:500; letter-spacing:.36em; text-transform:uppercase; color:var(--vc-4); }
.t-body    { font-size:clamp(14px,1.4vw,16px); font-weight:300; line-height:1.85; color:var(--cr-3); }
.t-serif   { font-family:var(--serif); }
.t-italic  { font-style:italic; }

/* Glow text shadows */
.glow-sm   { text-shadow:0 0 16px rgba(240,230,220,.30),0 0 36px rgba(240,230,220,.10); }
.glow-md   { text-shadow:0 0 24px rgba(240,230,220,.35),0 0 60px rgba(240,230,220,.12); }
.glow-vc   { text-shadow:0 0 16px rgba(90,0,21,.90),0 0 32px rgba(90,0,21,.50); }

/* ── AYIRICILAR ── */
.gh-divider { display:flex; align-items:center; gap:14px; }
.gh-divider__line    { flex:1; height:1px; background:var(--line-vc); }
.gh-divider__diamond { width:5px; height:5px; background:var(--vc-4); transform:rotate(45deg); flex-shrink:0; box-shadow:0 0 8px var(--vc-glow); }
.gh-divider__dot     { width:4px; height:4px; border-radius:50%; background:var(--vc-4); flex-shrink:0; }

/* ── SEO GİZLİ ── */
.gh-sr { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }

/* ── SECTION TEMEL ── */
.gh-section { position:relative; z-index:1; padding:var(--sp-3xl) 0; }
.gh-section--dark   { background:var(--vc-1); }
.gh-section--darker { background:#040203; }
.gh-section--vc     { background:var(--vc-3); }

.gh-section-head { margin-bottom:var(--sp-2xl); }
.gh-section-head.center { text-align:center; display:flex; flex-direction:column; align-items:center; }

/* ── GRİD ── */
.gh-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.gh-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.gh-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }

/* ── ANIMATIONS — Scroll trigger ── */
.anim-up    { opacity:0; transform:translateY(28px); transition:opacity .72s var(--ease), transform .72s var(--ease); }
.anim-left  { opacity:0; transform:translateX(-28px); transition:opacity .72s var(--ease), transform .72s var(--ease); }
.anim-right { opacity:0; transform:translateX(28px);  transition:opacity .72s var(--ease), transform .72s var(--ease); }
.anim-scale { opacity:0; transform:scale(.94);         transition:opacity .72s var(--ease), transform .72s var(--ease); }
.anim-fade  { opacity:0; transition:opacity .72s var(--ease); }
.anim--visible { opacity:1 !important; transform:none !important; }
.anim-d1 { transition-delay:.08s; }
.anim-d2 { transition-delay:.16s; }
.anim-d3 { transition-delay:.24s; }
.anim-d4 { transition-delay:.32s; }
.anim-d5 { transition-delay:.40s; }
.anim-d6 { transition-delay:.48s; }

/* ── KEYFRAMES ── */
@keyframes gh-fadeIn   { from{opacity:0}        to{opacity:1} }
@keyframes gh-fadeUp   { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }
@keyframes gh-expandX  { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes gh-ticker   { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes gh-pulse    { 0%,100%{opacity:.4} 50%{opacity:.9} }
@keyframes gh-float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes gh-scale-in { from{opacity:0;transform:scale(.9)} to{opacity:1;transform:scale(1)} }
@keyframes gh-shimmer  { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes gh-spin     { from{transform:rotate(0)} to{transform:rotate(360deg)} }
@keyframes gh-beam     { 0%{transform:rotate(0)} 25%{transform:rotate(5deg)} 50%{transform:rotate(0)} 75%{transform:rotate(-5deg)} 100%{transform:rotate(0)} }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .anim-up,.anim-left,.anim-right,.anim-scale,.anim-fade { opacity:1; transform:none; }
}

/* ── RESPONSIVE ── */
@media (max-width:1024px) { .gh-grid-4 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px)  { .gh-grid-3 { grid-template-columns:1fr 1fr; } .gh-section { padding:var(--sp-2xl) 0; } }
@media (max-width:560px)  { .gh-grid-2,.gh-grid-3,.gh-grid-4 { grid-template-columns:1fr; } }


.gh-skip-link{
  position:absolute;
  left:-9999px;
  top:8px;
  z-index:2000;
  padding:10px 14px;
  background:var(--vc-4);
  color:var(--cr-0);
  font-size:12px;
  letter-spacing:.06em;
}
.gh-skip-link:focus{
  left:12px;
}