/* Edwin Misisyan — "Kuyumcu tablası" (BRIEF kimlik revizyonu, 24 Ekim 2026)
   Açık taş rengi kâğıt, sıcak siyah mürekkep, işlerin durduğu yerde koyu yeşil kadife tabla, çok az yerde eski pirinç (damga).
   Yazı: Newsreader (başlık + gövde), Hanken Grotesk (etiket, gezinme, düğme). Tek açık görünüm; koyu tema yok. */

/* ---------- yazı tipleri (sabit kesimler: _betik/font_sabitle.py; 300 = opsz 72 başlık, 400 = opsz 16 gövde, "Newsreader Ara" = opsz 36) ---------- */
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/newsreader-300-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: "Newsreader"; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/newsreader-300-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: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-400-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 300; font-display: swap; src: url(../fonts/newsreader-italic-300-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: "Newsreader"; font-style: italic; font-weight: 300; font-display: swap; src: url(../fonts/newsreader-italic-300-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: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-italic-400-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-italic-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader Ara"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-ara-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: "Newsreader Ara"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/newsreader-ara-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: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/hanken-grotesk-500-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/hanken-grotesk-500-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- taban ---------- */
:root {
  --kagit: #F3F1EC; --yuzey: #FBFAF7; --murekkep: #1B1A17; --soluk: #6D695F; --cizgi: #D9D4CA;
  --kadife: #1F3A33; --kadife-koyu: #172C27; --kadife-yazi: #EFECE4; --kadife-soluk: #B9C0B5;
  --pirinc: #9C7E45; --pirinc-acik: #C2A66B;
  --serif: "Newsreader", Georgia, serif;
  --ara: "Newsreader Ara", "Newsreader", Georgia, serif;
  --sans: "Hanken Grotesk", system-ui, sans-serif;
  --kenar: clamp(20px, 4.4vw, 72px);
  --en: 1360px;
  --aralik: clamp(16px, 2.2vw, 36px);
  --bolum: clamp(72px, 9vw, 148px);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: clip; }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font: 400 18px/1.6 var(--serif); font-kerning: normal; font-variant-ligatures: common-ligatures; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, video, svg, iframe { max-width: 100%; }
img, video { display: block; height: auto; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
a:hover { color: var(--kadife); }
:focus-visible { outline: 2px solid var(--pirinc); outline-offset: 3px; }
button { font: inherit; color: inherit; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.atla { position: absolute; left: 12px; top: -60px; z-index: 50; background: var(--kadife); color: var(--kadife-yazi); padding: 10px 14px; font: 500 13px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; border-radius: 2px; }
.atla:focus { top: 12px; color: var(--kadife-yazi); }
.ic { width: 100%; max-width: calc(var(--en) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar); }
.izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); }
.izgara > * { min-width: 0; }
p, li, dd, dt, h1, h2, h3 { overflow-wrap: break-word; }

/* yazı ölçeği */
.etiket { font: 500 12.5px/1.35 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.h-dev { font: 300 clamp(3rem, 1.2rem + 6.4vw, 7rem)/.98 var(--serif); letter-spacing: -.02em; text-wrap: balance; }
.h-sayfa { font: 300 clamp(2.6rem, 1.4rem + 4.2vw, 5.4rem)/1.02 var(--serif); letter-spacing: -.018em; text-wrap: balance; }
.h-bolum { font: 300 clamp(2rem, 1.2rem + 2.6vw, 3.5rem)/1.08 var(--serif); letter-spacing: -.012em; text-wrap: balance; }
.h-kucuk { font: 400 clamp(1.45rem, 1.2rem + .7vw, 1.9rem)/1.2 var(--ara); letter-spacing: -.005em; }
.giris { font-size: clamp(1.13rem, 1.02rem + .4vw, 1.32rem); line-height: 1.55; max-width: 34em; }
.okuma { max-width: 36em; }
.okuma p + p { margin-top: 1em; }
.soluk { color: var(--soluk); }
.kucuk { font-size: 15.5px; line-height: 1.55; }
.italik { font-style: italic; }

/* ---------- düğme ve bağlantı ---------- */
.dugme { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 15px 24px 15px 20px; background: var(--kadife); color: var(--kadife-yazi); border: 1px solid var(--kadife); border-radius: 2px; text-decoration: none; font: 500 13px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; transition: background-color .2s ease; }
.dugme svg { width: 19px; height: 19px; flex: none; }
.dugme:hover { background: var(--kadife-koyu); color: var(--kadife-yazi); }
.dugme--cerceve { background: transparent; color: var(--murekkep); border-color: var(--murekkep); }
.dugme--cerceve:hover { background: var(--murekkep); color: var(--kagit); }
.bag { font: 500 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: underline; text-decoration-color: var(--pirinc); text-underline-offset: .5em; text-decoration-thickness: 1px; padding: 6px 0; display: inline-block; }
.bag:hover { text-decoration-color: currentColor; }
.wa-ince { display: inline-flex; align-items: center; gap: 8px; }
.wa-ince svg { width: 16px; height: 16px; flex: none; }
.ig { font-size: 15px; color: var(--soluk); }
.ig a { color: inherit; }

/* ---------- damga ---------- */
.damga { display: block; overflow: visible; }
.damga .d-cizgi { fill: none; stroke: currentColor; vector-effect: non-scaling-stroke; }
.damga .d-ic { stroke-width: .75; }
.damga .d-dis { stroke-width: 1.25; }
.damga .d-em { fill: currentColor; }
.damga--hat .d-em { fill: none; stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }
.ayrac { display: flex; align-items: center; gap: 18px; color: var(--pirinc); }
.ayrac::before, .ayrac::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .55; transform-origin: center; }
.ayrac::before { transform-origin: right center; }
.ayrac::after { transform-origin: left center; }
.ayrac .damga { width: 26px; height: 33px; flex: none; }
.js .ayrac.bekle::before, .js .ayrac.bekle::after { transform: scaleX(0); }
.js .ayrac::before, .js .ayrac::after { transition: transform 1.1s cubic-bezier(.2,.7,.2,1); }

/* ---------- üst çubuk ---------- */
.ust { position: relative; z-index: 20; border-bottom: 1px solid var(--cizgi); background: var(--kagit); }
.ust .ic { display: flex; align-items: center; gap: 24px; min-height: 84px; }
.marka { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: var(--murekkep); margin-right: auto; }
.marka .damga { width: 31px; height: 40px; color: var(--pirinc); flex: none; }
.marka-yazi { display: flex; flex-direction: column; gap: 3px; }
.marka-ad { font: 500 13.5px/1 var(--sans); letter-spacing: .26em; white-space: nowrap; }
.marka-yer { font: italic 400 14px/1 var(--serif); color: var(--soluk); }
.marka:hover { color: var(--murekkep); }
.gez ul { display: flex; gap: clamp(16px, 1.7vw, 28px); }
.gez a { font: 500 12.5px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: 10px 0; display: inline-block; border-bottom: 1px solid transparent; white-space: nowrap; }
.gez a:hover { border-bottom-color: var(--pirinc); color: var(--murekkep); }
.gez a[aria-current="page"] { border-bottom-color: var(--murekkep); }
.dil { font: 500 12.5px/1 var(--sans); letter-spacing: .12em; text-decoration: none; padding: 9px 10px 8px; border: 1px solid var(--cizgi); border-radius: 2px; }
.dil:hover { border-color: var(--murekkep); color: var(--murekkep); }
.menu-dugme { display: none; align-items: center; justify-content: center; width: 46px; height: 46px; margin-right: -10px; background: none; border: 0; cursor: pointer; }
.menu-dugme span { display: block; width: 22px; height: 1px; background: var(--murekkep); box-shadow: 0 -6px 0 var(--murekkep), 0 6px 0 var(--murekkep); }
.menu-dugme[aria-expanded="true"] span { box-shadow: none; background: var(--murekkep); transform: rotate(45deg); }
.menu-dugme[aria-expanded="true"] span::after { content: ""; display: block; width: 22px; height: 1px; background: var(--murekkep); transform: rotate(90deg); }
@media (max-width: 1179px) {
  .menu-dugme { display: inline-flex; order: 3; }
  .gez { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--kagit); border-bottom: 1px solid var(--cizgi); padding: 8px var(--kenar) 28px; }
  .gez.acik { display: block; }
  .gez ul { flex-direction: column; gap: 0; }
  .gez li { border-top: 1px solid var(--cizgi); }
  .gez a { font: 400 26px/1.2 var(--ara); letter-spacing: -.005em; text-transform: none; padding: 14px 0; border: 0; display: block; }
  .gez a[aria-current="page"] { font-style: italic; }
}
@media (max-width: 520px) {
  .ust .ic { min-height: 72px; gap: 12px; }
  .marka { gap: 11px; }
  .marka .damga { width: 26px; height: 33px; }
  .marka-ad { font-size: 12px; letter-spacing: .2em; }
  .marka-yer { font-size: 13px; }
}

/* ---------- hero (ana sayfa) ---------- */
.hero { position: relative; padding: clamp(40px, 6vw, 96px) 0 clamp(64px, 8vw, 128px); }
.hero .izgara { align-items: center; row-gap: 36px; }
.hero-metin { grid-column: 1 / 7; position: relative; z-index: 2; }
.hero-ust { color: var(--soluk); margin-bottom: clamp(22px, 2.6vw, 38px); display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.hero-ust i { width: 5px; height: 5px; background: var(--pirinc); transform: rotate(45deg); display: inline-block; }
.hero-metin { container-type: inline-size; }
.hero h1 { max-width: 9.5em; font-size: min(clamp(3rem, 1.2rem + 6.4vw, 7rem), 18cqi); }
:lang(en) .hero h1 { font-size: min(clamp(3rem, 1.2rem + 6.4vw, 7rem), 14.6cqi); }
.hero .giris { margin-top: clamp(24px, 2.8vw, 40px); max-width: 30em; }
.hero-eylem { margin-top: clamp(28px, 3vw, 44px); display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
.hero-tabla { grid-column: 8 / 13; position: relative; }
.hero-tabla .buyuk-damga { position: absolute; left: 50%; top: 48%; width: 92%; aspect-ratio: 100 / 128; height: auto; transform: translate(-50%, -50%); color: var(--pirinc); opacity: .5; z-index: 0; pointer-events: none; }
.hero-tabla .tabla, .hero-tabla figcaption { position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
  .hero h1, .hero-tabla .tabla, .sayfa-bas h1 { animation: yuksel .9s cubic-bezier(.2,.7,.2,1) both; }
  .hero-tabla .tabla { animation-delay: .12s; }
}
@keyframes yuksel { from { transform: translateY(8px); } to { transform: none; } }
@media (max-width: 899px) {
  .hero { padding-top: 20px; }
  .hero-metin { grid-column: 1 / -1; order: 2; }
  .hero-tabla { grid-column: 1 / -1; order: 1; }
  .hero-tabla .buyuk-damga { display: none; }
  .hero h1 { max-width: none; }
  .hero-metin { display: flex; flex-direction: column; }
  .hero-eylem { order: 3; margin-top: 26px; }
  .hero .giris { order: 4; margin-top: 26px; }
}

/* ---------- tabla (kadife üstünde iş) ---------- */
.tabla { position: relative; background: var(--kadife); padding: clamp(12px, 1.8vw, 26px); border-radius: 2px; }
.tabla::after { content: ""; position: absolute; inset: clamp(5px, .7vw, 10px); border: 1px solid rgba(194, 166, 107, .45); border-radius: 1px; pointer-events: none; }
.kadife .tabla { background: var(--kadife-koyu); }
.medya { position: relative; aspect-ratio: var(--ar, 1); overflow: hidden; background: #2A433C; }
.medya video, .medya img { width: 100%; height: 100%; object-fit: cover; }
.oynat { position: absolute; left: 12px; bottom: 12px; z-index: 2; }
.oynat button { font: 500 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; background: var(--kadife); color: var(--kadife-yazi); border: 1px solid var(--pirinc-acik); border-radius: 2px; padding: 11px 14px; cursor: pointer; }
.tabla-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 18px; margin-top: 14px; font-size: 15.5px; line-height: 1.45; }
.tabla-alt a { text-decoration-color: var(--pirinc); }

/* ---------- bölüm iskeleti ---------- */
.bolum { padding: var(--bolum) 0; }
.bolum--ince { padding: calc(var(--bolum) * .6) 0; }
.bas-satir { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 18px; align-items: end; margin-bottom: clamp(40px, 5vw, 76px); }
.bas-satir > * { min-width: 0; }
.bas-satir h2 { grid-column: 1 / 8; }
.bas-satir .bas-giris { grid-column: 8 / 13; color: var(--soluk); max-width: 30em; }
.kadife .bas-satir .bas-giris { color: var(--kadife-soluk); }
@media (max-width: 899px) { .bas-satir h2, .bas-satir .bas-giris { grid-column: 1 / -1; } }
.kadife { background: var(--kadife); color: var(--kadife-yazi); }
.kadife a:hover { color: #fff; }
.kadife .etiket-renk { color: var(--pirinc-acik); }
.ayrac-kutu { padding: 0; }

/* ---------- üç kapı ---------- */
.kapilar-bas { max-width: 13em; font-style: italic; }
.kapilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--aralik); }
.kapi { position: relative; padding: 30px clamp(0px, 1.6vw, 28px) 4px 0; border-top: 1px solid var(--murekkep); display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.kapi:nth-child(2) { margin-top: clamp(40px, 5vw, 80px); }
.kapi:nth-child(3) { margin-top: clamp(80px, 10vw, 160px); }
.kapi::before { content: ""; position: absolute; left: 0; top: -1px; width: 56px; height: 3px; background: var(--pirinc); }
.kapi h3 { max-width: 13em; }
.kapi p { color: var(--soluk); max-width: 26em; }
.kapi .bag { margin-top: auto; align-self: flex-start; }
@media (max-width: 899px) {
  .kapilar { grid-template-columns: 1fr; row-gap: 40px; }
  .kapi:nth-child(2), .kapi:nth-child(3) { margin-top: 0; }
  .kapi:nth-child(2) { margin-left: 8%; }
  .kapi:nth-child(3) { margin-left: 16%; }
}

/* ---------- işler (kadife bant) ---------- */
.isler-bant { padding: var(--bolum) 0; }
.isler-bant .h-bolum { color: var(--kadife-yazi); }
.is-dizi { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: clamp(48px, 6vw, 96px); align-items: start; }
.is-dizi > * { min-width: 0; }
.is-kart { grid-column: var(--gc, span 4); margin-top: var(--mt, 0); }
.is-kart h3 { font: 400 clamp(1.3rem, 1.1rem + .6vw, 1.65rem)/1.2 var(--ara); margin-top: 18px; }
.is-kart h3 a { text-decoration: none; }
.is-kart h3 a:hover { text-decoration: underline; text-decoration-color: var(--pirinc-acik); }
.is-kart .taslar { margin-top: 6px; color: var(--pirinc-acik); font: italic 400 16px/1.45 var(--serif); }
.is-kart .ig { margin-top: 8px; color: var(--kadife-soluk); }
.is-kart > a.medya-bag { display: block; }
.isler-son { margin-top: clamp(48px, 6vw, 96px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 18px 32px; border-top: 1px solid rgba(239, 236, 228, .18); padding-top: 26px; }
.isler-son p { color: var(--kadife-soluk); max-width: 40em; font-size: 15.5px; }
@media (max-width: 899px) {
  .is-kart { grid-column: 1 / -1 !important; margin-top: 0 !important; }
  .is-kart:nth-child(odd) { margin-right: 10% !important; }
  .is-kart:nth-child(even) { margin-left: 10% !important; }
}

/* ---------- beş adım ---------- */
.adimlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: var(--aralik); }
.adim { border-left: 1px solid var(--cizgi); padding: 0 8px 0 clamp(14px, 1.4vw, 22px); min-width: 0; }
.adim .no { font: 300 clamp(3.4rem, 2.4rem + 3vw, 5.8rem)/.9 var(--serif); letter-spacing: -.02em; display: block; margin-bottom: 22px; font-variant-numeric: lining-nums; }
.adim h3 { font: 400 1.32rem/1.25 var(--ara); margin-bottom: 10px; }
.adim p { color: var(--soluk); font-size: 16.5px; line-height: 1.55; }
.surec-alt { margin-top: clamp(40px, 5vw, 72px); }
@media (max-width: 1023px) {
  .adimlar { grid-template-columns: 1fr; row-gap: 0; }
  .adim { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr); column-gap: 18px; padding: 20px 0 26px 20px; }
  .adim .no { grid-row: 1 / 3; font-size: 3.6rem; margin: 0; }
  .adim h3 { margin-bottom: 6px; }
}

/* ---------- atölye ve kapı çizimi ---------- */
.atolye .izgara { align-items: center; row-gap: 48px; }
.atolye-metin { grid-column: 1 / 6; }
.atolye-metin .okuma { margin-top: 26px; }
.adres-blok { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--cizgi); font-style: normal; display: grid; gap: 4px; }
.adres-blok .etiket { color: var(--soluk); margin-bottom: 6px; }
.adres-blok .bag { margin-top: 10px; justify-self: start; }
.kapi-cizim { grid-column: 7 / 13; color: var(--pirinc); }
.kapi-cizim svg { width: 100%; height: auto; display: block; }
.kapi-cizim .c { fill: none; stroke: currentColor; stroke-width: 1.15; vector-effect: non-scaling-stroke; }
.kapi-cizim .i { fill: none; stroke: currentColor; stroke-width: .7; vector-effect: non-scaling-stroke; opacity: .85; }
.kapi-cizim .ic-alan { fill: rgba(156, 126, 69, .07); stroke: none; }
.kapi-cizim text { fill: var(--soluk); font: italic 400 15px var(--serif); }
@media (max-width: 899px) { .atolye-metin, .kapi-cizim { grid-column: 1 / -1 !important; } .kapi-cizim { max-width: 520px; } .kapi-cizim text { font-size: 24px; } }

/* ---------- çağrı ---------- */
.cagri .izgara { align-items: end; row-gap: 28px; }
.cagri h2 { grid-column: 1 / 7; }
.cagri-yan { grid-column: 8 / 13; }
.cagri-yan p { color: var(--soluk); margin-bottom: 24px; max-width: 28em; }
.cagri-yan .dugme { margin-bottom: 18px; }
.cagri-satir { display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; }
@media (max-width: 899px) { .cagri h2, .cagri-yan { grid-column: 1 / -1; } }

/* ---------- sayfa başı (iç sayfalar) ---------- */
.sayfa-bas { padding: clamp(36px, 5vw, 84px) 0 clamp(48px, 6vw, 96px); }
.yol { font: 500 12px/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); margin-bottom: clamp(26px, 3.4vw, 52px); display: flex; flex-wrap: wrap; gap: 4px 10px; }
.yol a { text-decoration: none; }
.yol a:hover { text-decoration: underline; color: var(--murekkep); }
.yol span[aria-hidden] { color: var(--pirinc); }
.sayfa-bas .giris { margin-top: clamp(22px, 2.6vw, 36px); }
.sayfa-bas .izgara { align-items: end; row-gap: 40px; }
.sb-metin { grid-column: 1 / 8; }
.sb-yan { grid-column: 9 / 13; }
.sb-ust { color: var(--soluk); margin-bottom: 18px; }
@media (max-width: 899px) { .sb-metin, .sb-yan { grid-column: 1 / -1; } }

/* ismarlama: dikey adımlar */
.adim-dikey-liste { border-top: 1px solid var(--cizgi); }
.adim-dikey { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); padding: clamp(32px, 4vw, 56px) 0; border-bottom: 1px solid var(--cizgi); }
.adim-dikey > * { min-width: 0; }
.adim-dikey .no { grid-column: 1 / 3; font: 300 clamp(3.6rem, 2.4rem + 4vw, 6.6rem)/.86 var(--serif); letter-spacing: -.02em; border-left: 1px solid var(--murekkep); padding-left: clamp(14px, 1.4vw, 22px); }
.adim-dikey .adim-govde { grid-column: 3 / 9; }
.adim-dikey h2 { margin-bottom: 14px; }
.adim-dikey .sizden { grid-column: 9 / 13; align-self: start; background: var(--yuzey); border: 1px solid var(--cizgi); padding: 18px 20px; border-radius: 2px; }
.adim-dikey .sizden dt { color: var(--pirinc); margin-bottom: 8px; }
.adim-dikey .sizden dd { font-size: 16px; line-height: 1.55; }
@media (max-width: 899px) {
  .adim-dikey { grid-template-columns: 4.6rem minmax(0, 1fr); row-gap: 18px; }
  .adim-dikey .no { grid-column: 1; font-size: 3.4rem; }
  .adim-dikey .adim-govde { grid-column: 2; }
  .adim-dikey .sizden { grid-column: 2; }
}
.uzak { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 28px; }
.uzak li { border-top: 1px solid var(--murekkep); padding-top: 20px; min-width: 0; }
.uzak h3 { margin-bottom: 8px; }
.uzak p { color: var(--soluk); }
@media (max-width: 899px) { .uzak { grid-template-columns: 1fr; } }
.not-kutu { display: flex; gap: 16px; align-items: flex-start; margin-top: clamp(40px, 5vw, 64px); padding: 20px 22px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 2px; max-width: 46em; }
.not-kutu .damga { width: 18px; height: 23px; color: var(--pirinc); flex: none; margin-top: 3px; }
.not-kutu p { font-size: 16px; color: var(--soluk); }

/* dönüşen taşlar */
.alinti { font: italic 300 clamp(1.7rem, 1.2rem + 1.8vw, 2.7rem)/1.25 var(--serif); letter-spacing: -.008em; max-width: 22em; text-wrap: balance; }
.donusen-govde { grid-column: 4 / 12; }
.donusen-damga { justify-self: end; align-self: center; width: clamp(160px, 18vw, 250px); color: var(--pirinc); opacity: .6; }
.donusen-damga .damga { width: 100%; height: auto; }
@media (max-width: 899px) { .donusen-damga { display: none; } }
@media (max-width: 899px) { .donusen-govde { grid-column: 1 / -1; } }

/* işler sayfası: koşu başlıkları */
.kosu + .kosu { margin-top: clamp(72px, 9vw, 140px); }
.kosu-bas { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 12px; align-items: baseline; padding-bottom: 22px; margin-bottom: clamp(36px, 4vw, 60px); border-bottom: 1px solid rgba(239, 236, 228, .2); }
.kosu-bas > * { min-width: 0; }
.kosu-bas h2 { grid-column: 1 / 6; font: 300 clamp(2.4rem, 1.6rem + 2.8vw, 4rem)/1 var(--serif); letter-spacing: -.015em; }
.kosu-bas .say { grid-column: 6 / 7; color: var(--pirinc-acik); }
.kosu-bas p { grid-column: 7 / 13; color: var(--kadife-soluk); }
@media (max-width: 899px) { .kosu-bas h2 { grid-column: 1 / 10; } .kosu-bas .say { grid-column: 10 / 13; text-align: right; } .kosu-bas p { grid-column: 1 / -1; } }
.isler-not { margin-top: clamp(56px, 7vw, 104px); color: var(--kadife-soluk); font-size: 15.5px; max-width: 46em; }

/* iş sayfası */
.is-sayfa { padding: clamp(28px, 4vw, 64px) 0 var(--bolum); }
.is-sayfa .izgara { row-gap: 40px; align-items: start; }
.is-medya { grid-column: 1 / 8; grid-row: 1; }
.is-medya-ek { grid-column: 1 / 8; grid-row: 2; }
.is-bilgi { grid-column: 8 / 13; grid-row: 1 / span 2; padding-top: clamp(0px, 2vw, 32px); }
.is-bilgi .kisa { font: italic 300 clamp(1.25rem, 1.1rem + .5vw, 1.5rem)/1.45 var(--serif); margin-top: 22px; }
.is-bilgi .okuma { margin-top: 26px; }
.ozellik { margin-top: 30px; border-top: 1px solid var(--cizgi); }
.ozellik div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); }
.ozellik dt { color: var(--soluk); padding-top: 3px; }
.ozellik dd { font-size: 17px; }
.is-eylem { margin-top: 34px; display: grid; gap: 14px; justify-items: start; }
.is-eylem .kucuk { color: var(--soluk); max-width: 28em; }
@media (max-width: 899px) { .is-medya, .is-bilgi, .is-medya-ek { grid-column: 1 / -1; grid-row: auto; } .is-bilgi { padding-top: 0; } }
.diger { border-top: 1px solid var(--cizgi); padding: clamp(48px, 6vw, 88px) 0 var(--bolum); }
.diger-dizi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--aralik); margin-top: 32px; }
.diger-dizi a { text-decoration: none; display: grid; gap: 14px; min-width: 0; }
.diger-dizi .tabla { padding: 10px; }
.diger-dizi .tabla::after { inset: 4px; }
.diger-dizi span { font: 400 1.15rem/1.3 var(--ara); }
.diger-dizi a:hover span { text-decoration: underline; text-decoration-color: var(--pirinc); }
@media (max-width: 699px) { .diger-dizi { grid-template-columns: 1fr 1fr; } .diger-dizi a:nth-child(3) { display: none; } }

/* telefonda sabit alt çubuk (iş sayfaları) */
.cubuk { display: none; }
@media (max-width: 899px) {
  .cubuk { display: grid; grid-template-columns: 1fr auto; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--kadife); border-top: 1px solid rgba(194, 166, 107, .5); }
  .cubuk a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 18px; border-radius: 2px; text-decoration: none; font: 500 13px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
  .cubuk .c-wa { background: var(--kadife-yazi); color: var(--kadife); }
  .cubuk .c-ara { border: 1px solid rgba(239, 236, 228, .5); color: var(--kadife-yazi); }
  .cubuk svg { width: 18px; height: 18px; }
  body.cubuklu { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
}

/* pırlanta modelleri */
.modeller { border-top: 1px solid var(--murekkep); }
.model { display: grid; grid-template-columns: 88px minmax(0, 5fr) minmax(0, 4fr) auto; column-gap: var(--aralik); row-gap: 10px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--cizgi); }
.model > * { min-width: 0; }
.model .simge { width: 72px; height: 72px; color: var(--murekkep); }
.model .simge svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.1; vector-effect: non-scaling-stroke; }
.model .simge .tas { fill: var(--yuzey); }
.model h2 { font: 400 clamp(1.4rem, 1.2rem + .6vw, 1.75rem)/1.2 var(--ara); }
.model .m-kisa { color: var(--soluk); font-size: 16.5px; margin-top: 4px; }
.model dl dt { color: var(--soluk); }
.model dl dd { font-size: 17px; font-variant-numeric: lining-nums; margin-top: 4px; }
.model dl .not { font-size: 14px; color: var(--soluk); font-style: italic; }
.model .wa-ince { justify-self: end; }
@media (max-width: 899px) {
  .model { grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
  .model .simge { width: 56px; height: 56px; grid-row: 1 / 4; }
  .model dl, .model .wa-ince { grid-column: 2; justify-self: start; }
}
.secim { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 18px; margin-top: clamp(56px, 7vw, 96px); }
.secim > * { min-width: 0; }
.secim h2 { grid-column: 1 / 6; }
.secim .secim-yan { grid-column: 7 / 13; }
.secim .secim-yan p { color: var(--soluk); }
.secim .secim-yan p + p { margin-top: 12px; font-size: 16px; }
@media (max-width: 899px) { .secim h2, .secim .secim-yan { grid-column: 1 / -1; } }

/* ustalara */
.hizmetler { border-top: 1px solid var(--murekkep); }
.hizmet { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 8px; padding: 26px 0; border-bottom: 1px solid var(--cizgi); }
.hizmet > * { min-width: 0; }
.hizmet h2 { grid-column: 1 / 6; }
.hizmet p { grid-column: 6 / 13; color: var(--soluk); max-width: 34em; }
@media (max-width: 899px) { .hizmet h2, .hizmet p { grid-column: 1 / -1; } }
.usta-izgara { align-items: start; row-gap: 56px; }
.usta-sol { grid-column: 1 / 8; }
.usta-sag { grid-column: 9 / 13; }
@media (max-width: 899px) { .usta-sol, .usta-sag { grid-column: 1 / -1; } }
.kontrol { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 2px; padding: 26px 26px 22px; margin-top: 40px; }
.kontrol h2 { font: 400 1.45rem/1.25 var(--ara); margin-bottom: 14px; }
.kontrol li { position: relative; padding: 10px 0 10px 24px; border-top: 1px solid var(--cizgi); }
.kontrol li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 6px; height: 8px; border: 1px solid var(--pirinc); border-radius: 50%; }

/* iletişim */
.iletisim-liste { border-top: 1px solid var(--murekkep); }
.iletisim-liste > div { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 8px; padding: 24px 0; border-bottom: 1px solid var(--cizgi); }
.iletisim-liste > div > * { min-width: 0; }
.iletisim-liste dt { grid-column: 1 / 4; color: var(--soluk); padding-top: 6px; }
.iletisim-liste dd { grid-column: 4 / 13; font-size: clamp(1.1rem, 1rem + .4vw, 1.35rem); line-height: 1.5; }
.iletisim-liste dd .kucuk { display: block; color: var(--soluk); margin-top: 4px; font-size: 16px; }
.iletisim-liste dd .bag, .iletisim-liste dd .dugme { margin-top: 12px; }
@media (max-width: 699px) { .iletisim-liste dt, .iletisim-liste dd { grid-column: 1 / -1; } }

/* 404 */
.yok { padding: clamp(56px, 9vw, 140px) 0 var(--bolum); }
.yok .izgara { row-gap: 40px; }
.yok-tr { grid-column: 1 / 7; }
.yok-en { grid-column: 8 / 13; border-left: 1px solid var(--cizgi); padding-left: var(--aralik); color: var(--soluk); }
.yok-en h2 { color: var(--murekkep); margin-bottom: 14px; }
.yok .linkler { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; }
@media (max-width: 899px) { .yok-tr, .yok-en { grid-column: 1 / -1; } .yok-en { border-left: 0; padding-left: 0; border-top: 1px solid var(--cizgi); padding-top: 28px; } }

/* ---------- alt bilgi ---------- */
.alt { background: var(--kadife); color: var(--kadife-yazi); padding: clamp(64px, 8vw, 120px) 0 28px; }
.alt a { text-decoration-color: rgba(194, 166, 107, .7); }
.alt a:hover { color: #fff; }
.alt-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--aralik); row-gap: 44px; }
.alt-izgara > * { min-width: 0; }
.alt-damga { grid-column: 1 / 4; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; color: var(--pirinc-acik); text-decoration: none; }
.alt-damga .damga { width: 86px; height: 110px; }
.alt-damga .etiket { letter-spacing: .3em; }
.alt-damga:hover { color: var(--pirinc-acik); }
.alt-kol { grid-column: span 3; font-size: 16.5px; line-height: 1.6; }
.alt-kol h2 { color: var(--pirinc-acik); margin-bottom: 14px; }
.alt-kol li + li { margin-top: 6px; }
.alt-kol address { font-style: normal; }
.alt-kol .soluk-a { color: var(--kadife-soluk); }
.alt-telif { margin-top: clamp(56px, 7vw, 96px); padding-top: 22px; border-top: 1px solid rgba(239, 236, 228, .18); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 28px; font-size: 14.5px; color: var(--kadife-soluk); }
.telif { display: inline-flex; align-items: center; gap: 12px; color: var(--kadife-yazi); }
.kunye { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; opacity: .9; transition: opacity .2s; flex: none; }
.kunye:hover, .kunye:focus-visible { opacity: 1; }
.kunye img { width: 28px; height: 28px; }
@media (max-width: 1023px) { .alt-damga { grid-column: 1 / -1; flex-direction: row; align-items: center; } .alt-damga .damga { width: 56px; height: 72px; } .alt-kol { grid-column: span 6; } }
@media (max-width: 599px) { .alt-kol { grid-column: 1 / -1; } }

/* ---------- lup (masaüstü, ince imleç) ---------- */
.lup { position: fixed; left: 0; top: 0; width: 176px; height: 176px; margin: -88px 0 0 -88px; border-radius: 50%; border: 1px solid var(--pirinc-acik); box-shadow: 0 0 0 5px rgba(23, 44, 39, .55); pointer-events: none; z-index: 40; opacity: 0; transition: opacity .18s ease; overflow: hidden; background: var(--kadife-koyu); }
.lup.gorunur { opacity: 1; }
.lup canvas { width: 100%; height: 100%; display: block; }
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) { .lup-alan { cursor: none; } }

/* ---------- ilk yerleşimi hafiflet: ekran dışındaki bölümler görünür olunca yerleşir (telefonda 4x CPU uzun görev) ---------- */
.bolum, .bolum--ince, .isler-bant, .diger, .alt { content-visibility: auto; contain-intrinsic-size: auto 900px; }

/* ---------- hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .ayrac.bekle::before, .js .ayrac.bekle::after { transform: none; }
}