/* Tema A · Editoryal (açık): sıcak kâğıt zemin, siyah mürekkep, tek vurgu sarı. Devasa geniş yazı + sert çizgiler. */

:root{
  --zemin:#f4f1ea; --zemin-2:#ebe7dc; --yazi:#0e0e0e; --yazi-2:#4a4842; --cizgi:#0e0e0e;
  --vurgu:#ffe500; --vurgu-yazi:#0e0e0e; --odak:#0e0e0e;
  --ust-zemin:rgba(244,241,234,.92); --ust-cizgi:2px solid #0e0e0e;
  --isaret-zemin:#0e0e0e; --isaret-yazi:#ffe500; --marka-yaricap:6px;
  --etiket-zemin:#ffe500; --etiket-yazi:#0e0e0e; --etiket-cerceve:2px solid #0e0e0e;
  --bant:#0e0e0e; --bant-yazi:#f4f1ea; --bant-cizgi:rgba(244,241,234,.2); --bant-sayi:#ffe500;
  --kart:#ffffff; --kart-yazi:#0e0e0e; --kart-cerceve:2px solid #0e0e0e; --kart-yaricap:0;
  --bilgi-cizgi:2px solid #0e0e0e; --zaman-cizgi:2px solid #0e0e0e; --cizgi-yumusak:rgba(14,14,14,.16);
  --alt-zemin:#0e0e0e; --alt-yazi:#cfcbc0; --alt-vurgu:#ffe500;
}

h1,h2,.mk__ad,.detay__ad,.detay__baslik,.panel__baslik,.zaman time,.sayilar__liste b{font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.035em}
.marka__ad{font-weight:800;font-stretch:112%;letter-spacing:-.02em}

/* düğmeler */
.dugme{font-stretch:110%}
.dugme--birincil{background:#0e0e0e;color:#ffe500;border-color:#0e0e0e}
.dugme--birincil:hover{background:#ffe500;color:#0e0e0e;box-shadow:5px 5px 0 #0e0e0e;transform:translate(-3px,-3px)}
.dugme--ikincil{color:#0e0e0e;border-color:#0e0e0e}
.dugme--ikincil:hover{background:#0e0e0e;color:#f4f1ea}
.dugme--koyu{background:#0e0e0e;color:#ffe500;border-color:#0e0e0e}
.dugme--koyu:hover{background:#f4f1ea;color:#0e0e0e;box-shadow:5px 5px 0 #0e0e0e;transform:translate(-3px,-3px)}
.dugme--acik{color:#0e0e0e;border-color:#0e0e0e}
.dugme--acik:hover{background:#0e0e0e;color:#ffe500}

/* kahraman */
h1{font-size:clamp(2.2rem,10.2vw,4.6rem);line-height:.88}
h1 span{display:inline-block;margin:.08em 0 0 -.05em;padding:0 .12em;background:#ffe500}
@media (min-width:960px){h1{font-size:min(5.9vw,5.5rem)}}
.kahraman__ozet{font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.22;font-weight:700;letter-spacing:-.018em}
.unvanlar{border-top:2px solid #0e0e0e}
.unvanlar li{position:relative;padding:14px 0 14px 32px;border-bottom:2px solid #0e0e0e;font-size:1.02rem;line-height:1.4}
.unvanlar li::before{content:"";position:absolute;left:0;top:calc(14px + .32em);width:14px;height:14px;background:#ffe500;border:2px solid #0e0e0e}
.kahraman__foto::before{content:"";position:absolute;inset:18px -18px -18px 18px;background:#ffe500;border:2px solid #0e0e0e}
.kahraman__foto img,.monogram{border:2px solid #0e0e0e}
.monogram{background:#0e0e0e;background-image:repeating-linear-gradient(135deg,rgba(255,229,0,.07) 0 2px,transparent 2px 16px);color:#ffe500;font-weight:900;font-stretch:125%;font-size:clamp(5.2rem,24vw,9.5rem);letter-spacing:-.07em}
.kahraman__foto figcaption{padding:10px 14px;background:#0e0e0e;color:#ffe500;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:959px){.kahraman__foto{margin-right:18px;margin-bottom:18px}}

/* bölümler */
.sayilar__liste b{font-stretch:112%}
.bolum__baslik h2{font-size:clamp(1.7rem,4vw,3.3rem);line-height:.94}
.bolum__baslik--genis h2{font-size:clamp(2.5rem,7vw,5.8rem);line-height:.9}
.bolum--sahada,.bolum--yolculuk{background:#ebe7dc;border-block:2px solid #0e0e0e}
.bolum--yolculuk{border-bottom:0}
.bolum--markalar,.bolum--hakkimda{background:#f4f1ea}
.satirlar time{font-weight:900;font-stretch:112%;letter-spacing:-.02em}
.panel__baslik{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1}

/* markalar ve projeler */
@media (hover:hover) and (pointer:fine){
  .mk:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #0e0e0e}
  .mk.is-cikiyor:hover{transform:scale(.97);box-shadow:none}
}
.mk__logo{border:2px solid #0e0e0e}
.mk__ad{letter-spacing:-.03em}
.faal__ikon,.fk__ikon{color:#0e0e0e}
.detay{border-width:2px}
.etk__oynat svg{color:#0e0e0e}

/* yolculuk */
.zaman time{letter-spacing:-.03em}
.zaman strong{font-stretch:108%;font-weight:800}

/* alt bilgi: siyah zeminde odak halkası sarı */
.alt :focus-visible{outline-color:#ffe500}

/* iletişim */
.bolum--iletisim{border-top:2px solid #0e0e0e}
.bolum--iletisim h2{font-size:clamp(2.4rem,10.4vw,9rem);line-height:.88}
.bolum--iletisim .etiket{background:#0e0e0e;color:#ffe500;border-color:#0e0e0e}