/* Smart Citizenship — site.css
   Design tokens from the brand board (Design language v2, November 2026).
   Layout: full-bleed photographic bands alternating with limewash, salt, deep olive and terracotta-wash sections;
   content sits in a 1240px container with generous side gutters. */
/* Fonts: Cormorant Garamond and DM Sans (SIL Open Font Licence), served from this site instead of Google Fonts.
   Same files and unicode ranges Google serves; the browser downloads a subset only when the page uses its characters. */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-italic-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-italic-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-italic-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}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-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}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-v21-normal-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}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-sans-v17-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-sans-v17-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}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-sans-v17-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-sans-v17-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}
:root{
  /* neutrals */
  --kirec:#F6F3ED;        /* page background, limewash */
  --beyaz:#FFFFFF;        /* cards and forms only */
  --tuz:#ECE7DD;          /* alternate bands */
  --tas:#D9D3C7;          /* hairlines and borders */
  --ink:#191817;          /* headings, text */
  --ink2:#4A4843;         /* body text */
  --ink3:#6E6A63;         /* captions */
  /* olive */
  --zeytinlik:#2C3322;    /* whole sections, footer */
  --zeytinlik-2:#232A1B;  /* footer base */
  --zeytin:#66763F;       /* links, rules */
  --zeytin-dk:#55643A;    /* link text on light */
  --adacayi:#B9C0A6;      /* text on olive */
  --adacayi-acik:#E2E4D6; /* soft panels */
  /* terracotta */
  --kiremit:#B4583A;      /* figures, rules */
  --kiremit-dk:#9A4A30;   /* small terracotta text */
  --kiremit-acik:#EEDCD0; /* warm panels */
  /* brand */
  --nar:#AC1438;          /* logo and one primary action */
  --nar-dk:#8F1030;
  /* type */
  --display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --text:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* layout */
  --wrap:1240px;
  --gut:max(20px,env(safe-area-inset-left,0px));
  --gut-r:max(20px,env(safe-area-inset-right,0px));
  --sec:clamp(72px,9vw,128px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--kirec);color:var(--ink2);font:400 17px/1.65 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,picture{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:500;text-wrap:balance}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--zeytin);outline-offset:3px}
.wrap{max-width:calc(var(--wrap) + 80px);margin:0 auto;padding-left:max(20px,var(--gut));padding-right:max(20px,var(--gut-r))}
@media (min-width:900px){.wrap{padding-left:max(40px,var(--gut));padding-right:max(40px,var(--gut-r))}}
.sec{padding-block:var(--sec)}
.sec--tight{padding-block:clamp(56px,6vw,88px)}

/* type */
.d-xl{font-family:var(--display);font-weight:500;font-size:clamp(44px,6.4vw,92px);line-height:1.02;letter-spacing:-.012em}
.d-l{font-family:var(--display);font-weight:500;font-size:clamp(34px,4.2vw,60px);line-height:1.04;letter-spacing:-.008em}
.d-m{font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,42px);line-height:1.08}
/* Turkish carries dots and cedillas above and below the line (Ö, ü, ğ, ç, İ); give display lines room so they never touch */
:lang(tr) .d-xl{line-height:1.1}
:lang(tr) .d-l{line-height:1.1}
.d-s{font-family:var(--display);font-weight:500;font-size:clamp(23px,2.1vw,30px);line-height:1.12}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--ink2);max-width:58ch}
.body{max-width:62ch}
.body p+p{margin-top:1em}
.label{font:500 12px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.small{font-size:14px;line-height:1.55;color:var(--ink3)}
.num{font-family:var(--display);font-weight:500;font-variant-numeric:lining-nums;color:var(--kiremit);line-height:1}

/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;font:500 15px/1 var(--text);text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;cursor:pointer}
.btn--nar{background:var(--nar);color:#fff}
.btn--nar:hover{background:var(--nar-dk)}
.btn--olive{background:var(--zeytinlik);color:#fff}
.btn--olive:hover{background:#3A432D}
.btn--line{border-color:var(--ink);color:var(--ink)}
.btn--line:hover{background:var(--ink);color:#fff}
.btn--ghost{border-color:rgba(255,255,255,.85);color:#fff}
.btn--ghost:hover{background:#fff;color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.more{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.3 var(--text);color:var(--zeytin-dk);text-decoration:none;border-bottom:1px solid var(--zeytin);padding-bottom:3px}
.more:hover{color:var(--ink);border-color:var(--ink)}
.on-dark .more{color:#fff;border-color:var(--adacayi)}
.on-dark .more:hover{border-color:#fff}
.more svg{width:14px;height:14px}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background .25s,box-shadow .25s,color .25s;color:#fff;padding-top:env(safe-area-inset-top,0px)}
.hdr__in{display:flex;align-items:center;gap:28px;height:84px}
.hdr__logo{display:block;width:210px;flex:none}
.hdr__logo img{width:100%}
.hdr__logo .ink{display:none}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{font:500 15px/1 var(--text);text-decoration:none;color:inherit;padding:8px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-color:currentColor}
.lang{display:flex;gap:8px;font:500 13px/1 var(--text);letter-spacing:.08em}
.lang a{text-decoration:none;opacity:.6;color:inherit}
.lang a[aria-current="true"]{opacity:1}
.hdr .btn{min-height:44px;padding:0 20px;font-size:14px}
.hdr.is-solid,.hdr.is-plain{background:rgba(246,243,237,.97);color:var(--ink);box-shadow:0 1px 0 var(--tas);backdrop-filter:saturate(1.2) blur(8px)}
.hdr.is-solid .hdr__logo .white,.hdr.is-plain .hdr__logo .white{display:none}
.hdr.is-solid .hdr__logo .ink,.hdr.is-plain .hdr__logo .ink{display:block}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:inherit;width:44px;height:44px;padding:0;cursor:pointer}
.menu-btn span{display:block;width:24px;height:1.5px;background:currentColor;margin:6px auto;transition:transform .2s,opacity .2s}
.drawer{display:none}
@media (max-width:1080px){
  .nav,.hdr .lang,.hdr .btn{display:none}
  .menu-btn{display:block}
  .hdr__in{height:72px}
  .hdr__logo{width:180px}
  .drawer{display:block;position:fixed;inset:0;z-index:49;background:var(--zeytinlik);color:#fff;padding:calc(96px + env(safe-area-inset-top,0px)) max(24px,var(--gut-r)) 40px max(24px,var(--gut));transform:translateY(-100%);transition:transform .3s ease;visibility:hidden}
  .drawer.open{transform:none;visibility:visible}
  .drawer nav{display:flex;flex-direction:column;gap:6px}
  .drawer nav a{font-family:var(--display);font-size:36px;line-height:1.2;color:#fff;text-decoration:none}
  .drawer .lang{margin-top:28px;font-size:15px}
  .drawer .btn{margin-top:28px}
  body.nav-open{overflow:hidden}
  body.nav-open .hdr{background:transparent;box-shadow:none;color:#fff}
  body.nav-open .hdr .hdr__logo .white{display:block}
  body.nav-open .hdr .hdr__logo .ink{display:none}
  body.nav-open .menu-btn span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  body.nav-open .menu-btn span:nth-child(2){opacity:0}
  body.nav-open .menu-btn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}

/* hero */
.hero{position:relative;min-height:min(100svh,940px);display:flex;align-items:flex-end;color:#fff;background:#2a2620;overflow:hidden}
.hero--inner{min-height:min(72svh,680px)}
.hero__img,.hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__img img{object-position:var(--pos,50% 50%)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,19,15,.66) 0%,rgba(20,19,15,.34) 38%,rgba(20,19,15,0) 62%),linear-gradient(180deg,rgba(20,19,15,.5) 0%,rgba(20,19,15,0) 22%,rgba(20,19,15,0) 58%,rgba(20,19,15,.42) 100%)}
.hero__in{position:relative;z-index:1;width:100%;padding-block:140px clamp(56px,8vw,104px)}
.hero h1{color:#fff;max-width:11ch}
.hero--inner h1{max-width:16ch}
.hero__sub{margin-top:22px;font-size:clamp(17px,1.45vw,20px);line-height:1.55;max-width:40ch;color:rgba(255,255,255,.92)}
.hero .btns{margin-top:34px}
.hero__credit{position:absolute;right:max(20px,var(--gut-r));bottom:18px;z-index:1;font:500 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
@media (max-width:700px){
  .hero::after{background:linear-gradient(180deg,rgba(20,19,15,.55) 0%,rgba(20,19,15,.05) 26%,rgba(20,19,15,.15) 48%,rgba(20,19,15,.78) 100%)}
  .hero h1{max-width:none}
  .hero .btns .btn{flex:1 1 auto}
}

/* intro + stats */
.intro{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.intro .body{padding-top:10px}
.intro .more{margin-top:28px}
.stats{background:var(--kiremit-acik)}
.stats__grid{display:grid;grid-template-columns:repeat(6,1fr)}
.stat{padding:34px 0 30px 22px;border-left:1px solid rgba(180,88,58,.28)}
.stat:first-child{border-left:0;padding-left:0}
.stat .num{font-size:clamp(34px,3.4vw,52px)}
.stat span{display:block;margin-top:10px;font-size:14px;line-height:1.35;color:var(--ink2)}
@media (max-width:900px){
  .intro{grid-template-columns:1fr}
  .stats__grid{grid-template-columns:repeat(3,1fr)}
  .stat:nth-child(4){border-left:0;padding-left:0}
  .stat:nth-child(n+4){border-top:1px solid rgba(180,88,58,.28)}
}
@media (max-width:520px){.stats__grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(odd){border-left:0;padding-left:0}.stat:nth-child(4){border-left:1px solid rgba(180,88,58,.28);padding-left:22px}.stat:nth-child(n+3){border-top:1px solid rgba(180,88,58,.28)}}

/* olive band */
.olive{background:var(--zeytinlik);color:var(--adacayi)}
.olive h2,.olive h3{color:#fff}
.olive .lead{color:var(--adacayi)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:stretch}
.split__media{position:relative;min-height:420px}
.split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sol-list{list-style:none;margin:36px 0 0;padding:0}
.sol-list li{border-top:1px solid rgba(185,192,166,.26)}
.sol-list li:last-child{border-bottom:1px solid rgba(185,192,166,.26)}
.sol-list a{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:20px 0;text-decoration:none;color:inherit}
.sol-list b{font-family:var(--display);font-weight:500;font-size:clamp(22px,1.9vw,27px);line-height:1.15;color:#fff}
.sol-list span{grid-column:1;font-size:15px;line-height:1.5;color:var(--adacayi);max-width:52ch}
.sol-list svg{grid-row:1/3;grid-column:2;align-self:center;width:18px;height:18px;color:var(--adacayi);transition:transform .2s}
.sol-list a:hover svg{transform:translateX(4px);color:#fff}
.olive .more{margin-top:32px}
@media (max-width:900px){.split{grid-template-columns:1fr}.split__media{min-height:320px;order:-1}}

/* feature (Smart Choice) */
.salt{background:var(--tuz)}
.feature{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.feature__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.sc-title{font-family:var(--display);font-weight:600;font-size:clamp(44px,5.6vw,80px);line-height:1;letter-spacing:-.01em;color:var(--ink)}
.sc-sub{font-family:var(--display);font-weight:500;font-size:clamp(23px,2.1vw,30px);line-height:1.15;color:var(--kiremit-dk);margin-top:12px}
.feature .lead{margin-top:20px}
.feature .more{margin-top:30px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;border-top:1px solid var(--tas)}
.flow div{padding:18px 16px 0 0}
.flow .num{font-size:clamp(30px,2.8vw,42px)}
.flow span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--ink2)}
@media (max-width:900px){.feature{grid-template-columns:1fr}.feature__media{max-width:520px}}
@media (max-width:520px){.flow{grid-template-columns:repeat(2,1fr);row-gap:18px}}

/* programme tiles */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.head .lead{margin-top:14px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
.tile{display:block;text-decoration:none;color:inherit}
.tile__img{overflow:hidden;aspect-ratio:4/3;background:var(--tuz)}
.tile__img picture{height:100%}
.tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover .tile__img img{transform:scale(1.035)}
.tile__meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px;border-bottom:1px solid var(--tas);padding-bottom:16px}
.tile__meta .label{display:block}
.tile__meta h3{font-family:var(--display);font-size:clamp(22px,1.8vw,26px);line-height:1.15;margin-top:6px}
.tile__meta .num{font-size:clamp(19px,1.5vw,22px);white-space:nowrap;text-align:right}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}

/* ways */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.way{border-top:2px solid var(--kiremit);padding-top:26px}
.way p{margin-top:14px}
.ways + .btns{margin-top:48px}
@media (max-width:900px){.ways{grid-template-columns:1fr}}

/* offices */
.offices{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,28px)}
.office img{width:100%;aspect-ratio:4/5;object-fit:cover}
.office h3{font-family:var(--display);font-size:clamp(24px,2vw,30px);margin-top:18px}
.office .label{margin-top:4px;display:block}
.office address{font-style:normal;margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink2)}
@media (max-width:1000px){.offices{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.offices{grid-template-columns:1fr}.office img{aspect-ratio:16/10}}

/* sage band */
.sage{background:var(--adacayi-acik)}
.channel{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.channel .label{color:var(--zeytin-dk)}
.channel h2{margin-top:12px}
.channel p{margin-top:18px}
.channel .btns{margin-top:28px}
.club{border-left:1px solid rgba(102,118,63,.35);padding-left:clamp(24px,3vw,48px)}
.club h3{font-family:var(--display);font-size:clamp(24px,2vw,30px)}
.club p{margin-top:12px}
@media (max-width:900px){.channel{grid-template-columns:1fr}.club{border-left:0;padding-left:0;border-top:1px solid rgba(102,118,63,.35);padding-top:28px}}

/* closing CTA */
.cta{position:relative;background:var(--zeytinlik);color:var(--adacayi);overflow:hidden}
.cta__grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.cta__text{padding-block:var(--sec);padding-right:clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.cta h2{color:#fff}
.cta p{margin-top:20px;max-width:44ch}
.cta .btns{margin-top:32px}
.cta__media{position:relative;margin-right:calc(-1 * max(40px,var(--gut-r)))}
.cta__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.cta__grid{grid-template-columns:1fr}.cta__media{min-height:300px;margin:0 calc(-1 * max(20px,var(--gut-r))) 0 calc(-1 * max(20px,var(--gut)));order:-1}}

/* solutions page blocks */
.page-intro{max-width:880px}
.page-intro .lead{font-family:var(--display);font-size:clamp(26px,2.5vw,36px);line-height:1.3;color:var(--ink);max-width:none}
.block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.block + .block{margin-top:var(--sec)}
.block:nth-child(even) .block__media{order:2}
.block__media img{width:100%;aspect-ratio:5/4;object-fit:cover}
.block h2{margin-top:0}
.block p{margin-top:18px}
.block ul{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--tas)}
.block li{padding:13px 0 13px 26px;border-bottom:1px solid var(--tas);position:relative;font-size:16px;color:var(--ink)}
.block li::before{content:"";position:absolute;left:0;top:23px;width:12px;height:1.5px;background:var(--kiremit)}
.olive .block li{color:#fff;border-color:rgba(185,192,166,.26)}
.olive .block ul{border-color:rgba(185,192,166,.26)}
@media (max-width:900px){.block{grid-template-columns:1fr}.block:nth-child(even) .block__media{order:0}}

/* programmes page */
.subnav{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:20;background:rgba(246,243,237,.97);border-bottom:1px solid var(--tas);backdrop-filter:blur(8px)}
@media (min-width:1081px){.subnav{top:calc(84px + env(safe-area-inset-top,0px))}}
.subnav .wrap{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.subnav a{flex:none;padding:16px 0;font:500 14px/1 var(--text);text-decoration:none;color:var(--ink2);border-bottom:2px solid transparent}
.subnav a:hover{color:var(--ink);border-color:var(--kiremit)}
.anchor{scroll-margin-top:150px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
.card{background:var(--beyaz);display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card__b{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.card h3{font-family:var(--display);font-size:clamp(26px,2.1vw,32px);line-height:1.1;margin-top:6px}
.routes{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--tas)}
.routes li{display:grid;grid-template-columns:7.4em 1fr;column-gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--tas)}
.routes .num{font-size:22px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.routes span:last-child{font-size:15px;line-height:1.45;color:var(--ink)}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}
.tr-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--beyaz)}
.tr-feature__media{position:relative;min-height:440px}
.tr-feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tr-feature__b{padding:clamp(28px,4vw,56px)}
.tr-feature .num{font-size:clamp(40px,4vw,60px);margin-top:20px}
.tr-feature .num small{display:block;font:400 14px/1.4 var(--text);color:var(--ink3);margin-bottom:8px}
.tr-feature p{margin-top:16px}
.facts{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--tas)}
.facts li{padding:12px 0 12px 26px;border-bottom:1px solid var(--tas);position:relative;font-size:15px;color:var(--ink)}
.facts li::before{content:"";position:absolute;left:0;top:22px;width:12px;height:1.5px;background:var(--kiremit)}
@media (max-width:900px){.tr-feature{grid-template-columns:1fr}.tr-feature__media{min-height:300px}}
.cbi{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-areas:"m1 t1" "m2 t2";column-gap:clamp(28px,5vw,80px);row-gap:44px;align-items:start}
.cbi__m1{grid-area:m1}.cbi__m2{grid-area:m2}.cbi__t1{grid-area:t1}.cbi__t2{grid-area:t2}
.cbi__m img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}
.tbl caption{text-align:left;font-family:var(--display);font-weight:500;font-size:clamp(24px,2vw,30px);color:var(--ink);padding-bottom:14px}
.tbl th{text-align:left;font:500 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);padding:0 16px 12px 0;border-bottom:1px solid var(--ink)}
.tbl td{padding:15px 16px 15px 0;border-bottom:1px solid var(--tas);vertical-align:top;font-size:15px;line-height:1.45}
.tbl td:first-child{font-weight:500;color:var(--ink);white-space:nowrap}
.tbl td.n{font-family:var(--display);font-weight:500;font-size:20px;color:var(--kiremit);white-space:nowrap}
.tbl small{display:block;color:var(--ink3);font-size:13px;margin-top:2px}
.tbl + .tbl{margin-top:44px}
.note{margin-top:28px;padding:18px 22px;background:var(--kiremit-acik);font-size:14px;line-height:1.55;color:var(--ink2)}
@media (max-width:900px){.cbi{grid-template-columns:1fr 1fr;grid-template-areas:"m1 m2" "t1 t1" "t2 t2";column-gap:18px;row-gap:36px}}

/* about */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.principle{border-top:2px solid var(--zeytin);padding-top:24px}
.principle p{margin-top:12px}
@media (max-width:900px){.principles{grid-template-columns:1fr}}
.team{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2vw,28px) clamp(14px,1.6vw,24px)}
.person img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.person h3{font:500 17px/1.3 var(--text);color:var(--ink);margin-top:14px}
.person p{font-size:14px;line-height:1.4;color:var(--ink3);margin-top:3px}
@media (max-width:1000px){.team{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.team{grid-template-columns:repeat(2,1fr)}}

/* contact */
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,96px);align-items:start}
.form{background:var(--beyaz);padding:clamp(24px,3.5vw,48px)}
.form h2{margin-bottom:26px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field label{font:500 13px/1.3 var(--text);color:var(--ink2)}
.field input,.field select,.field textarea{font:400 16px/1.4 var(--text);color:var(--ink);background:var(--kirec);border:1px solid var(--tas);border-radius:0;padding:13px 14px;width:100%;min-width:0;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234A4843' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--zeytin);box-shadow:0 0 0 3px rgba(102,118,63,.18)}
.consent{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink2)}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--zeytin);flex:none}
.form .btn{margin-top:26px}
.form-msg{margin-top:16px;font-size:14px;color:var(--zeytin-dk)}
.direct{display:grid;gap:30px}
.direct h3{font-family:var(--display);font-size:clamp(24px,2vw,28px)}
.direct dl{margin:14px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:16px}
.direct dt{color:var(--ink3);font-size:14px;padding-top:2px}
.direct dd{margin:0;color:var(--ink)}
.direct dd a{text-decoration:none;border-bottom:1px solid var(--tas)}
.olist{list-style:none;margin:14px 0 0;padding:0}
.olist li{padding:14px 0;border-top:1px solid var(--tas)}
.olist b{display:block;color:var(--ink);font-weight:500}
.olist address{font-style:normal;font-size:15px;line-height:1.5;color:var(--ink2);margin-top:3px}
@media (max-width:900px){.contact{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}}

/* credits */
.credits{columns:2;column-gap:56px;list-style:none;margin:0;padding:0}
.credits li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--tas);font-size:15px}
.credits b{color:var(--ink);font-weight:500}
@media (max-width:700px){.credits{columns:1}}

/* footer */
.ftr{background:var(--zeytinlik-2);color:var(--adacayi);padding-block:clamp(64px,7vw,96px) 32px;font-size:15px}
.ftr a{color:var(--adacayi);text-decoration:none}
.ftr a:hover{color:#fff}
.ftr__top{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.ftr__logo{width:220px}
.ftr__tag{margin-top:20px;max-width:34ch;line-height:1.55}
.ftr h4{font:500 12px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr address{font-style:normal;line-height:1.5}
.ftr address + address{margin-top:12px}
.ftr address b{color:#fff;font-weight:500;display:block}
.ftr__bot{margin-top:56px;padding-top:24px;border-top:1px solid rgba(185,192,166,.2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;color:rgba(185,192,166,.8)}
.ftr__bot nav{display:flex;flex-wrap:wrap;gap:20px}
.social{display:flex;gap:16px;margin-top:22px}
.social a{display:inline-flex;width:38px;height:38px;border:1px solid rgba(185,192,166,.35);align-items:center;justify-content:center}
.social a:hover{border-color:#fff}
.social svg{width:16px;height:16px}
@media (max-width:1000px){.ftr__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr__top{grid-template-columns:1fr}}

/* WhatsApp float */
.wa{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:54px;height:54px;border-radius:50%;background:var(--zeytinlik);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(25,24,23,.25);text-decoration:none}
.wa:hover{background:#3A432D}
.wa svg{width:26px;height:26px}

/* fixes after review */
.cbi > *{min-width:0}
.tbl small{font-family:var(--text);font-weight:400}
@media (min-width:901px){
  .cta__grid{position:static}
  .cta__media{position:absolute;top:0;right:0;bottom:0;left:50%;margin:0}
}
@media (max-width:640px){
  .tbl thead{display:none}
  .tbl caption{padding-bottom:8px}
  .tbl tr{display:grid;grid-template-columns:1fr auto;column-gap:16px;border-bottom:1px solid var(--tas);padding:14px 0}
  .tbl td{border:0;padding:0}
  .tbl td:first-child{white-space:normal}
  .tbl td.n{text-align:right}
  .tbl td:nth-child(3){grid-column:1/-1;margin-top:6px;font-size:14px;color:var(--ink2)}
  .tbl td:nth-child(3)::before{content:attr(data-label) " ";color:var(--ink3)}
}

/* Home motto: two fixed lines ("Freedom is / the greatest wealth."), never re-wrapped.
   The longest line is about 7.35em wide, so the size follows the screen width until it reaches the 92px cap. */
.hero h1.hero__motto{max-width:none;font-size:min(clamp(44px,6.4vw,92px),calc((100vw - 40px) / 7.6))}
.hero__motto .ln{display:block;white-space:nowrap}
@media (min-width:900px){.hero h1.hero__motto{font-size:min(clamp(44px,6.4vw,92px),calc((100vw - 80px) / 7.6))}}

/* Contact: long e-mail addresses must not push the page wider than a 320px phone */
.contact > *{min-width:0}
.direct dd{overflow-wrap:anywhere}

/* Home hero, desktop: the headline grows right up to the doorway in the photo (it_hero_3), never past it.
   The photo fills the hero (object-fit: cover, centred). The doorway's left edge sits at 41.5% of the photo's width,
   about 40.4% once the slow hero zoom (up to 1.06) is applied; 40.8vw allows for the scrollbar inside 100vw.
   - Landscape screens: the photo is as wide as the screen, so the edge is at 40.8vw.
   - Squarer screens: the photo is as tall as the hero (4:3), so the edge is at 50vw - 0.12 x hero height.
   --room is the space from the text's left edge to the doorway, minus a 16px breathing gap.
   The longest line is 7.34em in English ("the greatest wealth.") and 7.04em in Turkish ("en büyük servettir.").
   The line under the headline keeps its size and wraps at the same edge as the headline's longest line (ragged, never justified). */
@media (min-width:900px){
  .hero--home{
    --door:min(40.8vw,calc(50vw - .12 * min(100svh,940px)));
    --text-left:calc(max(0px,(100vw - 1320px) / 2) + 40px);
    --room:calc(var(--door) - var(--text-left) - 16px);
  }
  .hero--home h1.hero__motto{font-size:min(140px,calc(var(--room) / 7.42))}
  .hero--home:lang(tr) h1.hero__motto{font-size:min(140px,calc(var(--room) / 7.12))}
  .hero--home .hero__sub{max-width:none;width:calc(var(--room) * 7.335 / 7.42)}
  .hero--home:lang(tr) .hero__sub{width:calc(var(--room) * 7.042 / 7.12)}
}
.reach .lead{margin-top:0;max-width:34em}
.reach .btns{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.reach .btn{margin-top:0}

/* cookie choice (assets/js/consent.js) */
.cc{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;width:min(420px,calc(100vw - 32px));background:var(--beyaz);color:var(--ink2);border:1px solid var(--tas);box-shadow:0 12px 40px rgba(25,24,23,.18);padding:22px 22px 20px;font-size:15px;line-height:1.55}
.cc[hidden]{display:none}
.cc a{color:var(--zeytin-dk);white-space:nowrap}
.cc__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cc .btn{min-height:44px;padding:0 16px}
@media (max-width:560px){
  .cc{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;padding:18px}
  .cc-open .wa{display:none}
}
.ftr__cc{background:none;border:0;padding:0;font:inherit;color:var(--adacayi);cursor:pointer}
.ftr__cc:hover{color:#fff}
.ftr__cc[hidden]{display:none}

/* privacy page */
.legal{max-width:46em}
.legal h2{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1.15;margin-top:56px}
.legal p{margin-top:14px}
.legal p b{color:var(--ink);font-weight:500}
.legal a{color:var(--zeytin-dk)}
.legal .btn{margin-top:24px}
.legal .btn[hidden]{display:none}
.legal .updated{margin-top:56px;font-size:14px;color:var(--ink3)}
.ctable{width:100%;border-collapse:collapse;margin-top:22px;font-size:15px;line-height:1.45}
.ctable th,.ctable td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--tas)}
.ctable th{font:500 12px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);border-bottom-color:var(--ink3)}
.ctable td:first-child{color:var(--ink);font-weight:500;white-space:nowrap}
@media (max-width:640px){
  .ctable thead{display:none}
  .ctable tr{display:block;padding:12px 0;border-bottom:1px solid var(--tas)}
  .ctable td{display:grid;grid-template-columns:7.5em 1fr;gap:12px;border:0;padding:3px 0}
  .ctable td::before{content:attr(data-l);font:500 11px/1.9 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
}

/* not-found page */
.nf .btns{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.nf{min-height:60vh}