/* ==========================================================================
   Yıldız İnşaat Madencilik — "KAROT" tasarım sistemi (v2)
   Tasarım & yazılım: ASD Creative — www.asd.web.tr
   ========================================================================== */

/* ---------- Fontlar (sunucuda barındırılır) ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("assets/fonts/archivo-latin-ext.woff2?v=20261024") 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}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("assets/fonts/archivo-latin.woff2?v=20261024") 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:"Plex";font-style:normal;font-display:swap;font-weight:400;src:url("assets/fonts/plex-sans-latin-ext-400.woff2?v=20261024") 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}
@font-face{font-family:"Plex";font-style:normal;font-display:swap;font-weight:400;src:url("assets/fonts/plex-sans-latin-400.woff2?v=20261024") 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:"Plex";font-style:normal;font-display:swap;font-weight:500;src:url("assets/fonts/plex-sans-latin-ext-500.woff2?v=20261024") 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}
@font-face{font-family:"Plex";font-style:normal;font-display:swap;font-weight:500;src:url("assets/fonts/plex-sans-latin-500.woff2?v=20261024") 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:"Plex";font-style:normal;font-display:swap;font-weight:600;src:url("assets/fonts/plex-sans-latin-ext-600.woff2?v=20261024") 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}
@font-face{font-family:"Plex";font-style:normal;font-display:swap;font-weight:600;src:url("assets/fonts/plex-sans-latin-600.woff2?v=20261024") 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}

/* ---------- Değişkenler ---------- */
:root{
  --white:#FFFFFF;
  --mineral:#EEF0ED;     /* manyezit beyazı */
  --paper:#F8F9F7;
  --sand:#E6E1D6;        /* örtü toprağı */
  --stone:#D6D1C6;       /* taş */
  --steel:#8B9297;       /* metalik gri */
  --steel-2:#B6BCC1;
  --graphite:#2E343A;
  --ink:#1B1E22;         /* antrasit */
  --navy:#17406C;        /* logo laciverti */
  --lake:#2E8C80;        /* ocak gölü */
  --lake-ink:#1E6A61;
  --lake-light:#79CDBF;
  --muted:#5B6268;
  --line:rgba(27,30,34,.14);
  --line-dark:rgba(255,255,255,.14);

  --f-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"Plex","Segoe UI",Roboto,Arial,sans-serif;
  --gutter:clamp(1.25rem,4vw,4rem);
  --maxw:1440px;
  --section:clamp(3.5rem,6.5vw,6.25rem);
  --header-h:78px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --r:2px;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}
body{margin:0;background:var(--mineral);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:700;font-stretch:110%;line-height:1.05;letter-spacing:-.015em}
p{margin:0 0 1em}p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0}
ul[role="list"],ol[role="list"]{list-style:none}
figure{margin:0}
::selection{background:var(--lake);color:#fff}
:focus-visible{outline:2px solid var(--lake);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:200;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:var(--r);font-weight:600;transition:top .2s}
.skip-link:focus{top:1rem}
.nowrap{white-space:nowrap}
.tabular{font-variant-numeric:tabular-nums}

.container{width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto}
.section{padding-block:var(--section);position:relative}
.section--white{background:var(--white)}
.section--paper{background:var(--paper)}
.section--sand{background:var(--sand)}
.section--ink{background:var(--ink);color:var(--mineral)}
.cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem}

/* ---------- Tipografi ---------- */
.h1{font-size:clamp(2.24rem,4.32vw,4.03rem);font-weight:800;font-stretch:118%;line-height:.96;letter-spacing:-.025em}
.h2{font-size:clamp(1.72rem,2.88vw,2.59rem);font-weight:700;font-stretch:112%;line-height:1.02;letter-spacing:-.02em}
.h3{font-size:clamp(1.12rem,1.37vw,1.35rem);font-stretch:108%;line-height:1.15}
.lead{font-size:clamp(1.15rem,1.5vw,1.38rem);line-height:1.55;max-width:38em}
.muted{color:var(--muted)}
.section--ink .muted{color:var(--steel-2)}
.prose{max-width:66ch}
.prose p{margin-bottom:1.15em}
.tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--lake-ink)}
.tag::before{content:"";width:.55rem;height:.55rem;border-radius:var(--r);background:var(--lake)}
.section--ink .tag{color:var(--lake-light)}

/* ---------- Butonlar ---------- */
.btn{--bg:var(--ink);--fg:#fff;position:relative;display:inline-flex;align-items:center;gap:.65rem;min-height:3.25rem;padding:.8rem 1.5rem;border:0;border-radius:var(--r);
  background:var(--bg);color:var(--fg);font-family:var(--f-body);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;overflow:hidden;isolation:isolate;transition:color .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lake);border-radius:inherit;transform:scale(0,1);transform-origin:left;transition:transform .5s var(--ease)}
.btn:hover::before,.btn:focus-visible::before{transform:scale(1,1)}
.btn--navy{--bg:var(--navy)}
.btn--light{--bg:var(--mineral);--fg:var(--ink)}
.btn--light:hover,.btn--light:focus-visible{color:#fff}
.btn--line{--bg:transparent;--fg:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--line:hover{color:#fff}
.btn--line-light{--bg:transparent;--fg:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.btn--line-light::before{background:var(--mineral)}
.btn--line-light:hover{color:var(--ink)}
.btn svg{width:1.05rem;height:1.05rem;flex:none}
.btn .dot{display:grid;place-items:center;width:2rem;height:2rem;margin:-.4rem -.9rem -.4rem 0;border-radius:var(--r);background:var(--mineral);color:var(--ink)}
.btn .dot svg{width:.85rem;height:.85rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:.15rem}
.text-link svg{width:1rem;height:1rem;transition:transform .35s var(--ease)}
.text-link:hover svg{transform:translateX(4px)}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);transition:transform .45s var(--ease),background-color .35s,box-shadow .35s}
.site-header .container{height:100%;display:flex;align-items:center;gap:2rem}
.site-header.is-solid{background:rgba(248,249,247,.9);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}
.site-header.is-hidden{transform:translateY(-100%)}
.brand{display:block;flex:none;width:clamp(148px,13vw,186px)}
.brand img{width:100%}
.brand .logo-light{display:none}
.on-dark-top .site-header:not(.is-solid) .logo-dark{display:none}
.on-dark-top .site-header:not(.is-solid) .logo-light{display:block}
.on-dark-top .site-header:not(.is-solid){color:#fff}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem)}
.nav__list{display:flex;align-items:center;gap:.25rem;list-style:none;padding:.3rem;border-radius:var(--r);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.on-dark-top .site-header:not(.is-solid) .nav__list{background:rgba(27,30,34,.35);box-shadow:inset 0 0 0 1px var(--line-dark)}
.nav__link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--r);border:0;background:none;font-weight:500;font-size:.95rem;text-decoration:none;transition:background-color .25s,color .25s}
.nav__link:hover{background:rgba(27,30,34,.07)}
.on-dark-top .site-header:not(.is-solid) .nav__link:hover{background:rgba(255,255,255,.14)}
.nav__link[aria-current="page"],.nav__item.is-current>.nav__link{background:var(--ink);color:#fff}
.nav__link svg{width:.75rem;height:.75rem;transition:transform .3s}
.nav__item{position:relative}
.nav__item.is-open .nav__link svg{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + .8rem);left:0;width:min(520px,80vw);display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem;background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:0 30px 60px -24px rgba(15,17,20,.35),0 0 0 1px var(--line);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.nav__item.is-open .dropdown{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.dropdown a{display:block;padding:.4rem .4rem .7rem;border-radius:var(--r);text-decoration:none;transition:background-color .25s}
.dropdown a:hover{background:var(--mineral)}
.dropdown__img{display:block;height:120px;border-radius:var(--r);overflow:hidden;background:var(--stone)}
.dropdown__img img{width:100%;height:100%;object-fit:cover}
.dropdown__title{display:block;margin:.7rem .3rem .15rem;font-family:var(--f-display);font-stretch:108%;font-weight:700;font-size:1.02rem}
.dropdown__text{display:block;margin:0 .3rem;font-size:.86rem;color:var(--muted);line-height:1.45}
.lang{display:flex;align-items:center;gap:.1rem;font-size:.88rem;font-weight:600}
.lang a,.lang span{padding:.3rem .4rem;text-decoration:none}
.lang a{opacity:.55}.lang a:hover{opacity:1}
.lang i{opacity:.35;font-style:normal}
.header-cta{min-height:2.7rem;padding:.55rem 1.2rem;font-size:.95rem}
.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:0;border-radius:var(--r);background:var(--ink);color:#fff;position:relative}
.menu-toggle span{position:absolute;left:15px;right:15px;height:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
.menu-toggle span:nth-child(1){top:18px}.menu-toggle span:nth-child(2){top:23px}.menu-toggle span:nth-child(3){top:28px}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:0;z-index:90;background:var(--ink);color:var(--mineral);padding:calc(var(--header-h) + 1.5rem) var(--gutter) 2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--ease),visibility 0s .7s}
.menu-open .mobile-nav{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .7s var(--ease)}
.menu-open .site-header{background:transparent;box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.menu-open .site-header .logo-dark{display:none}.menu-open .site-header .logo-light{display:block}
.menu-open .menu-toggle{background:var(--mineral);color:var(--ink)}
.mobile-nav ul{list-style:none;display:grid;gap:.2rem}
.mobile-nav a{text-decoration:none}
.mobile-nav__main>li>a{display:block;font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:clamp(1.63rem,5.76vw,1.87rem);line-height:1.15;padding:.3rem 0}
.mobile-nav__sub a{display:block;color:var(--steel-2);padding:.25rem 0 .25rem 1rem;border-left:1.5px solid var(--graphite)}
.mobile-nav__meta{margin-top:auto;display:grid;gap:.35rem;color:var(--steel-2);font-size:.95rem;border-top:1px solid var(--line-dark);padding-top:1.25rem}
.mobile-nav__meta a{color:#fff}
body.menu-open{overflow:hidden}

/* ---------- KAROT çerçeveleri (imza görsel dili) ---------- */
.core{position:relative;overflow:hidden;border-radius:var(--r);background:var(--stone);isolation:isolate}
.core img,.core video{width:100%;height:100%;object-fit:cover}
.core--v{aspect-ratio:3/4}
.core--v2{aspect-ratio:4/5}
.core--h{aspect-ratio:16/9}
.core-label{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);padding:.35rem .8rem;border-radius:var(--r);background:rgba(248,249,247,.92);color:var(--ink);font-size:.8rem;font-weight:500;white-space:nowrap}
.frame{overflow:hidden;border-radius:var(--r);background:var(--stone)}
.frame img{width:100%;height:100%;object-fit:cover}
.r43{aspect-ratio:4/3}.r54{aspect-ratio:5/4}.r169{aspect-ratio:16/9}.r32{aspect-ratio:3/2}
.cap{margin-top:.75rem;font-size:.86rem;color:var(--muted)}

/* ---------- Anasayfa: beyaz cevher (knockout) ---------- */
.kv{position:relative;background:var(--white);padding-top:calc(var(--header-h) + clamp(1.5rem,4vw,3.5rem));padding-bottom:clamp(3rem,6vw,5.5rem);overflow:hidden}
.kv__top{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(1rem,2vw,1.5rem)}
.kv__intro{max-width:30rem;font-size:clamp(1rem,1.25vw,1.15rem);color:var(--muted);margin:0}
.kv__intro b{color:var(--ink);font-weight:600}
.kv__film{display:inline-flex;align-items:center;gap:.8rem;border:0;background:none;padding:0;font-weight:600;text-align:left}
.kv__film .pl{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:var(--r);background:var(--ink);color:#fff;transition:transform .4s var(--ease),background-color .3s}
.kv__film:hover .pl{transform:scale(1.08);background:var(--lake)}
.kv__film .pl svg{width:1rem;height:1rem;margin-left:2px}
.kv__film small{display:block;font-weight:400;color:var(--muted);font-size:.85rem}
.kv__word{position:relative;width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto;line-height:0;overflow:hidden;border-radius:var(--r)}
.kv__media{position:absolute;inset:0;z-index:0}
.kv__media img,.kv__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kv__media video{opacity:0;transition:opacity 1s}
.kv__media video.is-playing{opacity:1}
.kv__mask{position:relative;z-index:1;display:block;margin:0;background:var(--white);color:#000;mix-blend-mode:screen;font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;
  font-size:var(--kv-size,19.6vw);line-height:.8;letter-spacing:-.035em;white-space:nowrap;text-align:center;padding:.06em 0 .02em;user-select:none}
@supports not (mix-blend-mode:screen){.kv__media{display:none}.kv__mask{color:var(--ink)}}
.kv__bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2rem;align-items:end;margin-top:clamp(1.75rem,3.5vw,3rem)}
.kv__h1{grid-column:1/8;font-size:clamp(1.42rem,2.09vw,1.98rem);font-weight:700;font-stretch:108%;line-height:1.12;letter-spacing:-.015em}
.kv__h1 span{color:var(--muted)}
.kv__actions{grid-column:8/13;justify-self:end}
.kv__ticker{margin-top:clamp(2.5rem,5vw,4rem);display:flex;gap:2.5rem;overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding-block:.9rem;font-size:.95rem;color:var(--muted);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kv__ticker-track{display:flex;gap:2.5rem;flex:none;animation:tick 40s linear infinite}
.kv__ticker span{display:inline-flex;align-items:center;gap:2.5rem}
.kv__ticker span::after{content:"";width:.45rem;height:.45rem;border-radius:var(--r);background:var(--lake)}
@keyframes tick{to{transform:translateX(calc(-100% - 2.5rem))}}
/* giriş animasyonu */
@keyframes kvIn{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.kv__word{animation:kvIn 1.3s var(--ease) .1s both}
.kv__top,.kv__bottom{animation:fadeUp 1s var(--ease) .55s both}

/* ---------- Karot kesiti (giriş) ---------- */
.intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:3rem;align-items:center}
.intro__cores{grid-column:1/6;display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(.6rem,1.4vw,1.1rem);align-items:stretch}
.intro__cores .core:nth-child(1){grid-row:1/3;aspect-ratio:auto;min-height:100%}
.intro__cores .core:nth-child(2),.intro__cores .core:nth-child(3){aspect-ratio:4/3}
.intro__body{grid-column:7/13}
.intro__body .h2{margin-bottom:1.75rem}
.intro__body .h2 em{font-style:normal;color:var(--lake-ink)}
.logrow{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.logrow>div{padding:1.1rem 1rem 0 0}
.logrow dt{font-size:.85rem;color:var(--muted);line-height:1.35;margin-bottom:.45rem}
.logrow dd{margin:0;font-family:var(--f-display);font-weight:800;font-stretch:122%;font-size:clamp(1.29rem,1.66vw,1.58rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.logrow dd small{font-size:.5em;font-weight:700;margin-left:.1em;letter-spacing:0}

/* ---------- Cevherin yolculuğu (konveyör hattı) ---------- */
.journey{background:var(--ink);color:var(--mineral);overflow:hidden}
.journey__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:1.25rem;align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.journey__head h2{grid-column:1/8}
.journey__head p{grid-column:8/13;color:var(--steel-2)}
.journey__body{position:relative}
.belt{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.belt__track{fill:none;stroke:var(--graphite);stroke-width:2;stroke-dasharray:2 8;stroke-linecap:butt}
.belt__line{fill:none;stroke:var(--lake-light);stroke-width:2.5;stroke-linecap:square}
.belt__ore{fill:var(--mineral)}
.belt__ore-ring{fill:none;stroke:var(--lake-light);stroke-width:1.5;opacity:.6}
.stations{position:relative;z-index:1;list-style:none;display:grid;gap:clamp(3rem,7vw,6rem)}
.station{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);align-items:center}
.station__media{grid-column:2/7}
.station__text{grid-column:8/12;position:relative}
.station:nth-child(even) .station__media{grid-column:7/12;order:2}
.station:nth-child(even) .station__text{grid-column:2/6;order:1}
.station__node{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1.1rem;border-radius:var(--r);background:var(--ink);box-shadow:inset 0 0 0 2px var(--lake-light);color:var(--mineral);font-family:var(--f-display);font-weight:800;font-stretch:118%;font-variant-numeric:tabular-nums}
.station h3{font-size:clamp(1.29rem,1.73vw,1.58rem);font-weight:800;font-stretch:116%;margin-bottom:.7rem}
.station p{color:var(--steel-2);max-width:34ch}
.station .core{max-height:360px}
.station--final .station__text{grid-column:4/10;text-align:center;order:0}
.station--final .station__node{margin-inline:auto;background:var(--lake);box-shadow:none}
.station--final p{margin-inline:auto}
.products-mini{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.products-mini span{padding:.55rem 1rem;border-radius:var(--r);background:var(--graphite);font-weight:500;font-size:.95rem}
.products-mini b{font-family:var(--f-display);font-stretch:118%;margin-left:.4rem;color:#fff}

/* ---------- Gerçek boyutta ---------- */
.size{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;align-items:center}
.size__text{grid-column:1/6}
.size__text .h2{margin-bottom:1.25rem}
.seg{display:inline-flex;padding:.3rem;margin:1.75rem 0 1.25rem;border-radius:var(--r);background:var(--mineral);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{border:0;background:none;padding:.6rem 1.1rem;border-radius:var(--r);font-weight:600;font-size:.95rem;color:var(--muted);transition:background-color .3s,color .3s}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.size__range{display:grid;gap:.6rem;max-width:26rem}
.size__range label{display:flex;justify-content:space-between;font-size:.92rem;color:var(--muted)}
.size__range output{font-family:var(--f-display);font-weight:800;font-stretch:118%;color:var(--ink);font-size:1.05rem}
.size__range input{width:100%;accent-color:var(--lake-ink)}
.size__desc{margin-top:1.25rem;color:var(--muted);max-width:40ch}
.size__stage{grid-column:7/13;position:relative;min-height:420px;border-radius:var(--r);background:var(--mineral);display:grid;place-items:center;overflow:hidden;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:1cm 1cm;background-position:center}
.rock{position:relative;width:6cm;aspect-ratio:1/.82;transition:width .35s var(--ease);filter:drop-shadow(0 18px 18px rgba(27,30,34,.22))}
.rock img{width:100%;height:100%;object-fit:cover;clip-path:polygon(18% 4%,52% 0,78% 9%,97% 34%,100% 63%,86% 88%,58% 100%,27% 96%,6% 78%,0 47%,4% 20%)}
.ruler{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);display:flex;align-items:flex-end;height:28px;color:var(--ink);font-size:.7rem}
.ruler i{position:relative;width:1cm;height:100%;border-left:1.5px solid currentColor;font-style:normal}
.ruler i::after{content:"";position:absolute;left:50%;bottom:0;height:40%;border-left:1px solid currentColor}
.ruler i:last-child{width:0}
.ruler i span{position:absolute;top:-1.15rem;left:-.25rem}
.size__note{position:absolute;top:1.1rem;left:1.25rem;font-size:.8rem;color:var(--muted)}
.size__dim{position:absolute;top:1.1rem;right:1.25rem;padding:.35rem .8rem;border-radius:var(--r);background:var(--ink);color:#fff;font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums}

/* ---------- Element kartı (Mg) + kullanım alanları ---------- */
.uses-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;align-items:start}
.uses-side{grid-column:1/5;position:sticky;top:calc(var(--header-h) + 2rem)}
.element{position:relative;width:min(100%,300px);aspect-ratio:1;padding:1.4rem;border-radius:var(--r);background:var(--ink);color:var(--mineral);display:flex;flex-direction:column;justify-content:space-between}
.element__n{font-family:var(--f-display);font-weight:700;font-size:1.3rem;font-variant-numeric:tabular-nums}
.element__s{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:5.2rem;line-height:.85;letter-spacing:-.04em}
.element__name{font-weight:500}
.element__m{position:absolute;top:1.4rem;right:1.4rem;font-size:.9rem;color:var(--steel-2);font-variant-numeric:tabular-nums}
.uses-side .h2{margin-top:2rem;font-size:clamp(1.55rem,2.16vw,2.02rem)}
.uses-side p{margin-top:1rem;color:var(--muted)}
.uses-list{grid-column:6/13;list-style:none;border-top:1.5px solid var(--ink)}
.uses-list li{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:1.25rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.uses-list .sym{font-family:var(--f-display);font-weight:800;font-stretch:118%;color:var(--lake-ink);font-size:1.05rem}
.uses-list h3{font-size:clamp(1.07rem,1.44vw,1.35rem);margin-bottom:.35rem}
.uses-list p{color:var(--muted);font-size:1rem;max-width:52ch}
.uses-list .kind{font-size:.82rem;color:var(--muted);padding:.25rem .65rem;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}

/* ---------- Sürdürülebilirlik bandı ---------- */
.green{background:#173430;color:var(--mineral);overflow:hidden;isolation:isolate}
.green__contours{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:var(--lake);opacity:.45}
.green__contours path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}
.green__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:3rem;align-items:center}
.green__cores{grid-column:1/6;display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:end}
.green__cores .core:nth-child(2){margin-bottom:12%}
.green__body{grid-column:7/13}
.green__body .h2{margin-bottom:1.25rem}
.green__body>p{color:rgba(238,240,237,.82);max-width:46ch}
.pledges{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem;margin:2.25rem 0}
.pledges li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start}
.pledges .ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--r);background:rgba(121,205,191,.14);color:var(--lake-light)}
.pledges .ic svg{width:1.2rem;height:1.2rem}
.pledges h3{font-size:1.08rem;font-stretch:106%;margin:.2rem 0 .3rem}
.pledges p{font-size:.95rem;color:rgba(238,240,237,.75)}

/* ---------- Sahadan (kapsül şerit) ---------- */
.strip-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.25rem}
.strip-controls{display:flex;gap:.5rem}
.icon-btn{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--r);border:0;background:var(--ink);color:#fff;transition:background-color .3s}
.icon-btn:hover{background:var(--lake)}
.icon-btn svg{width:1.05rem;height:1.05rem}
.strip{display:flex;align-items:flex-end;gap:clamp(.75rem,1.5vw,1.2rem);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:max(var(--gutter),calc((100vw - var(--maxw))/2));scroll-padding-inline:max(var(--gutter),calc((100vw - var(--maxw))/2));scrollbar-width:none;cursor:grab;list-style:none}
.strip::-webkit-scrollbar{display:none}
.strip.is-dragging{cursor:grabbing;scroll-snap-type:none}
.strip li{flex:none;scroll-snap-align:start}
.strip a{display:block;text-decoration:none}
.strip .core{height:clamp(320px,38vw,520px)}
.strip li:nth-child(odd) .core{width:clamp(240px,24vw,360px)}
.strip li:nth-child(even) .core{width:clamp(260px,30vw,460px);height:clamp(220px,24vw,340px)}
.strip img{transition:transform .8s var(--ease)}
.strip a:hover img{transform:scale(1.05)}
.strip .cap{max-width:20ch}

/* ---------- CTA ---------- */
.cta{padding-block:clamp(4rem,8vw,7rem)}
.cta__box{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2rem;align-items:center;padding:clamp(2rem,5vw,4.5rem);border-radius:var(--r);background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.cta__box h2{grid-column:1/8;font-size:clamp(1.72rem,3.02vw,2.74rem);font-weight:800;font-stretch:118%}
.cta__side{grid-column:9/13}
.cta__side p{color:rgba(255,255,255,.82);margin-bottom:1.5rem}
.cta__core{position:absolute;right:-30px;top:-20%;width:200px;height:140%;overflow:hidden;opacity:.18;transform:skewX(-24deg);z-index:-1}
.cta__core img{width:100%;height:100%;object-fit:cover}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:var(--steel-2);font-size:.97rem;overflow:hidden}
.site-footer a{color:var(--mineral);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-word{display:block;padding-top:clamp(3rem,6vw,5rem);font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;line-height:.78;letter-spacing:-.04em;font-size:var(--fw-size,17.5vw);white-space:nowrap;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(238,240,237,.22);user-select:none}
.footer-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;padding-block:clamp(3rem,5vw,4.5rem)}
.footer-brand{grid-column:1/5}
.footer-brand img{width:190px}
.footer-brand p{margin-top:1.25rem;max-width:32ch}
.footer-col{grid-column:span 2}
.footer-col--wide{grid-column:span 4}
.footer-col h2{font-family:var(--f-body);font-size:.88rem;font-weight:600;color:var(--steel);margin-bottom:1rem;letter-spacing:0}
.footer-col ul{list-style:none;display:grid;gap:.55rem}
.footer-col address{font-style:normal;display:grid;gap:.9rem}
.social{display:flex;gap:.6rem;margin-top:1.25rem}
.social a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line-dark);transition:background-color .3s}
.social a:hover{background:var(--lake);text-decoration:none}
.social svg{width:1.05rem;height:1.05rem;fill:currentColor}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1.5rem 2rem;border-top:1px solid var(--line-dark);font-size:.86rem;color:var(--steel)}
.footer-bottom ul{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;list-style:none}
.footer-bottom a{color:var(--steel-2)}
.asd-sign{display:block;line-height:0;opacity:.85;transition:opacity .3s}
.asd-sign:hover{opacity:1}
.asd-sign img{width:auto;height:34px}

/* ---------- Alt sayfa başlığı (karot hero) ---------- */
.ph{position:relative;background:var(--white);padding-top:calc(var(--header-h) + clamp(2rem,5vw,4rem));padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden}
.ph__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;align-items:end}
.ph__text{grid-column:1/8}
.ph__lead{margin-top:1.5rem;max-width:36rem;color:var(--muted);font-size:clamp(1.05rem,1.35vw,1.22rem)}
.ph__cores{grid-column:8/13;display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;align-items:end}
.ph__cores .core{aspect-ratio:4/5}
.ph__cores .core:nth-child(2){aspect-ratio:1/1}
.ph--plain .ph__cores{display:none}
.ph--plain .ph__text{grid-column:1/10}
.breadcrumb{margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;font-size:.88rem;color:var(--muted)}
.breadcrumb li+li::before{content:"/";margin-right:.4rem;opacity:.5}
.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline;color:var(--ink)}
.ph .h1 .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.ph .h1 .line>span{display:block;animation:rise 1.1s var(--ease) both}
.ph .h1 .line:nth-child(2)>span{animation-delay:.1s}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.ph__lead,.breadcrumb{animation:fadeUp 1s var(--ease) .4s both}
.ph__cores .core{animation:kvIn 1.2s var(--ease) .2s both}
.ph__cores .core:nth-child(2){animation-delay:.35s}

/* ---------- Ortak içerik bileşenleri ---------- */
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;align-items:center}
.split__media{grid-column:1/7}
.split__body{grid-column:8/13}
.split--rev .split__media{grid-column:7/13;order:2}
.split--rev .split__body{grid-column:1/6;order:1}
.split__body .h2{margin-bottom:1.4rem}
.split__body .text-link{margin-top:1.6rem}
.duo{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;align-items:end}
.duo .core:first-child{aspect-ratio:4/5}
.duo .core:last-child{aspect-ratio:1/1;margin-bottom:14%}
.facts{margin-top:1.75rem;border-top:1px solid var(--line)}
.facts>div{display:grid;grid-template-columns:minmax(8rem,38%) 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted)}
.facts dd{margin:0;font-weight:500}
.section--ink .facts,.section--ink .facts>div{border-color:var(--line-dark)}
.section--ink .facts dt{color:var(--steel-2)}
.head-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:1.25rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.head-split>:first-child{grid-column:1/7}
.head-split>:last-child{grid-column:8/13}

.timeline{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3rem clamp(1rem,2vw,2rem)}
.timeline--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.timeline li{position:relative;padding-top:1.4rem;border-top:1.5px solid currentColor}
.timeline li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:var(--r);background:var(--lake)}
.timeline time{display:block;font-family:var(--f-display);font-weight:800;font-stretch:122%;font-size:clamp(1.38rem,1.8vw,1.66rem);line-height:1;letter-spacing:-.02em;margin-bottom:.75rem}
.timeline p{font-size:.98rem;max-width:30ch}
.section--ink .timeline p{color:var(--steel-2)}

.mv{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}
.mv article{padding:clamp(1.75rem,3.5vw,3rem);border-radius:var(--r);background:var(--white)}
.mv h3{font-family:var(--f-body);font-size:.95rem;font-weight:600;color:var(--lake-ink);letter-spacing:0;margin-bottom:1rem}
.mv p{font-family:var(--f-display);font-weight:600;font-stretch:104%;font-size:clamp(1.12rem,1.51vw,1.35rem);line-height:1.3;letter-spacing:-.01em}
.values{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1rem,2vw,1.5rem)}
.values li{padding:1.6rem;border-radius:var(--r);background:var(--white)}
.values .n{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:var(--r);background:var(--mineral);color:var(--lake-ink);margin-bottom:1.25rem}
.values .n svg{width:1.3rem;height:1.3rem}
.values h3{font-size:1.2rem;font-stretch:106%;margin-bottom:.5rem}
.values p{font-size:.97rem;color:var(--muted)}
.policy{list-style:none;counter-reset:p;display:grid;border-top:1px solid var(--line)}
.policy li{counter-increment:p;display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.policy li::before{content:counter(p,decimal-leading-zero);font-family:var(--f-display);font-weight:800;font-stretch:118%;color:var(--lake-ink);font-variant-numeric:tabular-nums}
.section--ink .policy,.section--ink .policy li{border-color:var(--line-dark)}
.section--ink .policy li::before{color:var(--lake-light)}
.policy-block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2rem}
.policy-block__head{grid-column:1/5}
.policy-block__head p{margin-top:1.25rem}
.policy-block__body{grid-column:6/13}

.cards4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.card-h{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;padding:1rem;border-radius:var(--r);background:var(--white)}
.card-h .core{width:clamp(110px,11vw,150px);aspect-ratio:1}
.card-h h3{font-size:1.25rem;font-stretch:106%;margin-bottom:.4rem}
.card-h p{font-size:.96rem;color:var(--muted);padding-right:1.5rem}

.stages{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}
.stage{padding:clamp(1.6rem,3vw,2.6rem);border-radius:var(--r);background:#24282D}
.stage .tag{margin-bottom:.9rem}
.stage h3{font-size:clamp(1.2rem,1.58vw,1.44rem);margin-bottom:1.5rem}
.stage ol{list-style:none;counter-reset:s}
.stage li{counter-increment:s;display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;padding:.85rem 0;border-top:1px solid var(--line-dark);color:var(--steel-2)}
.stage li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-display);font-weight:800;font-stretch:118%;color:var(--mineral);font-variant-numeric:tabular-nums}
.stage li b{color:var(--mineral);font-weight:600}
.stage__out{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;padding:.75rem .75rem .75rem 1.3rem;border-radius:var(--r);background:var(--lake-ink)}
.stage__out span{color:rgba(255,255,255,.85);font-size:.95rem}
.stage__out b{padding:.35rem .9rem;border-radius:var(--r);background:var(--mineral);color:var(--ink);font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:1.15rem}

.spec-table{width:100%;border-collapse:collapse;font-size:1rem}
.spec-table th,.spec-table td{text-align:left;padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table thead th{font-size:.86rem;color:var(--muted);font-weight:500;border-bottom:1.5px solid var(--ink)}
.spec-table tbody th{font-weight:600}
.table-wrap{overflow-x:auto}

.sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.site-card{padding:.9rem .9rem 1.6rem;border-radius:var(--r);background:var(--white)}
.site-card .core{aspect-ratio:2/1;margin-bottom:1.3rem}
.site-card h3,.site-card p,.site-card address{padding-inline:.7rem}
.site-card h3{font-size:1.25rem;font-stretch:106%;margin-bottom:.5rem}
.site-card p{font-size:.97rem;color:var(--muted)}
.site-card address{font-style:normal;font-size:.9rem;color:var(--muted);margin-top:.75rem}

.film{position:relative;display:block;width:100%;border:0;padding:0;border-radius:var(--r);overflow:hidden;background:var(--ink);aspect-ratio:21/9;color:#fff;text-align:left}
.film img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform 1s var(--ease),opacity .5s}
.film:hover img{transform:scale(1.03);opacity:.6}
.film__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1rem;padding:.6rem 1.6rem .6rem .6rem;border-radius:var(--r);background:var(--mineral);color:var(--ink);font-weight:600;white-space:nowrap}
.film__label i{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:var(--r);background:var(--ink);color:#fff}
.film__label svg{width:1rem;height:1rem;margin-left:2px}
.film__label small{display:block;font-weight:400;color:var(--muted);font-size:.85rem}

.gallery{columns:3 260px;column-gap:clamp(.6rem,1.2vw,1rem)}
.gallery a{position:relative;display:block;margin-bottom:clamp(.6rem,1.2vw,1rem);overflow:hidden;border-radius:var(--r);break-inside:avoid;background:var(--stone)}
.gallery img{width:100%;transition:transform .8s var(--ease)}
.gallery a:hover img{transform:scale(1.04)}
.gallery span{position:absolute;left:50%;bottom:1rem;transform:translate(-50%,6px);padding:.35rem .8rem;border-radius:var(--r);background:rgba(248,249,247,.92);color:var(--ink);font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s}
.gallery a:hover span,.gallery a:focus-visible span{opacity:1;transform:translate(-50%,0)}

.acc{border-top:1.5px solid var(--ink)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 0;cursor:pointer;font-family:var(--f-display);font-weight:700;font-stretch:108%;font-size:clamp(1.15rem,1.7vw,1.45rem)}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{position:relative;flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:var(--r);background:var(--white)}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;width:.9rem;height:2px;background:currentColor;transition:transform .35s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc details[open] summary i::after{transform:rotate(0)}
.acc__body{padding:0 0 1.6rem;max-width:68ch;color:#3E444A}

.use-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1rem)}
.use-grid li{padding:1.4rem;border-radius:var(--r);background:var(--white)}
.use-grid .sym{display:inline-grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border-radius:var(--r);background:var(--mineral);font-family:var(--f-display);font-weight:800;font-stretch:112%;margin-bottom:1rem}
.use-grid h3{font-size:1.1rem;font-stretch:106%;margin-bottom:.45rem}
.use-grid p{font-size:.94rem;color:var(--muted)}

.mg-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem;align-items:start}
.mg-intro .element{grid-column:1/5;width:100%;max-width:340px}
.mg-intro .prose{grid-column:6/13}
.calc{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1rem);margin-top:clamp(2.5rem,5vw,4rem)}
.calc li{padding:1.4rem;border-radius:var(--r);background:var(--white)}
.calc b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:122%;font-size:clamp(1.46rem,1.87vw,1.8rem);line-height:1;letter-spacing:-.02em;margin-bottom:.6rem;font-variant-numeric:tabular-nums}
.calc span{font-size:.92rem;color:var(--muted)}

.callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.5rem);border-radius:var(--r);background:var(--white)}
.callout h2{font-size:clamp(1.03rem,1.3vw,1.35rem);margin-bottom:.3rem}
.callout p{color:var(--muted);max-width:60ch}

/* İletişim */
.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2.5rem}
.contact-info{grid-column:1/6;display:grid;gap:clamp(.75rem,1.5vw,1rem);align-content:start}
.contact-form-wrap{grid-column:6/13}
.office{padding:1.4rem 1.6rem;border-radius:var(--r);background:var(--white)}
.office h2{font-size:1.1rem;font-stretch:106%;margin-bottom:.45rem}
.office address{font-style:normal;color:#3E444A}
.contact-lines{display:grid;gap:.3rem}
.contact-lines a{text-decoration:none;font-weight:500}
.contact-lines a:hover{text-decoration:underline}
.hours{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.5rem;margin:0}
.hours dt{color:var(--muted)}.hours dd{margin:0;font-weight:500}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.25rem;padding:clamp(1.5rem,3.5vw,3rem);border-radius:var(--r);background:var(--ink);color:var(--mineral)}
.form h2{grid-column:1/-1;font-size:clamp(1.38rem,1.87vw,1.66rem);margin-bottom:.25rem}
.form .full{grid-column:1/-1}
.field{display:grid;gap:.4rem}
.field label{font-size:.9rem;font-weight:500;color:var(--steel-2)}
.field label span{color:var(--lake-light)}
.field input,.field select,.field textarea{width:100%;min-height:3.2rem;padding:.8rem 1.1rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--r);background:#24282D;color:#fff;font:inherit;font-size:1rem;transition:border-color .25s,box-shadow .25s}
.field select{border-radius:var(--r)}
.field input{border-radius:var(--r)}
.field textarea{min-height:9rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--lake-light);box-shadow:0 0 0 3px rgba(121,205,191,.2)}
.field [aria-invalid="true"]{border-color:#F28B82}
.field .err,.check .err{font-size:.85rem;color:#F6AEA9}
.check{display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:flex-start;font-size:.92rem;line-height:1.5;color:var(--steel-2)}
.check label{flex:1 1 0;min-width:0}
.check a{color:#fff}
.check .err{flex-basis:100%;padding-left:1.85rem}
.check input{flex:none;width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--lake-light)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{grid-column:1/-1;display:none;padding:1rem 1.2rem;border-radius:var(--r);font-weight:500}
.form-status.is-ok{display:block;background:rgba(121,205,191,.16);color:var(--lake-light)}
.form-status.is-error{display:block;background:rgba(242,139,130,.14);color:#F6AEA9}
.form button[type="submit"]{justify-self:start}
.form .btn{--bg:var(--mineral);--fg:var(--ink)}
.form .btn:hover{color:#fff}
.form button[disabled]{opacity:.6;pointer-events:none}
.map{position:relative;margin-top:clamp(2.5rem,5vw,4rem);aspect-ratio:21/8;min-height:320px;border-radius:var(--r);overflow:hidden;background:var(--stone)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}

/* Metin sayfaları (KVKK) */
.doc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);row-gap:2rem}
.doc__aside{grid-column:1/4}
.doc__aside nav{position:sticky;top:calc(var(--header-h) + 1.5rem);padding:1.2rem 1.4rem;border-radius:var(--r);background:var(--white)}
.doc__aside ul{list-style:none;display:grid;gap:.45rem;font-size:.95rem}
.doc__aside a{text-decoration:none;color:var(--muted)}
.doc__aside a:hover{color:var(--ink);text-decoration:underline}
.doc__body{grid-column:5/13}
.doc__body h2{font-size:clamp(1.2rem,1.58vw,1.37rem);margin:2.6rem 0 1rem}
.doc__body h2:first-child{margin-top:0}
.doc__body ul.list{list-style:none;display:grid;gap:.5rem;margin:0 0 1.2em}
.doc__body ul.list li{position:relative;padding-left:1.5rem}
.doc__body ul.list li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:var(--r);background:var(--lake)}
.note{display:block;margin-bottom:2rem;padding:.9rem 1.2rem;border-radius:var(--r);background:var(--white);font-size:.9rem;color:var(--muted)}

/* 404 */
.nf{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.nf .kv__word{margin-top:1rem}

/* Diyaloglar */
dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none}
dialog::backdrop{background:rgba(12,14,16,.93)}
.film-dialog,.lightbox{width:100vw;height:100vh;height:100dvh;margin:0;color:#fff}
.film-dialog[open],.lightbox[open]{display:grid;place-items:center}
.film-dialog video{width:min(92vw,1280px);max-height:80vh;background:#000;border-radius:var(--r)}
.dialog-close{position:fixed;top:1.25rem;right:1.25rem;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--r);border:0;background:var(--mineral);color:var(--ink)}
.dialog-close svg{width:1.05rem;height:1.05rem}
.lightbox figure{display:grid;gap:.9rem;justify-items:center;padding:4.5rem 4.5rem 2rem}
.lightbox img{max-width:min(92vw,1440px);max-height:78vh;width:auto;height:auto;border-radius:var(--r)}
.lightbox figcaption{font-size:.95rem;color:rgba(255,255,255,.85);text-align:center}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--r);border:0;background:rgba(255,255,255,.14);color:#fff}
.lb-nav svg{width:1.15rem;height:1.15rem}
.lb-prev{left:1.25rem}.lb-next{right:1.25rem}

/* Sayfa geçişi */
.curtain{position:fixed;inset:0;z-index:300;background:var(--ink);pointer-events:none;clip-path:inset(100% 0 0 0)}
.curtain.is-in{transition:clip-path .55s var(--ease);clip-path:inset(0 0 0 0)}

/* ---------- Duyarlı ---------- */
@media (max-width:1180px){
  .nav__link{padding:.5rem .75rem}
  .header-cta{display:none}
  .values,.use-grid,.calc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline,.timeline--4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pledges{grid-template-columns:1fr}
}
@media (max-width:980px){
  :root{--header-h:70px}
  .nav{display:none}
  .menu-toggle{display:block}
  .kv__h1,.kv__actions{grid-column:1/-1;justify-self:start}
  .kv__top{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .intro__cores,.intro__body,.green__cores,.green__body,.size__text,.size__stage,.uses-side,.uses-list,.cta__box h2,.cta__side,
  .split__media,.split__body,.split--rev .split__media,.split--rev .split__body,.ph__text,.ph__cores,.contact-info,.contact-form-wrap,
  .policy-block__head,.policy-block__body,.head-split>:first-child,.head-split>:last-child,.journey__head h2,.journey__head p,.mg-intro .element,.mg-intro .prose{grid-column:1/-1;order:0}
  .uses-side{position:static}
  .intro__cores{max-width:520px}
  .ph__cores{max-width:420px}
  .logrow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.25rem}
  .station,.station:nth-child(even){grid-template-columns:3.5rem 1fr;column-gap:1.25rem;row-gap:1.25rem}
  .station .station__media,.station:nth-child(even) .station__media{grid-column:2/3;order:2}
  .station .station__text,.station:nth-child(even) .station__text,.station--final .station__text{grid-column:1/3;order:1;text-align:left;display:grid;grid-template-columns:3.5rem 1fr;column-gap:1.25rem}
  .station__node{grid-row:span 2;margin:0!important}
  .station--final .products-mini{justify-content:flex-start;grid-column:2}
  .station p{grid-column:2}
  .station .core{aspect-ratio:20/9!important;max-height:none}
  .mv,.stages,.cards4{grid-template-columns:1fr}
  .sites{grid-template-columns:1fr 1fr}
  .doc__aside{display:none}.doc__body{grid-column:1/-1}
  .footer-brand{grid-column:1/-1}
  .footer-col{grid-column:span 6}
  .footer-col--wide{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:1rem}
  .values,.use-grid,.calc,.sites{grid-template-columns:1fr}
  .timeline,.timeline--4{grid-template-columns:1fr 1fr}
  .form{grid-template-columns:1fr;border-radius:var(--r)}
  .footer-col{grid-column:1/-1}
  .uses-list li{grid-template-columns:1fr;gap:.35rem}
  .uses-list .kind{justify-self:start}
  .card-h{grid-template-columns:1fr;border-radius:var(--r);padding:1rem 1rem 1.4rem}
  .card-h .core{width:100%;aspect-ratio:20/9}
  .card-h p,.card-h h3{padding:0 .4rem}
  .callout{border-radius:var(--r)}
  .film{aspect-ratio:4/3;border-radius:var(--r)}
  .cta__box{border-radius:var(--r)}
  .strip-controls{display:none}
  .size__stage{min-height:320px;margin-inline:calc(-1 * var(--gutter));border-radius:0}
  .facts>div{grid-template-columns:1fr;gap:.2rem}
  .map{aspect-ratio:4/5;border-radius:var(--r)}
  .lightbox figure{padding:4rem 1rem 1.5rem}
  .lb-nav{top:auto;bottom:1.25rem;transform:none}
  .spec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .spec-table,.spec-table tbody,.spec-table tr,.spec-table th,.spec-table td{display:block;width:100%}
  .spec-table tr{padding:1rem 0;border-bottom:1px solid var(--line)}
  .spec-table tbody tr:first-child{border-top:1.5px solid var(--ink)}
  .spec-table th,.spec-table td{border:0;padding:.3rem 0}
  .spec-table tbody th{font-family:var(--f-display);font-stretch:108%;font-size:1.15rem;padding-bottom:.5rem}
  .spec-table td{display:grid;grid-template-columns:8.5rem 1fr;gap:.75rem}
  .spec-table td::before{content:attr(data-label);color:var(--muted);font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .kv__media video{display:none}
  .kv__ticker-track{animation:none}
}
@media print{
  .site-header,.mobile-nav,.curtain,.kv__media,.footer-word{display:none!important}
}

/* ---------- v2 ekleri ---------- */
.kv__mask span,.footer-word span{display:inline-block}
.kv__pause{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--r);border:0;background:var(--mineral);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.kv__pause:hover{background:var(--stone)}
.kv__pause svg{width:.85rem;height:.85rem}
.kv__pause .i-play{display:none}
.kv__pause[aria-pressed="true"] .i-play{display:block}
.kv__pause[aria-pressed="true"] .i-pause{display:none}
.station .station__node{transition:background-color .4s,color .4s,box-shadow .4s}
.station.is-reached .station__node{background:var(--lake-light);color:var(--ink);box-shadow:none}

/* ==========================================================================
   v3 — Renk katmanı + manşet slider
   Logo laciverti / mavisi, ocak gölü turkuazı ve iş güvenliği sarısı
   ========================================================================== */
:root{
  --blue:#1F5FAE;        /* logo "YILDIZ" mavisi */
  --navy-deep:#0E2A4A;   /* koyu lacivert zemin */
  --sky:#E6EFFA;         /* açık mavi zemin */
  --turq:#3CBFAE;        /* ocak gölü turkuazı */
  --turq-soft:#E0F3EF;
  --yellow:#FFC72C;      /* iş güvenliği sarısı */
  --yellow-soft:#FFF3CC;
  --red:#E30613;         /* logo kırmızısı (yalnızca küçük vurgular) */
}

/* Butonlar: sarı dolum */
.btn::before{background:var(--yellow)}
.btn:hover,.btn:focus-visible{color:var(--ink)}
.btn--light::before{background:var(--yellow)}
.btn--light:hover,.btn--light:focus-visible{color:var(--ink)}
.btn--line:hover{color:var(--ink)}
.btn--yellow{--bg:var(--yellow);--fg:var(--ink)}
.btn--yellow::before{background:var(--mineral)}
.btn--yellow .dot{background:var(--ink);color:#fff}
.nav__link[aria-current="page"],.nav__item.is-current>.nav__link{background:var(--navy)}
.tag::before{background:var(--yellow)}
.tag{color:var(--blue)}
.section--ink .tag,.journey .tag{color:var(--yellow)}

/* Koyu bölümler: lacivert */
.section--ink,.journey{background:var(--navy-deep)}
.section--ink .muted,.journey__head p,.station p{color:#B7C6DA}
.stage{background:rgba(255,255,255,.06)}
.stage li{color:#B7C6DA}
.stage__out{background:var(--turq)}
.stage__out span{color:var(--ink)}
.timeline li::before{background:var(--yellow)}
.section--ink .timeline li::before{background:var(--yellow)}
.policy li::before{color:var(--blue)}
.section--ink .policy li::before{color:var(--yellow)}

/* ---------- Manşet slider ---------- */
.kv__sizer{visibility:hidden}
.kv__slide{position:absolute;inset:0;isolation:isolate;overflow:hidden;clip-path:inset(100% 0 0 0);transition:clip-path 1.05s var(--ease);z-index:0}
.kv__slide.is-active{clip-path:inset(0 0 0 0);z-index:2}
.kv__slide.is-leaving{clip-path:inset(0 0 0 0);z-index:1}
.kv__slide .kv__mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0}
.kv__slide .kv__media img{transform:scale(1.12);transition:transform 9s linear}
.kv__slide.is-active .kv__media img{transform:scale(1)}
.kv__bottom{align-items:end}
.kv__caps{grid-column:1/8;display:grid}
.kv__cap{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s .6s}
.kv__cap.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .7s var(--ease) .25s,transform .7s var(--ease) .25s}
.kv__cap .btn{margin-top:1.5rem}
.kv__cap .kv__h1{grid-column:auto}
.kv__ctrl{grid-column:8/13;display:flex;align-items:flex-end;gap:1rem}
.kv__tabs{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.kv__tab{display:grid;gap:.35rem;padding:.4rem 0;border:0;background:none;text-align:left;color:var(--muted);transition:color .3s}
.kv__tab:hover,.kv__tab.is-active{color:var(--ink)}
.kv__tab .n{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--blue)}
.kv__tab .l{font-family:var(--f-display);font-weight:700;font-stretch:110%;font-size:.98rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv__tab .bar{position:relative;display:block;height:4px;border-radius:var(--r);background:var(--line);overflow:hidden}
.kv__tab .bar i{position:absolute;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.kv__tab.is-done .bar i{transform:scaleX(1);background:var(--turq)}
.kv__tab.is-active .bar i{animation:kvbar var(--kv-dur,7s) linear forwards}
.kv.is-paused .kv__tab.is-active .bar i{animation-play-state:paused}
@keyframes kvbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.kv__pause{flex:none}
.kv__ticker{margin-top:clamp(2.5rem,5vw,4rem);border:0;padding-block:.95rem;background:var(--turq);color:var(--ink);font-weight:500;mask-image:none;-webkit-mask-image:none}
.kv__ticker span::after{background:var(--ink)}

/* ---------- Bölüm renkleri ---------- */
.intro-sec{background:var(--turq-soft)}
.logrow{border-top-color:rgba(27,30,34,.2)}
.logrow dd{color:var(--navy)}
.belt__track{stroke:rgba(255,255,255,.18)}
.belt__line{stroke:var(--yellow);stroke-width:3}
.belt__ore{fill:#fff}
.belt__ore-ring{stroke:var(--yellow);opacity:.8}
.station__node{background:var(--navy-deep);box-shadow:inset 0 0 0 2px var(--turq)}
.station.is-reached .station__node{background:var(--yellow);color:var(--ink)}
.station--final .station__node{background:var(--turq);color:var(--ink)}
.products-mini span{background:rgba(255,255,255,.08)}
.products-mini b{color:var(--yellow)}
.size__stage{background-color:var(--yellow-soft)}
.size__dim{background:var(--navy)}
.seg button[aria-pressed="true"]{background:var(--navy)}
.size__range input{accent-color:var(--blue)}
.element{background:var(--blue)}
.element__m{color:rgba(255,255,255,.88)}
.uses-list .sym{color:var(--blue)}
.uses-list li{transition:background-color .3s,padding .4s var(--ease)}
.uses-list li:hover{background:var(--sky);padding-inline:1rem}
.uses-list li:hover .kind{background:var(--yellow);box-shadow:none;color:var(--ink)}
.green{background:#0D3A36}
.green__contours{color:var(--turq);opacity:.4}
.green .tag{color:var(--turq)}
.pledges .ic{background:rgba(255,199,44,.14);color:var(--yellow)}
.strip-sec{background:var(--sky)}
.icon-btn{background:var(--navy)}
.icon-btn:hover{background:var(--yellow);color:var(--ink)}
.cta__box{background:var(--blue)}
.cta__box .btn--light{--bg:var(--yellow);--fg:var(--ink)}
.cta__box .btn--light::before{background:#fff}
.site-footer{background:var(--navy-deep);color:#B7C6DA}
.footer-word{-webkit-text-stroke:1px rgba(60,191,174,.35)}
.footer-col h2{color:var(--turq)}
.footer-bottom{border-top-color:rgba(255,255,255,.12);color:#8FA3BC}
.social a:hover{background:var(--yellow);color:var(--ink)}
.dropdown a:hover{background:var(--sky)}

/* Alt sayfa başlık renkleri */
.ph--blue{background:var(--sky)}
.ph--turq{background:var(--turq-soft)}
.ph--yellow{background:var(--yellow-soft)}
.ph--white{background:var(--white)}
.ph .breadcrumb li:last-child{color:var(--blue);font-weight:500}
.values .n{background:var(--sky);color:var(--blue)}
.values li:nth-child(2) .n{background:var(--turq-soft);color:var(--lake-ink)}
.values li:nth-child(3) .n{background:var(--yellow-soft);color:#8A6200}
.mv article:first-child{background:var(--navy);color:#fff}
.mv article:first-child h3{color:var(--yellow)}
.calc b{color:var(--navy)}
.calc li:nth-child(1){background:var(--yellow-soft)}
.calc li:nth-child(2){background:var(--turq-soft)}
.calc li:nth-child(3){background:var(--sky)}
.use-grid li{border-top:4px solid var(--turq)}
.use-grid li:nth-child(4n+2){border-top-color:var(--yellow)}
.use-grid li:nth-child(4n+3){border-top-color:var(--blue)}
.use-grid li:nth-child(4n+4){border-top-color:var(--navy)}
.card-h{background:var(--white)}
.card-h:nth-child(odd) h3{color:var(--navy)}
.site-card h3{color:var(--navy)}
.film__label i{background:var(--yellow);color:var(--ink)}
.callout{background:var(--yellow-soft)}
.office{border-left:4px solid var(--turq)}
.office:nth-child(4){border-left-color:var(--yellow)}
.office:nth-child(5){border-left-color:var(--blue)}
.form{background:var(--navy-deep)}
.field input,.field select,.field textarea{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.form .btn{--bg:var(--yellow)}
.form .btn::before{background:#fff}
.doc__aside nav{border-top:4px solid var(--yellow)}

@media (max-width:980px){
  .kv__caps,.kv__ctrl{grid-column:1/-1}
  .kv__ctrl{flex-direction:row}
}
@media (max-width:640px){
  .kv__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
  .kv__tab .l{font-size:.8rem}
  .kv__pause{width:2.8rem;height:2.8rem}
}
@media (prefers-reduced-motion:reduce){
  .kv__tab.is-active .bar i{animation:none;transform:scaleX(1)}
  .kv__slide .kv__media img{transform:none!important}
}
.ph--sky{background:var(--sky)}
/* Konveyör hattı metnin içinden geçmesin: düğüm metnin solunda */
.station:not(.station--final) .station__text{display:grid;grid-template-columns:3.4rem minmax(0,1fr);column-gap:1.25rem;align-items:start}
.station:not(.station--final) .station__node{grid-row:1/3;margin:0}
.station:not(.station--final) h3{grid-column:2;margin-top:.45rem}
.station:not(.station--final) p{grid-column:2}

/* =====================================================================
   v5 · YILDIZ EĞİMİ
   Logodaki yıldızın eğik çizgisi ve manyezitin rombohedral kristali.
   Tek açı: 7° (tan ≈ 0,12). Fotoğraflar, paneller ve kontroller bu açıyla
   eğik paralelkenar. Fotoğraf kümelerinin arkasında marka renginde bir
   kristal parçası. Madde işaretleri dört kollu yıldız ışıltısı.
   ===================================================================== */
:root{--r:0;--slant:-7deg;--unslant:7deg;
  --spark:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  --blade:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}

/* Fotoğraf çerçeveleri: çerçeve eğik, fotoğraf düz */
.core,.dropdown__img,.film{transform:skewX(var(--slant))}
.core img,.core video,.dropdown__img img,.film img{transform:skewX(var(--unslant));scale:1.2}
.strip img{transition:scale .8s var(--ease)}
.strip a:hover img{transform:skewX(var(--unslant));scale:1.26}
.film img{transition:scale 1s var(--ease),opacity .5s}
.film:hover img{transform:skewX(var(--unslant));scale:1.25}
.film__label{transform:translate(-50%,-50%) skewX(var(--unslant));clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.core-label{transform:translateX(-50%) skewX(var(--unslant));clip-path:var(--blade)}

/* Kristal parçası: fotoğraf kümelerinin arkasında marka rengi */
.ph__cores,.intro__cores,.green__cores,.duo{position:relative;isolation:isolate}
.ph__cores::before,.intro__cores::before,.green__cores::before,.duo::before{content:"";position:absolute;z-index:-1;left:-7%;top:16%;bottom:-9%;width:55%;background:var(--shard,var(--yellow));transform:skewX(var(--slant));pointer-events:none}
.ph--blue{--shard:var(--yellow)}
.ph--turq{--shard:var(--navy)}
.ph--yellow{--shard:var(--blue)}
.ph--white{--shard:var(--turq)}
.intro__cores{--shard:var(--yellow)}
.green__cores{--shard:var(--turq)}
.duo{--shard:var(--yellow)}
.section--ink .duo{--shard:var(--turq)}
.intro__cores::before{top:10%;bottom:-7%;width:57%}
.duo::before{width:58%}
/* Küçük kareler eğim boyunca kademeli */
.intro__cores .core:nth-child(2){justify-self:start;width:100%;margin-left:5%}
.intro__cores .core:nth-child(3){justify-self:start;width:100%;margin-left:-5%}

/* Butonlar: eğik zemin, düz yazı */
.btn{background:none;box-shadow:none;overflow:visible}
.btn::after{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg);box-shadow:var(--ring,none);transform:skewX(var(--slant))}
.btn::before{z-index:-1;transform:skewX(var(--slant)) scale(0,1)}
.btn:hover::before,.btn:focus-visible::before{transform:skewX(var(--slant)) scale(1,1)}
.btn--line{--ring:inset 0 0 0 1.5px var(--ink)}
.btn--line-light{--ring:inset 0 0 0 1.5px rgba(255,255,255,.6)}

/* Menü */
.nav__list{position:relative;isolation:isolate;background:none;box-shadow:none}
.nav__list::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px var(--line);transform:skewX(var(--slant))}
.on-dark-top .site-header:not(.is-solid) .nav__list{background:none;box-shadow:none}
.on-dark-top .site-header:not(.is-solid) .nav__list::before{background:rgba(27,30,34,.35);box-shadow:inset 0 0 0 1px var(--line-dark)}
.nav__link{position:relative;isolation:isolate;background:none!important}
.nav__link::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lbg,transparent);transform:skewX(var(--slant));transition:background-color .25s}
.nav__link:hover{--lbg:rgba(27,30,34,.07)}
.on-dark-top .site-header:not(.is-solid) .nav__link:hover{--lbg:rgba(255,255,255,.14)}
.nav__link[aria-current="page"],.nav__item.is-current>.nav__link{--lbg:var(--navy)}

/* İkon kutuları: kutu eğik, ikon düz */
.menu-toggle,.kv__film .pl,.icon-btn,.social a,.dialog-close,.kv__pause,.acc summary i,.film__label i,.values .n,.pledges .ic,.btn .dot,.station__node{transform:skewX(var(--slant))}
.kv__film .pl svg,.icon-btn svg,.social a svg,.dialog-close svg,.kv__pause svg,.film__label i svg,.values .n svg,.pledges .ic svg,.btn .dot svg,.station__node i{transform:skewX(var(--unslant))}
.station__node i{display:block;font-style:normal}
.kv__film:hover .pl{transform:skewX(var(--slant)) scale(1.08)}
.lb-nav{transform:translateY(-50%) skewX(var(--slant))}
.lb-nav svg{transform:skewX(var(--unslant))}

/* Etiketler */
.products-mini span,.size__dim,.stage__out,.stage__out b,.gallery span{clip-path:var(--blade)}
.seg{position:relative;isolation:isolate;background:none;box-shadow:none}
.seg::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mineral);box-shadow:inset 0 0 0 1px var(--line);transform:skewX(var(--slant))}
.seg button{clip-path:var(--blade)}
.seg button:focus-visible{clip-path:none}
.uses-list .kind{position:relative;isolation:isolate;box-shadow:none;background:none!important}
.uses-list .kind::before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 0 1px var(--line);transform:skewX(var(--slant));transition:background-color .3s}
.uses-list li:hover .kind::before{background:var(--yellow);box-shadow:none}

/* Madde işaretleri: yıldız ışıltısı */
.tag::before{width:.8rem;height:.8rem;clip-path:var(--spark)}
.kv__ticker span::after{width:.8rem;height:.8rem;clip-path:var(--spark)}
.timeline li::before{top:-9px;width:18px;height:18px;clip-path:var(--spark)}
.doc__body ul.list li::before{width:.75rem;height:.45rem;clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}

/* Paneller ve kartlar: eğik zemin, düz içerik */
.element,.mv article,.values li,.use-grid li,.calc li,.office,.stage,.callout,.form,.cta__box,.card-h,.site-card,.note{position:relative}
.element,.mv article,.values li,.use-grid li,.calc li,.office,.stage,.callout,.form,.cta__box,.card-h,.site-card,.doc__aside nav,.note{isolation:isolate;background:transparent!important;border:0!important}
.element::before,.mv article::before,.values li::before,.use-grid li::before,.calc li::before,.office::before,.stage::before,.callout::before,.form::before,.cta__box::before,.card-h::before,.site-card::before,.doc__aside nav::before,.note::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--cbg,var(--white));box-shadow:var(--cbar,none);transform:skewX(var(--slant));pointer-events:none}
.element{--cbg:var(--blue)}
.mv article:first-child{--cbg:var(--navy)}
.use-grid li{--cbar:inset 0 4px 0 var(--turq)}
.use-grid li:nth-child(4n+2){--cbar:inset 0 4px 0 var(--yellow)}
.use-grid li:nth-child(4n+3){--cbar:inset 0 4px 0 var(--blue)}
.use-grid li:nth-child(4n+4){--cbar:inset 0 4px 0 var(--navy)}
.calc li:nth-child(1){--cbg:var(--yellow-soft)}
.calc li:nth-child(2){--cbg:var(--turq-soft)}
.calc li:nth-child(3){--cbg:var(--sky)}
.office{--cbar:inset 4px 0 0 var(--turq)}
.office:nth-child(4){--cbar:inset 4px 0 0 var(--yellow)}
.office:nth-child(5){--cbar:inset 4px 0 0 var(--blue)}
.stage{--cbg:rgba(255,255,255,.06)}
.callout{--cbg:var(--yellow-soft)}
.form{--cbg:var(--navy-deep)}
.doc__aside nav{--cbar:inset 0 4px 0 var(--yellow)}
.cta__box{--cbg:var(--blue);overflow:visible}
.cta__box::before{background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.08) 70% 83%,transparent 83%),var(--cbg)}
.cta__core{display:none}

/* Boyu değişen kutular: eğim JS ile piksel olarak hesaplanır (--k) */
.size__stage,.map,.gallery a{clip-path:polygon(var(--k,0px) 0,100% 0,calc(100% - var(--k,0px)) 100%,0 100%)}

@media (max-width:640px){
  .form::before,.stage::before{transform:none}
  .size__stage{clip-path:none}
}
@media (prefers-reduced-motion:reduce){
  .strip img,.film img{transition:none}
}
/* v5 ince ayar */
:root{--spark:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%)}
.size__note{left:calc(var(--k,0px) + 1.25rem)}
.ph__cores::before,.intro__cores::before,.green__cores::before,.duo::before{left:-4%}
@media (max-width:640px){
  .size__note{left:1.25rem}
  .ph__cores::before,.intro__cores::before,.green__cores::before,.duo::before{left:-2%}
}
@media (min-width:981px){.form{margin-right:2.5rem}}

/* =====================================================================
   v6 · ZARİF RENK DÜZENİ
   Logo: lacivert #17406C + kırmızı #E30613. Turkuaz ve sarı kaldırıldı.
   Ana vurgu: bordo (yazı taşıyan zeminler), logo kırmızısı (ince detaylar).
   Bölüm geçişleri yumuşak degrade.
   ===================================================================== */
:root{
  --red:#E30613; --bordo:#A50F1C; --bordo-deep:#6E0A16; --red-light:#FF5C68; --rose:#F8E9EB;
  --cool:#F2F5F9; --cool-2:#E8EDF4;
  --turq:#2F6DB5; --turq-soft:var(--cool); --lake:#1F5FAE; --lake-ink:#17406C; --lake-light:#A9C1E0;
  --yellow:var(--bordo); --yellow-soft:var(--cool);
  --g-navy:linear-gradient(135deg,#0B2340 0%,#17406C 58%,#1F5FAE 100%);
  --g-bordo:linear-gradient(135deg,#5A0812 0%,#A50F1C 60%,#E30613 100%);
  --g-ink:linear-gradient(180deg,#0B2340 0%,#0E2A4A 45%,#143A63 100%);
}
::selection{background:var(--bordo);color:#fff}
:focus-visible{outline-color:var(--blue)}

/* Yazı taşıyan bordo zeminlerde beyaz yazı */
.btn:hover,.btn:focus-visible,.btn--light:hover,.btn--light:focus-visible,.btn--line:hover{color:#fff}
.btn--yellow{--fg:#fff}
.station.is-reached .station__node,.station--final .station__node{color:#fff}
.icon-btn:hover,.social a:hover,.uses-list li:hover .kind,.film__label i{color:#fff}

/* Slider altı: lacivertten bordoya akan degrade bant */
.kv__ticker{background:linear-gradient(100deg,#0B2340 0%,#17406C 48%,#4A0F22 82%,#6E0A16 100%);color:#E3EAF3;letter-spacing:.01em}
.kv__ticker span::after{background:var(--red)}
.kv__tab .bar i{background:var(--red)}
.kv__tab.is-done .bar i{background:var(--navy)}

/* Bölüm zeminleri: yumuşak degrade geçişler */
.intro-sec{background:linear-gradient(180deg,#FFFFFF 0%,#F4F6FA 45%,#E9EEF5 100%)}
.section--ink,.journey{background:var(--g-ink)}
.uses{background:linear-gradient(180deg,#E9EEF5 0%,var(--mineral) 30%)}
.green{background:linear-gradient(165deg,#0B2340 0%,#0E3040 55%,#0F3B3A 100%)}
.green__contours{color:#7FA3C9;opacity:.35}
.strip-sec{background:linear-gradient(180deg,#EEF3FA 0%,#FFFFFF 100%)}
.site-footer{background:linear-gradient(180deg,#0E2A4A 0%,#0A1F38 100%);position:relative}
.site-footer::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--red) 0%,var(--bordo) 22%,transparent 60%)}
.ph--blue{background:linear-gradient(160deg,#E4EDF8 0%,#F5F8FC 60%,#FFFFFF 100%)}
.ph--turq{background:linear-gradient(160deg,#E7EEF6 0%,#F4F7FA 55%,#FFFFFF 100%)}
.ph--yellow{background:linear-gradient(160deg,#ECEFF3 0%,#F7F8FA 55%,#FFFFFF 100%)}
.ph--sky{background:linear-gradient(160deg,#E4EDF8 0%,#FFFFFF 100%)}

/* Kristal parçaları: degrade */
.ph--blue,.ph--yellow,.intro__cores,.duo{--shard:var(--g-bordo)}
.ph--turq,.ph--white,.green__cores,.section--ink .duo{--shard:var(--g-navy)}

/* Etiket, madde işareti, numaralar: logo kırmızısı */
.tag{color:var(--navy)}
.tag::before,.timeline li::before,.section--ink .timeline li::before,.doc__body ul.list li::before{background:var(--red)}
.section--ink .tag,.journey .tag,.green .tag{color:#DCE6F2}
.section--ink .policy li::before,.policy li::before{color:var(--bordo)}
.section--ink .policy li::before{color:var(--red-light)}
.mv article:first-child h3{color:var(--red-light)}
.mv article:first-child{--cbg:var(--g-navy)}
.footer-col h2{color:var(--red-light)}
.intro__body .h2 em{color:var(--bordo)}

/* Cevherin yolculuğu: lacivert + kırmızı (logonun iki rengi) */
.belt__line{stroke:var(--red)}
.belt__ore-ring{stroke:var(--red);opacity:.9}
.station__node{background:#0E2A4A;box-shadow:inset 0 0 0 2px rgba(169,193,224,.55)}
.station.is-reached .station__node{background:var(--bordo);box-shadow:none}
.station--final .station__node{background:var(--g-bordo)}
.products-mini b{color:var(--red-light)}
.stage__out{background:var(--g-bordo);color:#fff}

/* Paneller */
.element{--cbg:var(--g-navy)}
.cta__box{--cbg:var(--g-navy)}
.cta__box::before{background:linear-gradient(90deg,transparent 88%,var(--red) 88%,var(--red) 89.2%,transparent 89.2%,transparent 91.5%,rgba(227,6,19,.35) 91.5%,rgba(227,6,19,.35) 92.3%,transparent 92.3%),var(--cbg)}
.cta__box .btn--light{--bg:#fff;--fg:var(--navy)}
.cta__box .btn--light::before{background:var(--bordo)}
.form{--cbg:linear-gradient(160deg,#0B2340 0%,#0E2A4A 70%,#2A1030 100%)}
.form .btn{--bg:var(--bordo);--fg:#fff}
.form .btn::before{background:#fff}
.form .btn:hover{color:var(--navy)}
.size__stage{background-color:#F3F6FA}
.calc li:nth-child(1){--cbg:linear-gradient(160deg,#E4EDF8,#F7F9FC)}
.calc li:nth-child(2){--cbg:linear-gradient(160deg,#ECEFF3,#F8F9FA)}
.calc li:nth-child(3){--cbg:linear-gradient(160deg,var(--rose),#FCF6F7)}
.callout{--cbg:linear-gradient(120deg,#E4EDF8,#F8E9EB)}
.use-grid li{--cbar:inset 0 4px 0 var(--navy)}
.use-grid li:nth-child(4n+2){--cbar:inset 0 4px 0 var(--red)}
.use-grid li:nth-child(4n+3){--cbar:inset 0 4px 0 var(--blue)}
.use-grid li:nth-child(4n+4){--cbar:inset 0 4px 0 var(--bordo)}
.office{--cbar:inset 4px 0 0 var(--navy)}
.office:nth-child(4){--cbar:inset 4px 0 0 var(--red)}
.office:nth-child(5){--cbar:inset 4px 0 0 var(--blue)}
.doc__aside nav{--cbar:inset 0 4px 0 var(--red)}
.values li:nth-child(1) .n{background:var(--sky);color:var(--blue)}
.values li:nth-child(2) .n{background:var(--cool-2);color:var(--navy)}
.values li:nth-child(3) .n{background:var(--rose);color:var(--bordo)}
.values li:nth-child(4) .n{background:var(--sky);color:var(--navy)}
.pledges .ic{background:rgba(255,255,255,.08);color:var(--red-light)}
.field label span{color:var(--red-light)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#A9C1E0;box-shadow:0 0 0 3px rgba(169,193,224,.25)}
.check input{accent-color:var(--bordo)}

/* Menü: 7 bağlantı */
.nav__link{padding:.5rem .8rem;font-size:.92rem}
.nav__list{gap:.1rem}
@media (max-width:1320px){
  .nav{display:none}
  .menu-toggle{display:block}
}
/* Footer: 4 sütun */
.footer-brand{grid-column:1/4}
.footer-col--wide{grid-column:span 3}
@media (max-width:980px){.footer-brand{grid-column:1/-1}.footer-col{grid-column:span 4}.footer-col--wide{grid-column:1/-1}}
@media (max-width:640px){.footer-col{grid-column:span 6}}

/* =====================================================================
   Galeri, haberler, blog
   ===================================================================== */
.film--gal{aspect-ratio:21/8;margin-bottom:clamp(2.5rem,5vw,4rem)}
.gal-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips button{position:relative;isolation:isolate;border:0;background:none;padding:.55rem 1.05rem;font:inherit;font-weight:500;font-size:.93rem;color:var(--ink);cursor:pointer}
.chips button::before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 0 1px var(--line);transform:skewX(var(--slant));transition:background-color .25s}
.chips button:hover::before{background:var(--cool)}
.chips button[aria-pressed="true"]{color:#fff}
.chips button[aria-pressed="true"]::before{background:var(--g-navy);box-shadow:none}
.gallery--full a[hidden]{display:none}

.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.85rem;font-weight:500;color:var(--muted);margin-bottom:.7rem}
.post-meta i{width:.55rem;height:.55rem;background:var(--red);clip-path:var(--spark)}
.post-card{position:relative}
.post-card .core{display:block}
.post-card__media{display:block;text-decoration:none}
.post-card__media img{transition:scale .8s var(--ease)}
.post-card:hover .post-card__media img{scale:1.26}
.post-card__title{font-size:clamp(1.07rem,1.3vw,1.35rem);font-stretch:108%;line-height:1.2;margin-bottom:.6rem}
.post-card__title a{text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--ease)}
.post-card:hover .post-card__title a{background-size:100% 2px}
.post-card p{color:var(--muted)}
.post-card .text-link{margin-top:1rem}
.post-feature{margin-bottom:clamp(2.5rem,5vw,4rem)}
.post-card--big{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.2vw,2.25rem);align-items:center}
.post-card--big .post-card__media{grid-column:1/8}
.post-card--big .post-card__body{grid-column:8/13}
.post-card--big .post-card__title{font-size:clamp(1.38rem,2.02vw,1.73rem)}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem)}
.post-grid .post-card__media{margin-bottom:1.25rem}
.post-rows{display:grid;gap:clamp(2rem,4vw,3rem)}
.post-rows .post-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.post-rows .post-card:last-child{border-bottom:0}

.article-hero{padding-bottom:clamp(2rem,4vw,3rem)}
.article-hero .ph__text{grid-column:1/11}
.h1--article{font-size:clamp(1.81rem,3.31vw,2.88rem);line-height:1.04}
.article-sec{padding-top:clamp(1.5rem,3vw,2.5rem)}
.article-figure{margin:0 0 clamp(2rem,4vw,3.5rem)}
.article-figure .core{display:block}
.core--wide{aspect-ratio:21/9}
.article-body h2{font-size:clamp(1.16rem,1.44vw,1.35rem);margin:2rem 0 .8rem}
.article-body h2:first-child{margin-top:0}
.article-body .table-wrap{overflow-x:auto;margin:1.25rem 0 1.5rem}
.article-body table.spec{width:100%;border-collapse:collapse;font-size:.95rem}
.article-body .spec th,.article-body .spec td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
.article-body .spec thead th{font-size:.82rem;font-weight:600;color:var(--muted);border-bottom:1.5px solid var(--ink)}
.article-aside nav h2{font-family:var(--f-body);font-size:.9rem;font-weight:600;color:var(--muted);margin-bottom:.9rem;letter-spacing:0}
.related{list-style:none;display:grid;gap:1rem;margin-bottom:1.25rem}
.related a{display:grid;gap:.2rem;text-decoration:none;font-weight:600;line-height:1.35}
.related a:hover{color:var(--bordo)}
.related time{font-size:.8rem;font-weight:500;color:var(--muted)}
.doc .article-aside{order:2}
@media (max-width:980px){
  .post-card--big .post-card__media,.post-card--big .post-card__body{grid-column:1/-1}
  .post-card--big .post-card__media{margin-bottom:1.25rem}
  .post-grid{grid-template-columns:1fr}
  .post-rows .post-card{grid-template-columns:1fr}
  .article-hero .ph__text{grid-column:1/-1}
  .doc .article-aside{display:block;grid-column:1/-1;margin-top:2.5rem}
}
@media (max-width:640px){.film--gal{aspect-ratio:4/3}.core--wide{aspect-ratio:16/10}}
.article-sec .doc__body{grid-column:1/9}
.article-sec .doc__aside{grid-column:10/13;grid-row:1}
@media (max-width:980px){.article-sec .doc__body,.article-sec .doc__aside{grid-column:1/-1;grid-row:auto}}

/* Logo büyütüldü */
:root{--header-h:96px}
.brand{width:clamp(200px,16.5vw,262px)}
.footer-brand img{width:230px}
@media (max-width:980px){:root{--header-h:82px}.brand{width:184px}}
@media (max-width:380px){.brand{width:164px}}
@media (max-width:640px){.footer-col--wide{grid-column:1/-1}}
.footer-col address a{overflow-wrap:anywhere}
.size__cat{margin-top:1.5rem}
.text-link svg:first-child:not(:last-child){width:1.1rem;height:1.1rem}
.nav__link--catalog svg{width:1rem;height:1rem;margin-right:.3rem}
.nav__link--catalog:not([aria-current]){color:var(--bordo)}
.on-dark-top .site-header:not(.is-solid) .nav__link--catalog:not([aria-current]){color:#fff}
.btn-row .btn--line-light svg,.cta__side .btn svg{width:1.05rem;height:1.05rem}
.cta__side .btn-row{margin-top:.25rem}

/* dar ekranda tablolar sığsın */
@media (max-width:640px){.spec{font-size:.84rem;line-height:1.45}.spec th,.article-body .spec td{padding:.6rem .45rem}.spec thead th{font-size:.74rem}}
@media (max-width:420px){.spec{font-size:.78rem}.spec th,.article-body .spec td{padding:.55rem .32rem}.spec thead th{font-size:.7rem}}

/* ---------- Blog: son yazı + süzgeç + 3 sütun ızgara ---------- */
.blog-latest{margin-bottom:1rem}
.blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;flex-wrap:wrap;margin:0 0 clamp(1.5rem,3vw,2.25rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line)}
.blog-head .h2{margin:0}
.chips button span{font-size:.78em;font-weight:600;color:var(--muted);margin-left:.15rem}
.chips button[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.post-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,3.5vw,3rem) clamp(1.25rem,2.4vw,2rem)}
.post-grid--3 .post-card__media{margin-bottom:1.1rem}
.post-grid--3 .post-meta{font-size:.8rem;margin-bottom:.55rem}
.post-grid--3 .post-card__title{font-size:clamp(1.08rem,1.3vw,1.24rem);line-height:1.25}
.post-grid--3 .post-card__body > p:not(.post-meta){font-size:.96rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-grid--3 .post-card .text-link{margin-top:.75rem;font-size:.92rem}
.post-card[hidden]{display:none}
@media (max-width:1099px){.post-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.post-grid--3{grid-template-columns:1fr}.blog-head{align-items:flex-start}}

/* ---------- v7 · Ölçek: yazı boyutları küçüldü, genişlikler önceki gibi ---------- */
@media (min-width:768px){
  html{font-size:93.75%}
  /* 15 px tabanda genişlikler daralmasın: önceki piksel genişlikleri */
  :root{--gutter:clamp(20px,4vw,64px)}
  .prose{max-width:70.4ch}
  .kv__intro{max-width:32rem}
  .station p{max-width:36.3ch}
  .size__range{max-width:27.75rem}
  .size__desc{max-width:42.7ch}
  .uses-list p{max-width:55.5ch}
  .green__body>p{max-width:49ch}
  .strip .cap{max-width:21.3ch}
  .footer-brand p{max-width:34ch}
  .ph__lead{max-width:38.4rem}
  .timeline p{max-width:32ch}
  .acc__body{max-width:72.5ch}
  .callout p{max-width:64ch}
  .stations{gap:clamp(2rem,4.5vw,4rem)}
}
.ph{padding-top:calc(var(--header-h) + clamp(1.5rem,3.5vw,3rem));padding-bottom:clamp(2.25rem,4.5vw,3.75rem)}
.journey__head{margin-bottom:clamp(2rem,4vw,3.5rem)}
.lead{font-size:clamp(1.05rem,1.2vw,1.2rem);max-width:46.5em}