/* GCS — self-host fontlar (Google Fonts'tan indirildi, latin + latin-ext + arabic) */

/* Amiri 400 — arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* Amiri 400 — latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Amiri 400 — latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Amiri 700 — arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* Amiri 700 — latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Amiri 700 — latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* EB Garamond 400 italic — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400i-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 400 italic — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* EB Garamond 400 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 400 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* EB Garamond 500 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 500 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* EB Garamond 600 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 600 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Mono 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Mono 400 — latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Mono 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Mono 500 — latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 400 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 500 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans 600 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 600 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans Arabic 400 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 400 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans Arabic 500 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 500 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IBM Plex Sans Arabic 600 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 600 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 600 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ============================================================================
   GCS — GLOBAL CORPORATE SERVICES
   DESIGN TOKENS  ·  markanin tek dogruluk kaynagi                Prefix: --g-*
   ----------------------------------------------------------------------------
   KONSEPT
   Marka isareti bize sistemi hazir veriyor: lacivert bir PLAKA, icinde kilcal
   cizgilerle UCE BOLUNMUS bir alan (G | C | S), altinda serif kapiteller ve
   onlari cizen bir KURAL. Site bu ucunu buyuterek kurulur:

     1. BOLUNMUS ALAN — icerik kartlara hapsedilmez; alanlar hairline ile
        bolunur. (Yuvarlak koseli golgeli kart uclusu = kacindigimiz kalip.)
     2. PLAKA        — dolu lacivert blok, genis ic bosluk, ince ic cerceve.
     3. KURAL-ALTI-KAPITEL — her bolum basligi serif kapitel + tam genislikte
        kilcal cizgi.
     4. MONO VERI    — her sayi (AED, gun, %) IBM Plex Mono, tabular-nums.
        GCS operasyonel bir is: fiyat ve sure urunun kendisidir, dipnot degil.

   PALET MANTIGI
   - LACIVERT #0F3C5F — logodan alindi. TEK ses: baslik, plaka, kural, link.
   - SOGUK KAGIT      — #F4F5F7 / #E9ECEF. Beyaz degil, sicak porselen de degil
     (o BOLTEN'in dili). Ayni el, farkli sicaklik.
   - CELIK / GUMUS    — #AAADAF / #DADADA, logodan. Kilcal cizgi ve plaka ustu
     harf rengi. CELIK METIN OLARAK KULLANILMAZ (kagit uzerinde 2.07:1).
   - PIRINC #8A6A2F   — TEK islevsel sinyal. Yalnizca: aktif gezinti alt cizgisi,
     one cikan fiyat satiri, kucuk sayisal isaretler. Ikinci bir ses degildir.

   TIPOGRAFI (self-host, /assets/fonts)
   Display : "EB Garamond"      — logodaki AGaramondPro'nun karakteri
   Metin/UI: "IBM Plex Sans"    — latin-ext ile tam Turkce
   Veri    : "IBM Plex Mono"    — fiyat, sure, oran
   Arapca  : "IBM Plex Sans Arabic" (metin) + "Amiri" (display)

   ERISILEBILIRLIK (sRGB WCAG 2.1, dogrulandi)
   - ink #16202B  / kagit #F4F5F7 ....... 15.1:1  AAA
   - ink-soft #44515E / kagit ........... 7.5:1   AAA
   - ink-muted #606C79 / kagit .......... 4.9:1   AA
   - lacivert #0F3C5F / kagit ........... 10.5:1  AAA
   - pirinc #8A6A2F / kagit ............. 4.6:1   AA
   - kagit / lacivert ................... 10.5:1  AAA   (ters)
   - gumus #DADADA / lacivert ........... 8.2:1   AAA
   - celik #AAADAF / kagit .............. 2.1:1   FAIL — yalnizca dekorasyon

   YON: tum bosluk/kenarlik mantiksal ozelliklerle yazilir (margin-inline,
   padding-inline, border-inline-start) — Arapca RTL kendiliginden dogru akar.
   ========================================================================== */

:root {
  /* ---- MARKA CEKIRDEGI :: lacivert (TEK ses) --------------------------- */
  --g-navy:        #0F3C5F;  /* logodan alinan marka rengi                  */
  --g-navy-deep:   #0A2A43;  /* koyu capa: footer, plaka govdesi            */
  --g-navy-soft:   #1B5A84;  /* hover / acik lacivert (logodan)             */
  --g-navy-wash:   #E4EAF0;  /* cok soluk lacivert zemin — rozet, satir     */

  /* ---- SOGUK KAGIT YUZEYLER (buyuk alanlarda saf beyaz yok) ------------ */
  --g-paper:       #F4F5F7;  /* ana zemin                                    */
  --g-paper-alt:   #E9ECEF;  /* bolum degisimi / sakin panel                 */
  --g-white:       #FFFFFF;  /* yalnizca yukseltilmis kart ve form alanlari  */

  /* ---- SOGUK MUREKKEP RAMPASI ------------------------------------------ */
  --g-ink-950:     #0D141C;
  --g-ink-900:     #16202B;  /* ana metin                                    */
  --g-ink-800:     #2A3541;
  --g-ink-700:     #44515E;  /* sonuk govde metni                            */
  --g-ink-600:     #606C79;  /* altyazi / kucuk metin                        */
  --g-ink-500:     #7C8894;  /* yalnizca buyuk punto                         */
  --g-ink-400:     #9BA5AF;
  --g-ink-300:     #BEC5CC;
  --g-ink-200:     #D8DDE2;
  --g-ink-100:     #E8EBEE;

  /* ---- LOGODAN GELEN NOTRLER (dekorasyon) ------------------------------ */
  --g-steel:       #AAADAF;  /* kilcal cizgi — METIN OLARAK KULLANILMAZ      */
  --g-silver:      #DADADA;  /* plaka uzerindeki harf/isaret rengi           */

  /* ---- PIRINC :: tek islevsel sinyal ----------------------------------- */
  --g-brass:       #8A6A2F;  /* aktif gezinti, one cikan fiyat, sayi isareti */
  --g-brass-light: #C9A55E;  /* ayni sinyalin lacivert uzerindeki karsiligi  */
  --g-brass-wash:  #F3EDE0;  /* one cikan satirin cok soluk dolgusu          */

  /* ---- ANLAMSAL YUZEY & METIN ------------------------------------------ */
  --g-bg:          var(--g-paper);
  --g-bg-alt:      var(--g-paper-alt);
  --g-bg-raised:   var(--g-white);
  --g-bg-dark:     var(--g-navy);
  --g-bg-darker:   var(--g-navy-deep);

  --g-text:        var(--g-ink-900);
  --g-text-soft:   var(--g-ink-700);
  --g-text-muted:  var(--g-ink-600);
  --g-on-dark:     var(--g-paper);
  --g-on-dark-soft: rgba(244, 245, 247, .72);
  --g-on-dark-mark: var(--g-silver);

  /* ---- KILCAL CIZGILER (bolunmus alanin omurgasi) ---------------------- */
  --g-line:          rgba(22, 32, 43, .13);   /* kagit uzerinde varsayilan   */
  --g-line-strong:   rgba(22, 32, 43, .24);
  --g-line-navy:     rgba(15, 60, 95, .22);   /* lacivert kilcal            */
  --g-line-steel:    rgba(170, 173, 175, .55);/* logodaki celik ayirici      */
  --g-line-on-dark:  rgba(218, 218, 218, .22);
  --g-hair:          1px;                      /* tek kilcal kalinligi       */

  /* ---- FOTOGRAF PERDELERI :: lacivert gradyanlar ----------------------- */
  --g-scrim-flat:   rgba(10, 42, 67, .58);
  --g-scrim-bottom: linear-gradient(180deg, rgba(10,42,67,0) 0%, rgba(10,42,67,.42) 52%, rgba(10,42,67,.9) 100%);
  --g-scrim-start:  linear-gradient(90deg, rgba(10,42,67,.92) 0%, rgba(10,42,67,.5) 44%, rgba(10,42,67,.06) 100%);

  /* ---- GOLGE :: sinirli, soguk tonlu ----------------------------------- */
  --g-shadow-sm: 0 1px 2px rgba(22, 32, 43, .05);
  --g-shadow-md: 0 12px 30px rgba(22, 32, 43, .08), 0 2px 6px rgba(22, 32, 43, .04);
  --g-shadow-lg: 0 30px 64px rgba(22, 32, 43, .12), 0 8px 18px rgba(22, 32, 43, .06);

  /* ---- TIPOGRAFI :: aileler -------------------------------------------- */
  --g-font-display: "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  --g-font-sans:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --g-font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- TIPOGRAFI :: olcek (akiskan, clamp) ----------------------------- */
  --g-t-display: clamp(2.35rem, 1.5rem + 2.7vw, 3.6rem);  /* hero H1 — iki  */
                                                        /* sutunlu duzende */
                                                        /* satir tasmasin  */
  --g-t-h1:      clamp(2.1rem, 1.3rem + 2.9vw, 3.6rem);   /* sayfa H1       */
  --g-t-h2:      clamp(1.55rem, 1.12rem + 1.6vw, 2.35rem);
  --g-t-h3:      clamp(1.12rem, .98rem + .52vw, 1.4rem);
  --g-t-lead:    clamp(1.06rem, .98rem + .34vw, 1.28rem);
  --g-t-body:    1rem;
  --g-t-sm:      .9375rem;
  --g-t-xs:      .8125rem;
  --g-t-label:   .71rem;    /* kapitel etiket — daima letter-spacing ile     */

  --g-lh-tight:  1.08;
  --g-lh-head:   1.16;
  --g-lh-body:   1.68;

  /* ---- RITIM ------------------------------------------------------------ */
  --g-gutter:    clamp(1.15rem, .6rem + 2.2vw, 2.5rem);
  --g-max:       78rem;     /* ana olcu                                      */
  --g-max-text:  40rem;     /* okuma sutunu                                  */
  --g-sect:      clamp(3.6rem, 2.2rem + 5.2vw, 7rem);   /* bolum bosluğu    */
  --g-sect-tight: clamp(2.4rem, 1.6rem + 3vw, 4.2rem);

  /* ---- HAREKET ---------------------------------------------------------- */
  --g-ease:      cubic-bezier(.22, .61, .36, 1);
  --g-dur:       .42s;
}

/* Arapca: metin IBM Plex Sans Arabic, display Amiri. Tokenlar tek yerden
   degistigi icin tum sistem otomatik uyar. */
:root:lang(ar),
[dir="rtl"] {
  --g-font-display: "Amiri", "EB Garamond", Georgia, serif;
  --g-font-sans:    "IBM Plex Sans Arabic", "IBM Plex Sans", -apple-system, "Segoe UI", Tahoma, sans-serif;
  --g-lh-head:      1.42;   /* Arapca cikinti/inisleri icin daha genis satir */
  --g-lh-body:      1.95;
}


/* ============================================================================
   GCS — tasarim sistemi
   Motif: BOLUNMUS ALAN · PLAKA · KURAL-ALTI-KAPITEL · MONO VERI
   Tum bosluklar mantiksal ozellikle yazilir (RTL kendiliginden dogru akar).
   ========================================================================== */

/* ---------------------------------------------------------------- temel -- */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-block-start: 6.5rem;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--g-bg);
  color: var(--g-text);
  font-family: var(--g-font-sans);
  font-size: var(--g-t-body);
  line-height: var(--g-lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1;
  overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }

::selection { background: var(--g-navy); color: var(--g-paper); }

:focus-visible {
  outline: 2px solid var(--g-brass);
  outline-offset: 3px;
  border-radius: 2px;
}

.skip {
  position: absolute; inset-inline-start: -9999px; inset-block-start: 0;
  background: var(--g-navy); color: var(--g-paper);
  padding: .75rem 1.15rem; z-index: 999; text-decoration: none;
}
.skip:focus { inset-inline-start: 0; }

.sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* --------------------------------------------------------------- olcu ---- */
.wrap {
  width: 100%;
  max-inline-size: var(--g-max);
  margin-inline: auto;
  padding-inline: var(--g-gutter);
}
.wrap--text { max-inline-size: calc(var(--g-max-text) + 2 * var(--g-gutter)); }

.section { padding-block: var(--g-sect); }
.section--tight { padding-block: var(--g-sect-tight); }
.section--alt { background: var(--g-bg-alt); }
.section--dark { background: var(--g-bg-dark); color: var(--g-on-dark); }
.section--darker { background: var(--g-bg-darker); color: var(--g-on-dark); }

/* --------------------------------------------------------- tipografi ----- */
h1, h2, h3, h4 {
  font-family: var(--g-font-display);
  font-weight: 500;
  line-height: var(--g-lh-head);
  margin: 0;
  letter-spacing: -.005em;
  text-wrap: balance;
}
h1 { font-size: var(--g-t-h1); }
h2 { font-size: var(--g-t-h2); }
h3 { font-size: var(--g-t-h3); }

p { margin: 0 0 1.05em; }
p:last-child { margin-block-end: 0; }

em { font-style: italic; }
strong { font-weight: 600; }

/* Kapitel etiket — "eyebrow". Daima mono + genis harf araligi. */
.label {
  font-family: var(--g-font-mono);
  font-size: var(--g-t-label);
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--g-brass);
  margin: 0 0 1.1rem;
}
.label--onDark { color: var(--g-brass-light); }
.label--muted  { color: var(--g-text-muted); }
[lang="ar"] .label { letter-spacing: .04em; }

.lead {
  font-size: var(--g-t-lead);
  line-height: 1.6;
  color: var(--g-text-soft);
  max-inline-size: 46ch;
}
.lead--wide { max-inline-size: 62ch; }
.section--dark .lead, .section--darker .lead { color: var(--g-on-dark-soft); }

/* MONO VERI — her sayi burada yasar. */
.num {
  font-family: var(--g-font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -.01em;
}

/* IMZA 3 — kural-alti-kapitel. Her bolum basliginin standardi. */
.rule-head { margin-block-end: clamp(1.8rem, 1rem + 2.4vw, 3.2rem); }
.rule-head > h2,
.rule-head > h1 { max-inline-size: 20ch; }
.rule-head--wide > h2 { max-inline-size: 32ch; }
.rule-head::after {
  content: "";
  display: block;
  block-size: var(--g-hair);
  background: var(--g-line-strong);
  margin-block-start: clamp(1rem, .6rem + 1.2vw, 1.7rem);
}
.section--dark .rule-head::after,
.section--darker .rule-head::after { background: var(--g-line-on-dark); }
.rule-head .lead { margin-block-start: 1.1rem; }

/* --------------------------------------------------------------- baglar -- */
.link {
  color: var(--g-navy);
  text-decoration: none;
  border-block-end: 1px solid var(--g-line-navy);
  padding-block-end: 1px;
  transition: border-color var(--g-dur) var(--g-ease), color var(--g-dur) var(--g-ease);
}
.link:hover { color: var(--g-navy-soft); border-block-end-color: currentColor; }
.section--dark .link, .section--darker .link {
  color: var(--g-paper); border-block-end-color: var(--g-line-on-dark);
}

/* "Incele →" mikro baglantisi */
.more {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--g-font-mono);
  font-size: var(--g-t-xs);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--g-navy);
  text-decoration: none;
  margin-block-start: 1.1rem;
}
.more svg { inline-size: 1.05em; block-size: 1.05em; flex: none; transition: transform var(--g-dur) var(--g-ease); }
[dir="rtl"] .more svg { transform: scaleX(-1); }
.more:hover svg { transform: translateX(.28rem); }
[dir="rtl"] .more:hover svg { transform: scaleX(-1) translateX(.28rem); }
.section--dark .more, .section--darker .more { color: var(--g-brass-light); }

/* --------------------------------------------------------------- butonlar */
.btn {
  display: inline-flex; align-items: center; gap: .65rem;
  flex: none; white-space: nowrap;
  padding: .95rem 1.6rem;
  background: var(--g-navy);
  color: var(--g-paper);
  font-family: var(--g-font-mono);
  font-size: var(--g-t-xs);
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--g-navy);
  border-radius: 2px;
  cursor: pointer;
  transition: background var(--g-dur) var(--g-ease), border-color var(--g-dur) var(--g-ease), color var(--g-dur) var(--g-ease);
}
.btn:hover { background: var(--g-navy-deep); border-color: var(--g-navy-deep); }
.btn svg { inline-size: 1.1em; block-size: 1.1em; flex: none; }
[dir="rtl"] .btn svg { transform: scaleX(-1); }

.btn--ghost { background: transparent; color: var(--g-navy); border-color: var(--g-line-strong); }
.btn--ghost:hover { background: transparent; color: var(--g-navy-deep); border-color: var(--g-navy); }

.btn--onDark { background: var(--g-paper); color: var(--g-navy); border-color: var(--g-paper); }
.btn--onDark:hover { background: var(--g-white); border-color: var(--g-white); color: var(--g-navy-deep); }

.btn--ghostDark { background: transparent; color: var(--g-paper); border-color: var(--g-line-on-dark); }
.btn--ghostDark:hover { background: transparent; border-color: var(--g-paper); }

.btn-row { display: flex; flex-wrap: wrap; gap: .8rem; margin-block-start: 2rem; }

/* ============================================================== BASLIK ==== */
.site-head {
  position: sticky; inset-block-start: 0; z-index: 60;
  background: color-mix(in srgb, var(--g-paper) 88%, transparent);
  backdrop-filter: saturate(180%) blur(14px);
  border-block-end: var(--g-hair) solid var(--g-line);
}
@supports not (backdrop-filter: blur(1px)) { .site-head { background: var(--g-paper); } }

.head-in {
  display: flex; align-items: center; gap: clamp(.7rem, .2rem + 1vw, 1.4rem);
  min-block-size: 4.5rem;
}
.brand { display: flex; align-items: center; text-decoration: none; margin-inline-end: auto; flex: none; }
.brand img { inline-size: auto; }
/* Dar ekranda kelime markasi tasar: yalnizca plaka gosterilir. */
.brand__row  { display: none; block-size: 2.1rem; }
.brand__mark { display: block; block-size: 1.9rem; }
@media (min-width: 30rem) { .brand__row { display: block; } .brand__mark { display: none; } }
@media (min-width: 62rem) { .brand__row { block-size: 2.3rem; } }

.nav { display: none; flex: none; }
@media (min-width: 62rem) {
  .nav { display: flex; align-items: center; gap: .15rem; }
}
.nav__item { position: relative; }
.nav__link {
  display: inline-flex; align-items: center; gap: .34rem;
  padding: .55rem .7rem;
  white-space: nowrap;
  font-size: var(--g-t-sm);
  color: var(--g-text-soft);
  text-decoration: none;
  border-block-end: 2px solid transparent;
  background: none; border-inline: 0; border-block-start: 0;
  cursor: pointer;
  transition: color var(--g-dur) var(--g-ease), border-color var(--g-dur) var(--g-ease);
}
.nav__link:hover { color: var(--g-navy); }
.nav__link[aria-current], .nav__item--on > .nav__link {
  color: var(--g-navy); border-block-end-color: var(--g-brass);
}
.nav__link svg { inline-size: .62em; block-size: .62em; opacity: .6; transition: transform var(--g-dur) var(--g-ease); }
.nav__item:hover .nav__link svg, .nav__item:focus-within .nav__link svg { transform: rotate(180deg); }

/* acilir menu — kilcal bolunmus alan */
.nav__panel {
  position: absolute; inset-block-start: calc(100% + .1rem); inset-inline-start: 0;
  min-inline-size: 17rem;
  background: var(--g-white);
  border: var(--g-hair) solid var(--g-line);
  box-shadow: var(--g-shadow-md);
  padding: .4rem 0;
  opacity: 0; visibility: hidden; transform: translateY(-.35rem);
  transition: opacity .2s var(--g-ease), transform .2s var(--g-ease), visibility .2s;
}
.nav__item:hover > .nav__panel,
.nav__item:focus-within > .nav__panel { opacity: 1; visibility: visible; transform: none; }
.nav__panel a {
  display: block; padding: .58rem 1.1rem;
  font-size: var(--g-t-sm); color: var(--g-text-soft); text-decoration: none;
  border-inline-start: 2px solid transparent;
  transition: background .18s, color .18s, border-color .18s;
}
.nav__panel a:hover { background: var(--g-paper); color: var(--g-navy); border-inline-start-color: var(--g-brass); }
.nav__group {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-text-muted);
  padding: .8rem 1.1rem .3rem;
}
.nav__group + a { margin-block-start: 0; }
.nav__panel hr { border: 0; border-block-start: var(--g-hair) solid var(--g-line); margin: .4rem 0; }

/* dil secici — logodaki bolunmus alanin kucugu */
.lang { display: flex; flex: none; align-items: center; border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px; }
.lang a {
  padding: .34rem .58rem;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .09em; text-transform: uppercase;
  color: var(--g-text-muted); text-decoration: none;
  border-inline-start: var(--g-hair) solid var(--g-line);
  transition: color .2s, background .2s;
}
.lang a:first-child { border-inline-start: 0; }
.lang a:hover { color: var(--g-navy); background: var(--g-paper-alt); }
.lang a[aria-current] { color: var(--g-paper); background: var(--g-navy); }

.head-cta { display: none; }
@media (min-width: 76rem) { .head-cta { display: inline-flex; padding: .72rem 1.15rem; } }

/* mobil */
.burger {
  display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
  inline-size: 2.6rem; block-size: 2.6rem; padding: 0 .55rem;
  background: none; border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px;
  cursor: pointer;
}
.burger span { display: block; block-size: 1.5px; background: var(--g-navy); transition: transform .3s var(--g-ease), opacity .2s; }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
@media (min-width: 62rem) { .burger { display: none; } }

.drawer {
  position: fixed; inset: 4.5rem 0 0; z-index: 55;
  background: var(--g-paper);
  overflow-y: auto;
  padding: 1.5rem var(--g-gutter) 4rem;
  transform: translateY(-.6rem); opacity: 0; visibility: hidden;
  transition: opacity .26s var(--g-ease), transform .26s var(--g-ease), visibility .26s;
}
.drawer[data-open] { opacity: 1; visibility: visible; transform: none; }
@media (min-width: 62rem) { .drawer { display: none; } }
.drawer h4 {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass);
  margin: 1.9rem 0 .3rem; padding-block-end: .55rem;
  border-block-end: var(--g-hair) solid var(--g-line);
}
.drawer h4:first-child { margin-block-start: 0; }
.drawer a {
  display: block; padding: .72rem 0;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-decoration: none; color: var(--g-text-soft); font-size: 1.02rem;
}
.drawer a:hover, .drawer a[aria-current] { color: var(--g-navy); }
.drawer .btn { margin-block-start: 2rem; inline-size: 100%; justify-content: center; }

/* ================================================================ HERO ==== */
.hero { position: relative; border-block-end: var(--g-hair) solid var(--g-line); overflow: hidden; }
.hero-in {
  display: grid; gap: clamp(2.4rem, 1rem + 5vw, 4.5rem);
  padding-block: clamp(3rem, 1.8rem + 5vw, 6.5rem) clamp(2.6rem, 1.6rem + 4vw, 5rem);
  align-items: center;
}
@media (min-width: 64rem) {
  .hero-in { grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr); }
}
.hero h1 {
  font-size: var(--g-t-display);
  line-height: var(--g-lh-tight);
  letter-spacing: -.017em;
  max-inline-size: none;   /* sutunun kendisi zaten sinirliyor */
}
[lang="ar"] .hero h1 { line-height: 1.34; letter-spacing: 0; }
.hero h1 em { color: var(--g-navy); font-style: italic; }
.hero .lead { margin-block-start: 1.5rem; }
.hero__meta {
  display: flex; flex-wrap: wrap; gap: .6rem 2.1rem;
  margin-block-start: 2.3rem; padding-block-start: 1.5rem;
  border-block-start: var(--g-hair) solid var(--g-line);
  font-family: var(--g-font-mono); font-size: var(--g-t-xs);
  letter-spacing: .05em; color: var(--g-text-muted);
}
.hero__meta b { color: var(--g-navy); font-weight: 500; }

/* IMZA 2 — PLAKA. Logodaki lacivert blok, sayfa olceginde. */
.plaque {
  position: relative;
  background: var(--g-navy);
  color: var(--g-on-dark);
  border-radius: 3px;
  padding: clamp(1.8rem, 1rem + 2.6vw, 3rem);
  overflow: hidden;
}
.plaque::after {   /* ince ic cerceve — marka isaretindeki nefes payi */
  content: ""; position: absolute; inset: .55rem;
  border: var(--g-hair) solid var(--g-line-on-dark);
  border-radius: 2px; pointer-events: none;
}
.plaque--photo { min-block-size: clamp(20rem, 15rem + 20vw, 30rem); display: flex; align-items: flex-end; }
.plaque--photo img {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%;
  object-fit: cover; opacity: .2;
}
.plaque--photo::before {
  content: ""; position: absolute; inset: 0;
  background: var(--g-scrim-bottom); pointer-events: none;
}
.plaque__body { position: relative; z-index: 2; }
.plaque__body h2, .plaque__body h3 { color: var(--g-paper); }
.plaque__stat {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.1rem);
  line-height: 1; color: var(--g-paper); letter-spacing: -.02em;
}
.plaque__cap {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--g-brass-light); margin-block-start: .7rem;
}

/* ================================================ IMZA 1 — BOLUNMUS ALAN = */
/* Kartlar yok: hucreler tek kilcal cizgiyle ayrilir. Logodaki G|C|S alani.  */
.field {
  display: grid;
  gap: var(--g-hair);
  background: var(--g-line);
  border-block: var(--g-hair) solid var(--g-line);
}
.field > * { background: var(--g-bg); padding: clamp(1.5rem, 1rem + 1.8vw, 2.4rem); }
.section--alt .field > * { background: var(--g-bg-alt); }
.field--2 { grid-template-columns: 1fr; }
.field--3 { grid-template-columns: 1fr; }
.field--4 { grid-template-columns: 1fr; }
@media (min-width: 44rem) {
  .field--2 { grid-template-columns: repeat(2, 1fr); }
  .field--3 { grid-template-columns: repeat(2, 1fr); }
  .field--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 64rem) {
  .field--3 { grid-template-columns: repeat(3, 1fr); }
  .field--4 { grid-template-columns: repeat(4, 1fr); }
}
.section--dark .field, .section--darker .field { background: var(--g-line-on-dark); border-color: var(--g-line-on-dark); }
.section--dark .field > * { background: var(--g-bg-dark); }
.section--darker .field > * { background: var(--g-bg-darker); }

.cell__k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--g-brass); margin-block-end: .95rem;
}
.section--dark .cell__k, .section--darker .cell__k { color: var(--g-brass-light); }
.cell h3 { margin-block-end: .7rem; }
.cell p { font-size: var(--g-t-sm); color: var(--g-text-soft); }
.section--dark .cell p, .section--darker .cell p { color: var(--g-on-dark-soft); }

/* baglantili hucre */
a.cell { text-decoration: none; color: inherit; display: block; transition: background .24s var(--g-ease); }
a.cell:hover { background: var(--g-white); }
.section--alt a.cell:hover { background: var(--g-paper); }
.section--dark a.cell:hover, .section--darker a.cell:hover { background: var(--g-navy-soft); }

/* ================================================== LEDGER (karsilastirma) */
.ledger { display: grid; gap: var(--g-hair); background: var(--g-line); border-block: var(--g-hair) solid var(--g-line); }
@media (min-width: 52rem) { .ledger { grid-template-columns: repeat(2, 1fr); } }
.ledger__col { background: var(--g-bg); padding: clamp(1.6rem, 1rem + 2vw, 2.6rem); }
/* NOT: .reveal kapsayiciya konur, hucreye DEGIL. Hucre opaklikta 0 olursa
   altindaki kilcal-cizgi zemini gri bir blok olarak gorunur (yasandi). */
.section--alt .ledger__col { background: var(--g-bg-alt); }
.ledger__col h3 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.75rem); margin-block-end: .4rem; }
.ledger__col > .label { margin-block-end: .8rem; }
.ledger ul { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.ledger li {
  padding-block: .85rem;
  border-block-start: var(--g-hair) solid var(--g-line);
  font-size: var(--g-t-sm); color: var(--g-text-soft);
  display: flex; gap: .8rem; align-items: baseline;
}
.ledger li::before {
  content: ""; flex: none; inline-size: .42rem; block-size: .42rem;
  background: var(--g-brass); margin-block-start: .5rem;
}

/* ==================================================== ADIMLAR (surec) ===== */
.steps { border-block-start: var(--g-hair) solid var(--g-line); }
.step {
  display: grid; gap: .4rem 1.6rem;
  padding-block: clamp(1.2rem, .9rem + 1vw, 1.8rem);
  border-block-end: var(--g-hair) solid var(--g-line);
}
@media (min-width: 48rem) {
  .step { grid-template-columns: 4.5rem minmax(0, 17rem) minmax(0, 1fr); align-items: baseline; }
}
.step__n {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: 1.5rem; color: var(--g-brass); line-height: 1;
}
.step h3 { font-size: 1.18rem; }
.step p { font-size: var(--g-t-sm); color: var(--g-text-soft); margin: 0; }
.section--dark .step, .section--darker .step { border-color: var(--g-line-on-dark); }
.section--dark .steps, .section--darker .steps { border-color: var(--g-line-on-dark); }
.section--dark .step p, .section--darker .step p { color: var(--g-on-dark-soft); }
.section--dark .step__n, .section--darker .step__n { color: var(--g-brass-light); }

/* ==================================================== FIYAT TABLOSU ======= */
/* GCS'in urunu seffaflik: fiyat sayfanin dibinde dipnot degil, ana nesne.   */
.ptable-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ptable {
  inline-size: 100%; border-collapse: collapse;
  font-size: var(--g-t-sm);
  min-inline-size: 30rem;
}
.ptable caption {
  text-align: start; caption-side: top;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass);
  padding-block-end: 1rem;
}
.ptable th, .ptable td {
  padding: 1rem 1.1rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-align: start;
  vertical-align: baseline;
}
.ptable thead th {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--g-text-muted);
  border-block-end: var(--g-hair) solid var(--g-line-strong);
  white-space: nowrap;
}
.ptable tbody th { font-family: var(--g-font-sans); font-weight: 500; color: var(--g-text); }
.ptable td.price {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  color: var(--g-navy); white-space: nowrap;
}
.ptable td.price small { display: block; font-size: .82em; color: var(--g-text-muted); letter-spacing: 0; }
.ptable tbody tr:hover { background: var(--g-white); }
.ptable tr.is-featured { background: var(--g-brass-wash); }
.ptable tr.is-featured:hover { background: var(--g-brass-wash); }
.ptable tr.is-featured th { border-inline-start: 2px solid var(--g-brass); }
.ptable tfoot td { border: 0; padding-block-start: 1rem; }
.ptable-note {
  font-size: var(--g-t-xs); color: var(--g-text-muted);
  margin-block-start: 1rem; line-height: 1.6;
}
.ptable-note p { margin-block-end: .35rem; }

/* fiyat indeksi — anasayfadaki secilmis liste */
.pindex { border-block-start: var(--g-hair) solid var(--g-line-strong); }
.pindex__row {
  display: grid; gap: .15rem 1.4rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  padding-block: 1.05rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-decoration: none; color: inherit;
  transition: background .2s var(--g-ease);
}
a.pindex__row:hover { background: var(--g-white); }
.pindex__name { font-weight: 500; }
.pindex__sub { grid-column: 1; font-size: var(--g-t-xs); color: var(--g-text-muted); }
.pindex__val {
  grid-row: 1 / span 2; grid-column: 2;
  align-self: center;
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: 1.06rem; color: var(--g-navy); white-space: nowrap;
}

/* ==================================================== DUZ METIN (rehber) == */
.prose { max-inline-size: var(--g-max-text); }
.prose h2 { margin-block: 2.6rem .9rem; }
.prose h2:first-child { margin-block-start: 0; }
.prose h3 { margin-block: 2rem .6rem; }
.prose p, .prose ul, .prose ol { color: var(--g-text-soft); }
.prose ul, .prose ol { margin: 0 0 1.15em; padding-inline-start: 1.15rem; }
.prose li { margin-block-end: .5em; }
.prose ul { list-style: none; padding-inline-start: 0; }
.prose ul > li { position: relative; padding-inline-start: 1.35rem; }
.prose ul > li::before {
  content: ""; position: absolute; inset-inline-start: .1rem; inset-block-start: .68em;
  inline-size: .38rem; block-size: .38rem; background: var(--g-brass);
}
.prose ol { list-style: none; counter-reset: n; padding-inline-start: 0; }
.prose ol > li { position: relative; padding-inline-start: 2.1rem; counter-increment: n; }
.prose ol > li::before {
  content: counter(n, decimal-leading-zero);
  position: absolute; inset-inline-start: 0; inset-block-start: .1em;
  font-family: var(--g-font-mono); font-size: .82em; color: var(--g-brass);
}
[lang="ar"] .prose ol > li::before { content: counter(n); }
.prose blockquote {
  margin: 1.8rem 0; padding-inline-start: 1.3rem;
  border-inline-start: 2px solid var(--g-brass);
  font-family: var(--g-font-display); font-size: 1.2rem; line-height: 1.5;
  color: var(--g-navy);
}
.prose > .callout { margin-block: 2rem; }

/* onemli kutu — "MUTLAKA BILIN" */
.callout {
  background: var(--g-navy-wash);
  border-inline-start: 3px solid var(--g-navy);
  padding: clamp(1.15rem, .9rem + .8vw, 1.6rem);
}
.callout .label { color: var(--g-navy); margin-block-end: .6rem; }
.callout p { font-size: var(--g-t-sm); color: var(--g-text-soft); }
.callout p:last-child { margin-block-end: 0; }

/* icindekiler */
.toc {
  border-block: var(--g-hair) solid var(--g-line);
  padding-block: 1.4rem; margin-block-end: 2.6rem;
}
.toc .label { margin-block-end: .8rem; }
.toc ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 2rem; }
@media (max-width: 40rem) { .toc ol { columns: 1; } }
.toc li { margin-block-end: .45rem; break-inside: avoid; }
.toc a { font-size: var(--g-t-sm); color: var(--g-text-soft); text-decoration: none; }
.toc a:hover { color: var(--g-navy); }

/* ============================================================== SSS ======= */
.faq { border-block-start: var(--g-hair) solid var(--g-line-strong); }
.faq details { border-block-end: var(--g-hair) solid var(--g-line); }
.faq summary {
  display: flex; align-items: baseline; gap: 1rem;
  padding-block: 1.25rem; cursor: pointer; list-style: none;
  font-family: var(--g-font-display); font-size: 1.16rem; line-height: 1.35;
  color: var(--g-text);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; margin-inline-start: auto; flex: none;
  font-family: var(--g-font-mono); font-size: 1.15rem; color: var(--g-brass);
  transition: transform .28s var(--g-ease);
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq summary:hover { color: var(--g-navy); }
.faq__a { padding-block-end: 1.4rem; max-inline-size: 62ch; }
.faq__a p { font-size: var(--g-t-sm); color: var(--g-text-soft); }

/* ============================================================== FORM ====== */
.form { display: grid; gap: 1.15rem; }
@media (min-width: 40rem) { .form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; } }
.form label {
  display: block;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .13em; text-transform: uppercase; color: var(--g-text-muted);
  margin-block-end: .5rem;
}
.form input, .form select, .form textarea {
  inline-size: 100%; padding: .82rem .95rem;
  font: inherit; font-size: var(--g-t-sm);
  color: var(--g-text); background: var(--g-white);
  border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px;
  transition: border-color .2s;
}
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--g-navy); outline-offset: 1px; }
.form textarea { min-block-size: 8rem; resize: vertical; }
.form .btn { justify-content: center; }
.form__note { font-size: var(--g-t-xs); color: var(--g-text-muted); }
.form__msg { font-size: var(--g-t-sm); padding: .9rem 1.1rem; border-inline-start: 3px solid; display: none; }
.form__msg[data-on] { display: block; }
.form__msg--ok { background: var(--g-navy-wash); border-color: var(--g-navy); color: var(--g-navy); }
.form__msg--err { background: #FBEAEA; border-color: #A33; color: #8A2A2A; }

/* iletisim kunyesi */
.contact-list { list-style: none; margin: 0; padding: 0; border-block-start: var(--g-hair) solid var(--g-line); }
.contact-list li {
  display: grid; gap: .2rem;
  padding-block: 1.05rem; border-block-end: var(--g-hair) solid var(--g-line);
}
@media (min-width: 34rem) { .contact-list li { grid-template-columns: 8.5rem 1fr; gap: 1.2rem; align-items: baseline; } }
.contact-list dt, .contact-list .k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .13em; text-transform: uppercase; color: var(--g-text-muted);
}
.contact-list a { color: var(--g-navy); text-decoration: none; }
.contact-list a:hover { text-decoration: underline; }

/* ============================================================ SAYFA BASI == */
.page-head { border-block-end: var(--g-hair) solid var(--g-line); background: var(--g-bg-alt); }
.page-head .wrap { padding-block: clamp(2.6rem, 1.8rem + 3.4vw, 5rem); }
.page-head h1 { max-inline-size: 18ch; }
.page-head .lead { margin-block-start: 1.3rem; }
.crumb {
  font-family: var(--g-font-mono); font-size: var(--g-t-xs);
  color: var(--g-text-muted); margin-block-end: 1.2rem;
}
.crumb a { color: inherit; text-decoration: none; }
.crumb a:hover { color: var(--g-navy); }
.crumb span { opacity: .5; margin-inline: .45rem; }

/* ============================================================ ALT BILGI === */
.site-foot { background: var(--g-navy-deep); color: var(--g-on-dark-soft); }
.foot-top { display: grid; gap: 2.6rem; padding-block: clamp(3rem, 2rem + 3vw, 4.6rem); }
@media (min-width: 56rem) { .foot-top { grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 3rem 2rem; } }
.foot-brand img { block-size: 5.4rem; inline-size: auto; }
.foot-brand p { margin-block-start: 1.4rem; font-size: var(--g-t-sm); max-inline-size: 34ch; }
.site-foot h4 {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass-light);
  margin: 0 0 1.1rem;
}
.site-foot ul { list-style: none; margin: 0; padding: 0; }
.site-foot li { margin-block-end: .62rem; }
.site-foot a { color: var(--g-on-dark-soft); text-decoration: none; font-size: var(--g-t-sm); }
.site-foot a:hover { color: var(--g-paper); }
.foot-bot {
  border-block-start: var(--g-hair) solid var(--g-line-on-dark);
  padding-block: 1.5rem;
  display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; align-items: center;
  font-size: var(--g-t-xs);
}
.foot-bot .credit { margin-inline-start: auto; }
[dir="rtl"] .foot-bot .credit { margin-inline-start: auto; }

/* WhatsApp — sabit dugme */
.wa {
  position: fixed; inset-block-end: 1.2rem; inset-inline-end: 1.2rem; z-index: 50;
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 3.2rem; block-size: 3.2rem;
  background: var(--g-navy); color: var(--g-paper);
  border-radius: 50%; box-shadow: var(--g-shadow-md);
  transition: background .24s var(--g-ease), transform .24s var(--g-ease);
}
.wa:hover { background: var(--g-navy-soft); transform: translateY(-2px); }
.wa svg { inline-size: 1.5rem; block-size: 1.5rem; }

/* ============================================================== HAREKET === */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s var(--g-ease), transform .7s var(--g-ease); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-d="1"] { transition-delay: .07s; }
.reveal[data-d="2"] { transition-delay: .14s; }
.reveal[data-d="3"] { transition-delay: .21s; }
.reveal[data-d="4"] { transition-delay: .28s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ============================================================== YAZDIRMA == */
@media print {
  .site-head, .drawer, .wa, .btn-row, .site-foot { display: none !important; }
  body { background: #fff; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* ============================================================ ARAPCA / RTL =
   Iki gercek sorun var, ikisi de tipografik:
   1) IBM Plex Mono'da Arapca glif YOK. Etiket/veri siniflari mono kullaniyor;
      Arapca metin geri dususe kaciyordu. Cozum: mono yiginin ARDINA Arapca
      sans eklemek — Latin rakamlar yine mono, Arapca harfler duzgun aileye
      duser. (Tek satirda tum bilesenler duzelir.)
   2) letter-spacing bitisik Arapca yaziyi KOPARIR. Etiketlerdeki genis
      harf araligi Arapca'da sifirlanir.
   ========================================================================== */
[dir="rtl"] {
  --g-font-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, monospace;
}

[dir="rtl"] .label,
[dir="rtl"] .cell__k,
[dir="rtl"] .more,
[dir="rtl"] .btn,
[dir="rtl"] .lang a,
[dir="rtl"] .nav__group,
[dir="rtl"] .site-foot h4,
[dir="rtl"] .drawer h4,
[dir="rtl"] .ptable caption,
[dir="rtl"] .ptable thead th,
[dir="rtl"] .contact-list dt,
[dir="rtl"] .contact-list .k,
[dir="rtl"] .form label,
[dir="rtl"] .plaque__cap,
[dir="rtl"] .hero-meta__k { letter-spacing: 0; }

/* Rakamlar her zaman soldan saga okunur; Arapca satir icinde yon karismasin. */
[dir="rtl"] .num,
[dir="rtl"] .ptable td.price,
[dir="rtl"] .pindex__val,
[dir="rtl"] .step__n,
[dir="rtl"] .hero-fact__n { direction: ltr; unicode-bidi: isolate; text-align: start; }
[dir="rtl"] .ptable td.price,
[dir="rtl"] .pindex__val { text-align: end; }

/* Arapca'da baslik sikisikligi ferahlatilir (Amiri'nin cikintilari genis). */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0; }
[dir="rtl"] .hero h1 { line-height: 1.36; }
[dir="rtl"] .rule-head > h2, [dir="rtl"] .rule-head > h1 { max-inline-size: 24ch; }
[dir="rtl"] .lead { max-inline-size: 52ch; }
[dir="rtl"] .lead--wide { max-inline-size: 68ch; }

/* Duz metin listelerinde madde isareti sagda kalir (mantiksal ozellik zaten
   dogru akiyor; yalnizca optik hizalama duzeltilir). */
[dir="rtl"] .prose ul > li::before { inset-inline-start: .15rem; }

/* Ajans kredisi — alt bilgideki bag, cevresiyle ayni tonda kalir. */
.foot-bot .credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.foot-bot .credit a:hover { color: var(--g-paper); }


/* --- ureteclerin ihtiyac duydugu birkac bilesen ------------------------- */
/* ---- HERO :: solda metin, sagda plaka ---------------------------------- */
/* Logonun kelime markasindaki KURAL — baslikla giris metni arasinda. */
.hero__rule {
  block-size: var(--g-hair); background: var(--g-line-strong);
  margin-block: clamp(1.3rem, .9rem + 1.2vw, 2rem) clamp(1.2rem, .9rem + .9vw, 1.7rem);
  max-inline-size: 30rem;
}
/* Tek dolu buton + ok bagi. Iki esleik pil = kacindigimiz kalip. */
.hero__act { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.8rem; margin-block-start: 1.9rem; }
.more--flush { margin-block-start: 0; }

/* Kunye gibi: kilcal cizgilerle ayrilmis k/v satirlari. */
.hero-spec { margin-block-start: clamp(1.9rem, 1.3rem + 1.8vw, 2.8rem); border-block-start: var(--g-hair) solid var(--g-line); }
.hero-spec__row {
  display: grid; gap: .1rem .9rem; padding-block: .78rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  font-size: var(--g-t-sm); color: var(--g-text-soft);
}
@media (min-width: 30rem) { .hero-spec__row { grid-template-columns: 9.5rem minmax(0, 1fr); align-items: baseline; } }
.hero-spec__k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); letter-spacing: .15em;
  text-transform: uppercase; color: var(--g-brass);
}
[dir="rtl"] .hero-spec__k { letter-spacing: 0; }

/* Plaka: marka isaretinin fotografli hali. */
.plaque--hero { min-block-size: clamp(19rem, 12rem + 22vw, 30rem); display: flex; align-items: flex-end; }
.plaque--hero img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; opacity: .17; }
.plaque--hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,42,67,.5) 0%, rgba(10,42,67,.8) 62%, rgba(10,42,67,.92) 100%);
}
.plaque--hero h2 { font-size: clamp(1.3rem, 1.1rem + .9vw, 1.75rem); margin-block-end: .2rem; }
.hero-facts { margin-block-start: 1.5rem; border-block-start: var(--g-hair) solid var(--g-line-on-dark); }
.hero-fact { display: flex; align-items: baseline; gap: 1.1rem; padding-block: .8rem;
             border-block-end: var(--g-hair) solid var(--g-line-on-dark); }
.hero-fact:last-child { border-block-end: 0; }
.hero-fact__n { font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
                font-size: 1.7rem; color: var(--g-brass-light); min-inline-size: 3.4rem; }
.hero-fact__t { font-size: var(--g-t-sm); color: var(--g-paper); line-height: 1.5; opacity: .92; }
.field--head .cell h3 { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.6rem); }
.contact-grid { display: grid; gap: clamp(2.4rem, 1.4rem + 3vw, 4rem); }
@media (min-width: 60rem) { .contact-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); } }