:root{
  --ink:#080807;
  --ink-2:#12100e;
  /* Enigma ivory — UI accent rengi tek kaynaktan. Logolar ve görseller bu
     değişkenlere bağlı değildir. --ivory-d: açık krem zeminde okunabilirlik için
     aynı ton ailesinin koyu karşılığı. */
  --ivory:#E8DFC8;
  --ivory-rgb:232,223,200;
  --ivory-d:#6F654F;
  --ivory-d-rgb:111,101,79;
  /* Bağlama göre çözülen accent token'ları (varsayılan: açık zemin).*/
  --accent:var(--ivory-d);
  --accent-l:var(--ivory-d);
  --accent-d:var(--ivory-d);
  --accent-rgb:var(--ivory-d-rgb);
  --cream:#F5F1EA;
  --cream-2:#EBE4D9;
  --text:#221e1a;
  --soft:#615850;
  --line:rgba(var(--accent-rgb),.2);
  --ease:cubic-bezier(.16,.7,.2,1);
}
/* Koyu zeminli bölümler: accent token'ları ivory'ye döner. */
header,.hero,.page-hero,.frame,.band,.manifesto,footer,.maint-full,.ed-dark{
  --accent:rgba(var(--ivory-rgb),.78);
  --accent-l:var(--ivory);
  --accent-d:rgba(var(--ivory-rgb),.6);
  --accent-rgb:var(--ivory-rgb);
  --line:rgba(var(--ivory-rgb),.2);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:var(--cream);font-family:'Jost',sans-serif;font-weight:300;
  color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

/* ---------------- reveal ---------------- */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1.9s var(--ease),transform 1.9s var(--ease);}
.rv.in{opacity:1;transform:none;}
.d1{transition-delay:.2s}.d2{transition-delay:.4s}.d3{transition-delay:.6s}.d4{transition-delay:.8s}.d5{transition-delay:1s}
/* letter-by-line curtain for big statements */
.ln{display:block;overflow:hidden;}
.ln > i{
  display:block;font-style:inherit;transform:translateY(105%);
  transition:transform 2.1s var(--ease);
}
.rv.in .ln > i{transform:none;}
.rv.in .ln:nth-child(2) > i{transition-delay:.16s}
.rv.in .ln:nth-child(3) > i{transition-delay:.32s}
.rv.in .ln:nth-child(4) > i{transition-delay:.48s}
.rv.in .ln:nth-child(5) > i{transition-delay:.64s}

/* ---------------- header ---------------- */
header{position:fixed;inset:0 0 auto;z-index:80;transition:background .9s ease,backdrop-filter .9s ease;}
header.solid{background:rgba(8,8,7,.92);backdrop-filter:blur(12px);}
.hi{max-width:1440px;margin:0 auto;display:flex;align-items:center;padding:19px 40px;}
/* header logo: compact lockup, optically centred (mass sits ~1.3% below the
   geometric centre because the wordmark is denser than the monogram) */
header .logo{display:flex;align-items:center;line-height:0;}
header .logo img{
  height:50px;width:auto;display:block;
  transform:translate(.5%,-1.6%);
  transition:height .7s var(--ease);
}
header.solid .hi{padding:15px 40px;}
header.solid .logo img{height:42px;}
nav{display:flex;gap:32px;margin-left:56px;}
nav a{color:var(--accent);font-size:11.5px;letter-spacing:1.4px;position:relative;padding-bottom:3px;transition:color .5s;}
nav a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent-l);transition:width .6s var(--ease);}
nav a:hover{color:var(--accent-l);} nav a:hover::after{width:100%;}
.hicons{display:flex;align-items:center;gap:22px;color:var(--accent);font-size:14px;margin-left:auto;}
.hicons span{cursor:pointer;transition:color .5s;} .hicons span:hover{color:var(--accent-l);}
.burger{display:none;flex-direction:column;gap:5px;margin-left:auto;cursor:pointer;padding:6px;}
.burger i{display:block;width:24px;height:1px;background:var(--accent);}

/* ---------------- hero (macro, cinematic) ---------------- */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;background:var(--ink);}
.hero-layer{position:absolute;inset:-8%;opacity:0;transition:opacity 2.6s ease;}
.hero-layer.on{opacity:1;}
.hero-layer .img{
  position:absolute;inset:0;background-size:cover;background-position:center 56%;
  animation:push 30s ease-out forwards;will-change:transform;
}
@keyframes push{from{transform:scale(1.0)}to{transform:scale(1.07)}}
.hero-grade{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,7,.62) 0%,rgba(8,8,7,.08) 26%,rgba(8,8,7,.18) 52%,rgba(8,8,7,.9) 100%);}
.hero-light{position:absolute;inset:-30%;mix-blend-mode:screen;pointer-events:none;
  background:radial-gradient(ellipse at 32% 42%,rgba(255,228,192,.16) 0%,rgba(255,228,192,0) 56%);
  animation:lightpass 28s ease-in-out infinite alternate;}
@keyframes lightpass{0%{transform:translate3d(-7%,-4%,0);opacity:.45}100%{transform:translate3d(9%,5%,0);opacity:1}}
.hero-vig{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 45%,rgba(0,0,0,.5) 100%);}

.hero-in{
  position:relative;z-index:5;height:100%;max-width:1440px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 clamp(20px,5.5vw,80px) clamp(58px,11vh,120px);
}
.eyebrow{color:var(--accent-l);font-size:10.5px;letter-spacing:5px;margin-bottom:28px;}
.hero h1{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(34px,6.4vw,86px);line-height:1.04;letter-spacing:.4px;
  color:#faf7f2;max-width:14ch;margin-bottom:34px;
}
.hero h1 em{font-style:italic;color:var(--accent-l);}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:17px 34px;border:1px solid var(--accent);
  color:var(--accent-l);font-size:11px;letter-spacing:2.8px;
  position:relative;overflow:hidden;transition:color .7s var(--ease),border-color .7s;
}
.btn::before{content:'';position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .8s var(--ease);}
.btn b{position:relative;z-index:2;font-weight:400;}
.btn:hover{color:#0d0b0a;} .btn:hover::before{transform:translateY(0);}
.btn-ghost{border-color:rgba(var(--accent-rgb),.3);color:#cdc4b8;}
.btn-ghost::before{display:none;}
.btn-ghost:hover{color:#faf7f2;border-color:var(--accent-l);}
.btn-dark{border-color:var(--accent-d);color:var(--accent-d);}
.btn-dark:hover{color:#faf7f2;}
.btn-dark::before{background:var(--accent-d);}

/* frame ticks in hero corners — quiet cinematic detail */
.tick{position:absolute;z-index:5;width:22px;height:22px;border:1px solid rgba(var(--accent-rgb),.28);}
.tick.tl{top:104px;left:40px;border-right:0;border-bottom:0;}
.tick.br{bottom:34px;right:40px;border-left:0;border-top:0;}
.scroll-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:5;
  width:1px;background:linear-gradient(180deg,rgba(var(--accent-rgb),0),rgba(var(--accent-rgb),.75));animation:pulse 3.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.2;height:36px}50%{opacity:1;height:66px}}

/* ---------------- layout rhythm ---------------- */
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,60px);}
.narrow{max-width:720px;}
.center{margin-left:auto;margin-right:auto;text-align:center;}
.p-xxl{padding:clamp(140px,26vh,280px) 0;}
.p-xl{padding:clamp(110px,20vh,220px) 0;}
.p-l{padding:clamp(90px,15vh,170px) 0;}

.kicker{color:var(--accent-d);font-size:10.5px;letter-spacing:5px;margin-bottom:32px;}
h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(28px,4vw,56px);line-height:1.18;color:#1a1613;}
h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(20px,2vw,27px);line-height:1.3;color:#1a1613;}
p{font-size:16px;line-height:2;color:var(--soft);}
.lede{font-size:clamp(17px,1.6vw,21px);line-height:1.9;color:#3b342d;}
.rule{width:1px;height:84px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),0));margin:56px auto 0;}

/* ---------------- one-line breath sections ---------------- */
.breath h2{font-size:clamp(26px,3.4vw,46px);line-height:1.42;max-width:19ch;}

/* ---------------- full-bleed cinematic frames ---------------- */
.frame{position:relative;height:min(105svh,940px);overflow:hidden;background:var(--ink);}
.frame .bg{position:absolute;inset:-14% 0;background-size:cover;background-position:center;will-change:transform;}
.frame .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,7,.5),rgba(8,8,7,.2) 40%,rgba(8,8,7,.82));}
.frame .fin{
  position:relative;z-index:3;height:100%;max-width:1280px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 clamp(20px,5vw,60px);
}
.frame h2{color:#faf7f2;max-width:16ch;font-size:clamp(28px,4.4vw,60px);}
.frame .kicker{color:var(--accent);}
.frame p{color:rgba(var(--ivory-rgb),.75);max-width:44ch;margin-top:26px;}
.frame.bottom .fin{justify-content:flex-end;padding-bottom:clamp(60px,11vh,120px);}
.frame.mid .fin{align-items:center;text-align:center;}
.frame.mid h2{max-width:20ch;}

/* ---------------- micro prestige marks ---------------- */
.marks{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mark{
  flex:1 1 200px;padding:34px clamp(16px,2.4vw,34px);
  border-right:1px solid var(--line);
  font-size:10.5px;letter-spacing:3px;color:var(--accent-d);
  transition:background .9s ease,color .9s ease;
}
.mark:last-child{border-right:0;}
.mark:hover{background:rgba(var(--accent-rgb),.05);color:var(--text);}
.marks.dark{border-color:rgba(var(--accent-rgb),.16);}
.marks.dark .mark{border-color:rgba(var(--accent-rgb),.16);color:var(--accent);}
.marks.dark .mark:hover{color:var(--accent-l);}

/* ---------------- two-column craft ---------------- */
.duo{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(36px,6vw,100px);align-items:center;}
.duo.rev{grid-template-columns:1fr 1.08fr;}
.duo.rev .m{order:2;}
.m{position:relative;overflow:hidden;background:var(--ink-2);}
.m img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 3s var(--ease);}
.m:hover img{transform:scale(1.11);}
.m.tall{aspect-ratio:4/5;} .m.wide{aspect-ratio:5/4;} .m.square{aspect-ratio:1/1;}
.t p{margin-top:26px;}
.t .note{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;letter-spacing:3px;color:var(--accent-d);}

/* ---------------- materials ---------------- */
.band{background:var(--ink);color:#ddd4c8;}
.band h2{color:#f5f0e8;} .band .kicker{color:var(--accent);} .band p{color:rgba(var(--ivory-rgb),.64);}
.mats{margin-top:76px;border-top:1px solid rgba(var(--accent-rgb),.14);}
.mat{display:grid;grid-template-columns:52px 1fr 1.9fr;gap:clamp(18px,4vw,56px);
  padding:42px 0;border-bottom:1px solid rgba(var(--accent-rgb),.14);align-items:baseline;transition:background 1s ease;}
.mat:hover{background:rgba(var(--accent-rgb),.04);}
.mno{font-size:10.5px;letter-spacing:2px;color:var(--accent-d);}
.mat h3{color:var(--accent-l);}
.msub{display:block;font-family:'Jost',sans-serif;font-size:10.5px;letter-spacing:2.6px;color:var(--accent-d);margin-top:9px;}
.mat p{font-size:15.5px;line-height:1.95;color:rgba(var(--ivory-rgb),.64);}

/* ---------------- build timeline ---------------- */
.tl{margin-top:84px;position:relative;}
.tl::before{content:'';position:absolute;left:11px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.5),rgba(var(--accent-rgb),.06));}
.step{display:grid;grid-template-columns:58px 1fr;gap:clamp(18px,4vw,50px);padding-bottom:52px;}
.step:last-child{padding-bottom:0;}
.dot{width:23px;height:23px;border-radius:50%;border:1px solid var(--accent);
  display:flex;align-items:center;justify-content:center;background:var(--cream);position:relative;z-index:2;}
.dot i{width:5px;height:5px;border-radius:50%;background:var(--accent);}
.sh{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;}
.sno{font-size:10.5px;letter-spacing:2px;color:var(--accent-d);}
.step p{margin-top:12px;max-width:56ch;font-size:15.5px;}

/* ---------------- mosaic ---------------- */
.mos{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:72px;}
.tile{overflow:hidden;background:var(--ink-2);position:relative;}
.tile img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 2.6s var(--ease);}
.tile:hover img{transform:scale(1.1);}
.tile .cap{position:absolute;left:20px;bottom:17px;font-size:10px;letter-spacing:2.6px;
  color:rgba(var(--ivory-rgb),.88);text-shadow:0 1px 14px rgba(0,0,0,.7);}
.a{grid-column:span 8;aspect-ratio:16/9;}
.b{grid-column:span 4;aspect-ratio:4/5;}
.c{grid-column:span 4;aspect-ratio:1/1;}
.d{grid-column:span 8;aspect-ratio:16/9;}

/* ---------------- numbers ---------------- */
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,4vw,64px);margin-top:84px;text-align:left;}
.num{border-top:1px solid rgba(var(--accent-rgb),.2);padding-top:26px;}
.num b{display:block;font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(30px,3.6vw,50px);color:var(--accent-l);margin-bottom:12px;}
.num span{font-size:10.5px;letter-spacing:2.6px;color:var(--accent-d);}

/* ---------------- full uncropped showcase ---------------- */
.showcase{margin:0;}
.showcase img{width:100%;height:auto;background:var(--ink-2);}
.showcase figcaption{
  margin-top:22px;font-size:10.5px;letter-spacing:3px;color:var(--accent-d);
  display:flex;align-items:center;gap:16px;
}
.showcase figcaption::after{content:'';flex:1;height:1px;background:var(--line);}

/* ---------------- specs ---------------- */
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,46px);margin-top:70px;}
.spec{border-top:1px solid var(--line);padding-top:24px;}
.spec b{display:block;font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(26px,3vw,40px);color:#1a1613;margin-bottom:8px;}
.spec span{font-size:10.5px;letter-spacing:2.4px;color:var(--accent-d);}
.spec em{display:block;font-style:normal;font-size:10.5px;color:rgba(var(--ivory-d-rgb),.8);margin-top:8px;letter-spacing:.4px;}

/* ---------------- manifesto ---------------- */
.manifesto{background:var(--ink);position:relative;overflow:hidden;
  padding:clamp(150px,28vh,300px) 0;}
.manifesto .bgm{position:absolute;inset:-10%;background-size:cover;background-position:center;
  opacity:.13;filter:grayscale(.35);}
.manifesto::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center,rgba(8,8,7,.6) 0%,rgba(8,8,7,.94) 75%);}
.manifesto .wrap{position:relative;z-index:4;}
.mf{font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(24px,3.5vw,48px);line-height:1.5;color:#f5f0e8;
  max-width:23ch;margin:0 auto;text-align:center;}
.mf .q{color:var(--accent-l);font-style:italic;}
.mf .sp{display:block;height:.7em;}
.sig{margin-top:64px;text-align:center;}
.sig img{height:118px;margin:0 auto;opacity:.9;}

/* ---------------- closing ---------------- */
.closing{background:var(--cream-2);text-align:center;}
.closing h2{max-width:17ch;margin:0 auto 28px;}
.closing p{max-width:50ch;margin:0 auto 46px;}
.closing .hero-cta{justify-content:center;}

/* ---------------- footer ---------------- */
footer{background:var(--ink);color:rgba(var(--ivory-rgb),.57);padding:clamp(80px,12vh,130px) 0 0;}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.2fr;gap:clamp(30px,4vw,60px);}
footer .lf img{height:104px;margin-bottom:26px;}
footer h4{font-size:10.5px;letter-spacing:3px;color:var(--accent);font-weight:400;margin-bottom:22px;}
footer li{list-style:none;margin-bottom:13px;font-size:14px;color:rgba(var(--ivory-rgb),.64);transition:color .5s;}
footer a:hover li{color:var(--accent-l);}
.blurb{font-size:14px;line-height:1.95;color:rgba(var(--ivory-rgb),.53);max-width:32ch;}
.sister{color:var(--accent-d);letter-spacing:1.2px;}
.map{margin-top:16px;height:150px;border:1px solid rgba(var(--accent-rgb),.18);
  overflow:hidden;position:relative;background:var(--ink-2);}
.map iframe{width:100%;height:100%;border:0;display:block;
  filter:grayscale(1) invert(.92) contrast(.86) sepia(.18) saturate(1.35) hue-rotate(-12deg);
  transition:filter 1.2s ease;}
.map:hover iframe{filter:grayscale(.5) invert(.9) contrast(.9) sepia(.2) saturate(1.5) hue-rotate(-12deg);}
.fb{margin-top:clamp(56px,8vh,90px);border-top:1px solid rgba(var(--accent-rgb),.12);
  padding:26px 0 34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.fb span{font-size:10px;letter-spacing:2.4px;color:rgba(var(--ivory-rgb),.42);}

/* ---------------- responsive: mobile is its own design ---------------- */
@media(max-width:1000px){
  .duo,.duo.rev{grid-template-columns:1fr;gap:36px;}
  .duo.rev .m{order:0;}
  .mat{grid-template-columns:1fr;gap:12px;}
  .ft{grid-template-columns:1fr 1fr;}
  .a,.d{grid-column:span 12;} .b,.c{grid-column:span 6;}
}
@media(max-width:700px){
  nav{display:none;} .hicons{display:none;} .burger{display:flex;}
  .hi{padding:15px 20px;} header .logo img{height:40px;transform:translate(.5%,-1.6%);}
  header.solid .hi{padding:12px 20px;} header.solid .logo img{height:35px;}
  .tick{display:none;}
  .hero{height:100svh;}
  .hero h1{font-size:clamp(31px,9.5vw,46px);line-height:1.1;max-width:12ch;margin-bottom:28px;}
  .eyebrow{font-size:9.5px;letter-spacing:4px;margin-bottom:20px;}
  .hero-in{padding-bottom:clamp(48px,9vh,80px);}
  .hero-cta{flex-direction:column;align-items:stretch;width:100%;gap:12px;}
  .btn{padding:18px 22px;font-size:10.5px;letter-spacing:2.2px;}
  .p-xxl{padding:96px 0;} .p-xl{padding:84px 0;} .p-l{padding:72px 0;}
  h2{font-size:clamp(25px,7.4vw,34px);line-height:1.25;}
  .breath h2{font-size:clamp(23px,6.6vw,30px);line-height:1.5;}
  .frame{height:78svh;min-height:480px;}
  .frame h2{font-size:clamp(25px,7.4vw,34px);}
  .frame .bg{background-attachment:scroll;}
  .mf{font-size:clamp(21px,6vw,28px);line-height:1.6;max-width:18ch;}
  .sig img{height:88px;}
  .mos{gap:10px;} .a,.b,.c,.d{grid-column:span 12;aspect-ratio:16/10;}
  .nums,.specs,.ft{grid-template-columns:1fr;}
  .mark{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line);padding:26px 0;}
  .marks{border-bottom:0;}
  .tl::before{left:8px;} .step{grid-template-columns:40px 1fr;gap:16px;}
  .dot{width:17px;height:17px;}
  p{font-size:15.5px;line-height:1.9;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;}
  .rv{opacity:1;transform:none;} .ln > i{transform:none;}
}

/* =========================================================
   IÇ SAYFALAR
   ========================================================= */
.page-hero{position:relative;height:62svh;min-height:420px;overflow:hidden;background:var(--ink);}
.page-hero .bg{position:absolute;inset:-6%;background-size:cover;background-position:center 56%;
  animation:push 30s ease-out forwards;}
.page-hero .veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,7,.74) 0%,rgba(8,8,7,.3) 45%,rgba(8,8,7,.9) 100%);}
.page-hero .pin{position:relative;z-index:4;height:100%;max-width:1280px;margin:0 auto;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 clamp(20px,5vw,60px) clamp(50px,8vh,80px);}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(32px,5.4vw,68px);line-height:1.08;color:#faf7f2;max-width:16ch;}
.page-hero .eyebrow{margin-bottom:22px;}

/* metin blokları */
.prose{max-width:680px;}
.prose p + p{margin-top:24px;}
.prose h3{margin-top:52px;margin-bottom:16px;}
.prose h3:first-child{margin-top:0;}

/* iki sütunlu bilgi listesi */
.pairs{border-top:1px solid var(--line);margin-top:60px;}
.pair{display:grid;grid-template-columns:1fr 2fr;gap:clamp(20px,4vw,56px);
  padding:34px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.pair dt{font-size:11px;letter-spacing:2.6px;color:var(--accent-d);}
.pair dd{font-size:16px;line-height:1.9;color:var(--soft);margin:0;}

/* değerler ızgarası */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);margin-top:70px;}
.value{border-top:1px solid var(--line);padding-top:26px;}
.value h3{font-size:clamp(19px,1.8vw,24px);margin-bottom:12px;}
.value p{font-size:15px;line-height:1.9;}

/* iletişim kartları */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,60px);margin-top:66px;}
.ccard{border-top:1px solid var(--line);padding-top:28px;}
.ccard h3{margin-bottom:14px;}
.ccard p{font-size:15.5px;}
.ccard a{color:var(--accent-d);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .5s,border-color .5s;}
.ccard a:hover{color:var(--text);border-color:var(--accent);}

@media(max-width:1000px){
  .values{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .page-hero{height:52svh;min-height:340px;}
  .page-hero h1{font-size:clamp(28px,8.4vw,38px);}
  .values{grid-template-columns:1fr;}
  .pair{grid-template-columns:1fr;gap:10px;padding:26px 0;}
}
nav a.on{color:var(--accent-l);}
nav a.on::after{width:100%;}
header .logo{display:flex;align-items:center;line-height:0;}

/* iletisim sayfasi — buyuk harita */
.map-lg{height:clamp(320px,52vh,520px);border:1px solid var(--line);overflow:hidden;background:var(--ink-2);}
.map-lg iframe{width:100%;height:100%;border:0;display:block;
  filter:grayscale(.9) contrast(.94) sepia(.14) saturate(1.15);transition:filter 1.4s ease;}
.map-lg:hover iframe{filter:grayscale(.3) contrast(1) sepia(.06) saturate(1.2);}
.map-note{margin-top:22px;font-size:10.5px;letter-spacing:3px;color:var(--accent-d);
  display:flex;align-items:center;gap:16px;}
.map-note::after{content:'';flex:1;height:1px;background:var(--line);}


/* ---------------- maintenance mode (full screen) ---------------- */
.maint-full{position:fixed;inset:0;z-index:1000;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:24px;text-align:center;}
.maint-full img{height:clamp(64px,9vw,110px);width:auto;opacity:.95;}
.maint-full p{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(18px,2.4vw,26px);letter-spacing:.3px;color:var(--accent-l);max-width:26ch;}

/* Ana sayfa — kapak görseli üzerindeki şeffaf header.
   Menü, dil ve ikonlar görseldeki ENIGMA yazısının sıcak ivory tonunda.
   Yalnızca ana sayfada ve header şeffafken uygulanır; kaydırınca (.solid)
   ve diğer sayfalarda mevcut renkler aynen kalır. */
header.on-hero:not(.solid) nav a,
header.on-hero:not(.solid) .hicons,
header.on-hero:not(.solid) .hicons a{color:rgba(var(--ivory-rgb),.78);text-shadow:0 1px 12px rgba(0,0,0,.22);transition:color .5s;}
header.on-hero:not(.solid) nav a:hover,
header.on-hero:not(.solid) nav a.on,
header.on-hero:not(.solid) .hicons a:hover{color:var(--ivory);}
header.on-hero:not(.solid) nav a::after{background:rgba(var(--ivory-rgb),.7);}
header.on-hero:not(.solid) .burger i{background:rgba(var(--ivory-rgb),.85);}

/* Ana sayfa hero — masaüstü / mobil kapak görseli (<picture>).
   Masaüstü: önceki background-size:cover + center 56% davranışının birebir karşılığı.
   Mobil (≤700px): ayrı görsel ve CMS'ten seçilen odak noktası; masaüstünü etkilemez. */
.hero-layer .img picture{display:block;width:100%;height:100%;}
.hero-layer .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%;}
@media(max-width:700px){.hero-layer .img img{object-position:var(--hero-m-pos,center 56%);}}
/* Ayrı mobil kapak görseli seçildiyse (≤700px): 9:16 kompozisyon kırpılmadan,
   ekran genişliğine sığdırılarak gösterilir. Taşma payı (inset) ve yavaş
   yakınlaşma animasyonu kenarları kestiği için yalnızca bu durumda kapatılır;
   kalan üst/alt boşluk hero'nun koyu zeminiyle dolar. Masaüstünü etkilemez. */
@media(max-width:700px){
  .hero-layer.has-mobile{inset:0;}
  .hero-layer.has-mobile .img{animation:none;transform:none;}
  .hero-layer.has-mobile .img img{object-fit:contain;object-position:center center;}
}
/* Ana sayfa hero — masaüstü (≥701px). Kapak görseli kompozisyonun parçası olan
   yazı/logo içerdiği için kırpılmadan, viewport'a sığdırılarak gösterilir:
   taşma payı (inset:-8%) ve push yakınlaşması kapatılır, cover yerine contain.
   Kalan üst/alt veya yan boşluk .hero'nun koyu zemini (--ink) ile dolar.
   Karartma/vinyet katmanları ve mobil kurallar değişmez. */
@media(min-width:701px){
  .hero .hero-layer{inset:0;}
  .hero .hero-layer .img{animation:none;transform:none;}
  .hero .hero-layer .img img{object-fit:contain;object-position:center center;}
}
/* Ana sayfa hero overlay — masaüstü (≥701px). Görselin kendi günbatımı/deniz
   tonları korunur: alt karartma ve kenar vinyeti kaldırılır; yalnızca header
   okunabilirliği için üstte çok hafif bir koyuluk kalır. Mobil değişmez. */
@media(min-width:701px){
  .hero .hero-grade{background:linear-gradient(180deg,rgba(8,8,7,.28) 0%,rgba(8,8,7,0) 14%);}
  .hero .hero-vig{background:none;}
  .hero .hero-light{display:none;}
}
/* Ana sayfa hero overlay — mobil (≤700px). Masaüstüyle aynı mantık: görselin
   kendi renk/parlaklığı korunur; alt karartma, vinyet ve ışık efekti kapalı,
   yalnızca header için üstte çok hafif koyuluk. Geometri değişmez. */
@media(max-width:700px){
  .hero .hero-grade{background:linear-gradient(180deg,rgba(8,8,7,.28) 0%,rgba(8,8,7,0) 14%);}
  .hero .hero-vig{background:none;}
  .hero .hero-light{display:none;}
}
/* Ana sayfa hero CTA — görselin içine basılı ENIGMA-007 yazısının hemen altında.
   .hero-anchor hero ile aynı kutudur (container); görsel object-fit:contain ile
   çizildiği için görselin gerçek yüksekliği min(100cqh, 100cqw × oran) olur.
   --x/--y: ENIGMA-007 yatay merkezi / alt kenarının görsel boyutuna oranı, --gap: nefes payı.
   Masaüstü 1787×880 → --y .8636; mobil 941×1671 → --y .7367 (ayrı breakpoint). */
.hero-anchor{position:absolute;inset:0;z-index:6;pointer-events:none;container-type:size;
  --ar:calc(880 / 1787);--x:.4986;--y:.8636;--gap:.035;}
.hero-btn{position:absolute;transform:translateX(-50%);pointer-events:auto;
  left:calc(50cqw + (var(--x) - .5) * min(100cqw, 100cqh / var(--ar)));
  top:calc(50cqh + (var(--y) + var(--gap) - .5) * min(100cqh, 100cqw * var(--ar)));
  display:inline-flex;align-items:center;gap:14px;
  width:max-content;max-width:calc(100cqw - 32px);text-align:center;
  padding:15px 30px;border:1px solid var(--ivory);border-radius:1px;background:transparent;
  color:var(--ivory);font-size:11px;font-weight:400;letter-spacing:3.4px;line-height:1;
  transition:background-color .35s ease,color .35s ease;}
.hero-btn span{letter-spacing:0;font-size:13px;}
.hero-btn:hover,.hero-btn:focus-visible{background:var(--ivory);color:#0d0b0a;}
.hero-btn:focus-visible{outline:1px solid var(--ivory);outline-offset:3px;}
/* Kısa masaüstü ekranlarda (ör. 1366×768, 1280×720) CTA ile kaydırma işareti çakışırsa
   işaret gizlenir; karar main.js'te ölçülerek verilir (yalnızca ≥701px). */
.hero .scroll-hint.is-off{display:none;}
@media(max-width:700px){
  .hero-layer.has-mobile ~ .hero-anchor{--ar:calc(1671 / 941);--x:.4968;--y:.7367;--gap:.03;}
  .hero-btn{gap:10px;padding:13px clamp(16px,5vw,26px);font-size:clamp(9.5px,2.75vw,11px);letter-spacing:clamp(2px,.75vw,3px);}
  .hero-btn span{font-size:12px;}
  /* Ayrı mobil görsel yoksa masaüstü görseli cover ile kırpılır; buton alt alana, kaydırma işaretinin üstüne alınır. */
  .hero-layer:not(.has-mobile) ~ .hero-anchor .hero-btn{top:auto;bottom:124px;left:50%;}
}

/* =========================================================
   MOBİL GÖRSEL SİSTEMİ (tüm sayfalar)
   src/_includes/media.njk makrolarıyla birlikte çalışır.
   - .rp      : <img> görsellerini saran <picture>; masaüstü yerleşimini değiştirmez.
   - .mbg     : arka plan görseli olan kutu için ayrı mobil görsel (--bg-m).
   - .mfocus  : CMS'te seçilen mobil odak noktası (--m-pos).
   Yalnızca 700 px ve altında devreye girer; masaüstünü etkilemez.
   ========================================================= */
.rp{display:contents;}
@media(max-width:700px){
  .mbg{background-image:var(--bg-m)!important;}
  .mfocus{background-position:var(--m-pos)!important;object-position:var(--m-pos)!important;}
}

/* =========================================================
   MOBİL MENÜ (≤700px) — menü simgesi tam ekran menüyü açar.
   ========================================================= */
@media(max-width:700px){
  .burger{position:relative;z-index:3;min-width:44px;min-height:44px;margin-right:-10px;
    align-items:center;justify-content:center;padding:10px;background:none;border:0;}
  .burger i{transition:transform .5s var(--ease),opacity .3s ease;}
  header .logo{position:relative;z-index:3;}
  /* Menü açılırken header'ın backdrop-filter geçişi (.9s) anında kapatılır.
     backdrop-filter "none" olmadığı sürece header, içindeki position:fixed menünün
     konum kutusu olur; geçiş sürerken menü öğeleri header'a göre yerleşip sonra
     ekrana sıçrıyordu. */
  header.menu-open{backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;}
  header.menu-open nav{display:flex;position:fixed;inset:0;z-index:1;margin:0;
    flex-direction:column;align-items:center;justify-content:center;gap:10px;
    background:rgba(8,8,7,.97);}
  header.menu-open nav a{font-size:14px;letter-spacing:3.4px;padding:14px 24px;color:var(--accent-l);}
  header.menu-open nav a::after{left:24px;bottom:10px;}
  header.menu-open nav a.on::after{width:calc(100% - 48px);}
  header.menu-open .hicons{display:flex;position:fixed;left:0;right:0;bottom:calc(36px + env(safe-area-inset-bottom));z-index:2;
    justify-content:center;gap:18px;margin:0;font-size:16px;color:var(--accent);}
  header.menu-open .hicons a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
  header.menu-open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg);}
  header.menu-open .burger i:nth-child(2){opacity:0;}
  header.menu-open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  body.menu-lock{overflow:hidden;}
}

/* Mobil menü renkleri — masaüstü ana sayfa navigasyonundaki ivory ton (#E8DFC8)
   ile aynı aile. Tüm sayfalarda (TR/EN) menü açıkken geçerlidir; #hdr seçicisi
   ana sayfanın şeffaf header kurallarının da önüne geçer. Yalnızca ≤700px. */
@media(max-width:700px){
  #hdr.menu-open nav a{color:rgba(var(--ivory-rgb),.72);text-shadow:none;}
  #hdr.menu-open nav a:hover,
  #hdr.menu-open nav a.on{color:var(--ivory);}
  #hdr.menu-open nav a::after{background:rgba(var(--ivory-rgb),.7);}
  #hdr.menu-open .hicons,
  #hdr.menu-open .hicons a{color:rgba(var(--ivory-rgb),.78);text-shadow:none;}
  #hdr.menu-open .hicons a:hover{color:var(--ivory);}
  #hdr.menu-open .burger i{background:var(--ivory);}
  /* Menü açıkken iç elemanlarda renk/genişlik/transform geçişi yok: ilk kare = son kare. X anında oluşur. */
  #hdr.menu-open nav a,#hdr.menu-open nav a::after,#hdr.menu-open .hicons a,#hdr.menu-open .burger i{transition:none;}
}

/* Mobil footer bağlantıları — parmakla dokunmaya uygun yükseklik (≈44 px) */
@media(max-width:700px){
  footer a li{padding:12px 0;margin-bottom:0;}
}

/* =========================================================
   EDİTORYAL BÖLÜMLER (Final Layout Reference) — KORUNAN TASARIM DİLİ
   2026-10-05: ana sayfadan çıkarıldı; şu an kullanılmıyor. İç sayfalarda
   src/_includes/editorial/sections.njk ile yeniden kullanılmak üzere duruyor.
   Masaüstü: kenardan kenara bölünmüş ızgaralar; metin sütunu sayfa
   içeriğinin (.wrap) sol/sağ hizasına oturur. Mobil: kontrollü tek kolon,
   önce metin sonra görsel. Hero'yu etkilemez.
   ========================================================= */
.ed{--ed-edge:max(clamp(20px,5vw,60px),calc((100vw - 1280px) / 2 + 60px));position:relative;}
.ed-grid{display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr);min-height:clamp(460px,40vw,640px);}
.ed-grid--rev{grid-template-columns:minmax(0,57fr) minmax(0,43fr);}
.ed-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:clamp(64px,7.5vw,120px) clamp(36px,5vw,84px) clamp(64px,7.5vw,120px) var(--ed-edge);}
.ed-grid--rev .ed-text{padding:clamp(64px,7.5vw,120px) var(--ed-edge) clamp(64px,7.5vw,120px) clamp(44px,5.5vw,96px);}
.ed .kicker{margin-bottom:26px;}
.ed-title{font-size:clamp(30px,3.3vw,50px);line-height:1.12;max-width:12ch;}
.ed-rule{display:block;width:36px;height:1px;background:var(--accent);margin:30px 0 28px;}
.ed-text p{font-size:15px;line-height:1.9;max-width:42ch;}
.ed-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font-size:10.5px;letter-spacing:3.2px;
  color:var(--accent-d);padding:6px 0;}
.ed-link span{transition:transform .5s var(--ease);}
.ed-link:hover span,.ed-link:focus-visible span{transform:translateX(5px);}
.ed-link:focus-visible,.ed-btn:focus-visible{outline:1px solid currentColor;outline-offset:4px;}
.ed-media{margin:0;position:relative;overflow:hidden;background:var(--ink-2);}
.ed-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* açık bölümler */
.ed-intro,.ed-specs,.ed-bespoke{background:var(--cream-2);}
/* koyu bölümler (accent token'ları .ed-dark kapsamında ivory'dir) */
.ed-dark{background:var(--ink);}
.ed-dark .ed-title{color:#f5f0e8;}
.ed-dark .ed-text p{color:rgba(var(--ivory-rgb),.64);}
.ed-dark .ed-link{color:var(--ivory);}

/* 3 — işçilik: dört dikey kare */
.ed-craft .ed-grid{grid-template-columns:minmax(0,39fr) minmax(0,61fr);}
.ed-craft .ed-title{max-width:16ch;}
.ed-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,.8vw,14px);align-content:center;
  padding:clamp(56px,6vw,96px) 0 clamp(56px,6vw,96px);}
.ed-tile{margin:0;position:relative;overflow:hidden;aspect-ratio:2/3;background:var(--ink-2);}
.ed-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--ease);}
.ed-tile:hover img{transform:scale(1.035);}

/* 4 — teknik özellikler */
.ed-table{margin:34px 0 0;display:grid;gap:0;min-width:min(100%,360px);}
.ed-table div{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:28px;padding:9px 0;border-bottom:1px solid var(--line);}
.ed-table div:first-child{border-top:1px solid var(--line);}
.ed-table dt{font-size:13px;color:var(--soft);letter-spacing:.3px;}
.ed-table dd{margin:0;font-size:13.5px;color:#1a1613;}
.ed-text .ed-note{margin-top:14px;font-size:11.5px;line-height:1.6;letter-spacing:.3px;color:var(--soft);}

/* 6 — bespoke CTA: görsel sağdan krem zemine yumuşakça kaybolur */
.ed-bespoke{overflow:hidden;min-height:clamp(380px,32vw,500px);display:flex;align-items:center;}
.ed-bespoke-media{position:absolute;top:0;right:0;bottom:0;width:62%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,#000 46%);}
.ed-bespoke-media img{width:100%;height:100%;object-fit:cover;opacity:.62;}
.ed-bespoke-in{position:relative;z-index:2;padding:clamp(64px,7vw,110px) clamp(24px,4vw,60px) clamp(64px,7vw,110px) var(--ed-edge);max-width:calc(var(--ed-edge) + 640px);}
.ed-bespoke .ed-title{max-width:20ch;}
.ed-bespoke p{font-size:15px;line-height:1.9;max-width:44ch;margin-top:22px;}
.ed-btn{display:inline-flex;align-items:center;gap:14px;margin-top:36px;padding:15px 28px;border:1px solid var(--accent-d);border-radius:1px;
  color:var(--accent-d);font-size:10.5px;letter-spacing:3px;line-height:1;transition:background-color .35s ease,color .35s ease;}
.ed-btn span{font-size:13px;letter-spacing:0;}
.ed-btn:hover,.ed-btn:focus-visible{background:var(--accent-d);color:var(--cream);}

/* tablet */
@media(max-width:1000px){
  .ed-grid,.ed-craft .ed-grid,.ed-grid--rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .ed-tiles{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:var(--ed-edge);}
  .ed-bespoke-media{width:72%;}
}
/* mobil — kontrollü tek kolon editoryal akış: önce metin, sonra görsel */
@media(max-width:700px){
  .ed-grid,.ed-craft .ed-grid,.ed-grid--rev{display:flex;flex-direction:column;min-height:0;}
  .ed-grid--rev .ed-media{order:2;}
  .ed-text,.ed-grid--rev .ed-text{padding:72px 24px 44px;}
  .ed .kicker{margin-bottom:20px;}
  .ed-title{font-size:clamp(31px,8.6vw,40px);line-height:1.1;max-width:13ch;}
  .ed-rule{margin:24px 0 22px;}
  .ed-text p{font-size:15px;line-height:1.85;}
  .ed-link{margin-top:26px;}
  .ed-media{aspect-ratio:4/3;}
  .ed-intro .ed-media{aspect-ratio:5/4;}
  .ed-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 24px 72px;}
  .ed-tile{aspect-ratio:3/4;}
  .ed-table{margin-top:28px;width:100%;}
  .ed-table div{grid-template-columns:42% 1fr;gap:16px;padding:10px 0;}
  .ed-table dt,.ed-table dd{font-size:13px;}
  .ed-bespoke{display:flex;flex-direction:column;align-items:stretch;min-height:0;}
  .ed-bespoke-media{order:2;}
  .ed-bespoke-in{padding:76px 24px 0;max-width:none;}
  .ed-bespoke-media{position:relative;width:100%;height:240px;margin-top:8px;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%);}
  .ed-btn{padding:15px 24px;}
}

/* =========================================================
   FOOTER — sade satır düzeni (logo | menü | ikonlar), iletişim satırı, telif
   ========================================================= */
/* Footer, ana sayfada doğrudan hero'nun altında: hero'nun kaydırma (paralaks) hareketi
   footer'ın üzerine binmesin diye footer üst katmanda tutulur. */
footer{padding:clamp(56px,8vh,88px) 0 0;position:relative;z-index:1;}
.ft-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;}
.ft-logo{display:inline-block;}
.ft-logo img{height:64px;width:auto;}
.ft-nav{display:flex;gap:clamp(22px,2.6vw,40px);margin:0;}
.ft-nav a,.ft-icons a{font-size:10.5px;letter-spacing:2.6px;color:rgba(var(--ivory-rgb),.72);transition:color .5s;}
.ft-nav a:hover,.ft-icons a:hover{color:var(--ivory);}
.ft-icons{display:flex;justify-content:flex-end;align-items:center;gap:22px;}
.ft-icons a{font-size:14px;letter-spacing:0;}
.ft-icons a:nth-child(2){font-size:10.5px;letter-spacing:2px;}
.ft-mid{margin-top:clamp(40px,6vh,64px);padding-top:28px;border-top:1px solid rgba(var(--accent-rgb),.12);
  display:flex;justify-content:space-between;align-items:baseline;gap:24px 48px;flex-wrap:wrap;}
footer .ft-mid .blurb{margin:0;max-width:40ch;font-size:13px;}
.ft-contact{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;}
footer .ft-contact li{margin:0;font-size:13px;color:rgba(var(--ivory-rgb),.6);}
.ft-contact a:hover{color:var(--ivory);}
footer .fb{margin-top:28px;}
@media(max-width:1000px){
  .ft-top{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .ft-icons{justify-content:center;}
  .ft-mid{flex-direction:column;align-items:center;text-align:center;}
  .ft-contact{justify-content:center;}
}
@media(max-width:700px){
  .ft-logo img{height:58px;}
  .ft-nav{flex-wrap:wrap;justify-content:center;gap:10px 18px;}
  .ft-nav a{letter-spacing:1.8px;}
  .ft-nav a{padding:6px 0;}
  .ft-icons{gap:30px;}
  .ft-icons a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .ft-contact{flex-direction:column;align-items:center;gap:6px;}
  footer .ft-contact li{padding:6px 0;}
  footer .fb{flex-direction:column;align-items:center;text-align:center;}
}

/* =========================================================
   İÇ SAYFA EDİTORYAL SİSTEMİ — src/_includes/editorial/components.njk
   Ortak tonlar, asimetrik iki kolon, satır listeleri, fotoğraf ızgarası.
   ========================================================= */
.ed-tone-cream{background:var(--cream);}
.ed-tone-cream2{background:var(--cream-2);}
.ed-tone-dark{background:var(--ink);}
.ed-text p+p{margin-top:16px;}
.ed-text .ed-table{margin-top:30px;}

/* asimetrik iki kolon: solda başlık (sabit), sağda içerik */
.ed-aside{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:clamp(40px,6vw,110px);align-items:start;
  padding:clamp(96px,11vw,170px) 0;}
.ed-aside-head{position:sticky;top:120px;}
.ed-aside-head .ed-title{max-width:14ch;}
.ed-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:#3b342d;max-width:38ch;}
.ed-dark .ed-lead{color:rgba(var(--ivory-rgb),.8);}
.ed-aside-body > :first-child{margin-top:0;}
.ed-aside .mats{border-top:1px solid rgba(var(--accent-rgb),.14);}
.ed-aside .tl{margin-top:0;}
.ed-aside .specs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;}
.ed-aside .contact-grid{margin-top:0;}
.ed-aside .pairs{margin-top:clamp(48px,7vh,80px);}
.ed-table--lg div{padding:16px 0;grid-template-columns:minmax(150px,34%) 1fr;}
.ed-table--lg dt{font-size:11px;letter-spacing:2.4px;color:var(--accent-d);}
.ed-table--lg dd{font-size:15.5px;line-height:1.7;color:var(--soft);}

/* satır listesi (ör. değerler) */
.ed-rows{border-bottom:1px solid var(--line);}
.ed-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,3vw,48px);padding:30px 0;border-top:1px solid var(--line);align-items:baseline;}
.ed-row h3{margin:0;}
.ed-row p{font-size:15px;line-height:1.9;margin:0;}

/* fotoğraf ızgarası: metinli ve tam genişlik türleri, alt yazı */
.ed-grid--tiles{grid-template-columns:minmax(0,34fr) minmax(0,66fr);}
.ed-grid--tiles .ed-tiles{padding-right:var(--ed-edge);}
.ed-split .ed-title{max-width:15ch;}
.ed-tiles--full{padding:clamp(80px,9vw,140px) 0;}
.ed-tile figcaption{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;font-size:10px;letter-spacing:2.6px;line-height:1.5;
  color:rgba(var(--ivory-rgb),.88);text-shadow:0 1px 14px rgba(0,0,0,.7);}
.ed-tile::after{content:'';position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,rgba(8,8,7,0),rgba(8,8,7,.55));pointer-events:none;}

/* büyük proje görseli ve harita bölümleri */
.ed-figure-sec{padding:clamp(80px,9vw,140px) 0;}
.ed-map-sec{padding:clamp(80px,9vw,130px) 0;}
.ed-marks{background:var(--cream);padding:clamp(56px,6vw,90px) 0;}
.ed-marks .marks{margin:0;}

@media(max-width:1000px){
  .ed-aside{grid-template-columns:1fr;gap:44px;padding:96px 0;}
  .ed-aside-head{position:static;}
  .ed-grid--tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .ed-tiles--full{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0;}
}
@media(max-width:700px){
  .ed-aside{padding:76px 0;gap:36px;}
  .ed-lead{font-size:17px;}
  .ed-aside .specs{grid-template-columns:1fr 1fr;gap:18px;}
  .ed-aside .contact-grid{grid-template-columns:1fr;}
  .ed-row{grid-template-columns:1fr;gap:8px;padding:24px 0;}
  .ed-table--lg div{grid-template-columns:1fr;gap:6px;}
  .ed-grid--tiles{display:flex;flex-direction:column;}
  .ed-tiles--full{padding:64px 0;gap:8px;}
  .ed-figure-sec,.ed-map-sec{padding:64px 0;}
  .ed-marks{padding:44px 0;}
}

/* Metinsiz editoryal geçiş karesi (Proje: gövdenin altından iskelet) */
.frame--plain{height:min(82svh,780px);}
.frame--plain .veil{background:linear-gradient(180deg,rgba(8,8,7,.28),rgba(8,8,7,0) 28%,rgba(8,8,7,0) 72%,rgba(8,8,7,.32));}
@media (max-width:700px){ .frame--plain{height:64svh;min-height:420px;} }

/* ---------- Final içerik (Word master) — metin ölçüleri ---------- */
/* Yan yana iki kolonlu bölümlerde gövde paragrafları */
.ed-aside-body > p,.ed-prose p{font-size:15.5px;line-height:1.9;max-width:62ch;color:var(--soft);}
.ed-aside-body > p + p,.ed-prose p + p{margin-top:18px;}
.ed-dark .ed-aside-body > p,.ed-dark .ed-prose p{color:rgba(var(--ivory-rgb),.68);}
.ed-aside-head .ed-lead + .ed-lead{margin-top:18px;}
/* Görselsiz tam genişlik cümle */
.ed-statement{padding:clamp(96px,11vw,170px) 0;text-align:center;}
.ed-statement-t{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(30px,4.2vw,58px);line-height:1.15;color:#1a1613;max-width:20ch;margin:0 auto;}
.ed-dark .ed-statement-t{color:#f5f0e8;}
/* Açıklamalı fotoğraf kareleri (Proje — Yapım günlüğü) */
.ed-tile-item{display:flex;flex-direction:column;gap:16px;min-width:0;}
.ed-tile-desc{font-size:13px;line-height:1.75;color:rgba(var(--ivory-rgb),.64);}
.ed-tiles-note{margin-top:28px;}
.ed-grid--tiles .ed-tiles{align-content:center;}
/* Rakamlar bandı (Proje) */
.ed-figures-lead{margin:26px auto 0;max-width:52ch;font-size:15.5px;line-height:1.85;}
.nums--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.ed-figures .num p{margin-top:16px;font-size:14px;line-height:1.75;color:rgba(var(--ivory-rgb),.64);max-width:30ch;}
.ed-figures-note{margin:clamp(56px,7vw,96px) auto 0;max-width:60ch;text-align:center;font-size:15px;line-height:1.85;}
@media (max-width:1000px){
  .nums--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .nums--4{grid-template-columns:1fr;}
  .ed-aside-body > p,.ed-prose p{font-size:15px;line-height:1.85;}
  .ed-statement{padding:84px 0;}
  .ed-statement-t{font-size:clamp(27px,7.6vw,36px);max-width:16ch;}
  .ed-tile-desc{font-size:12.5px;line-height:1.7;}
}
/* Uzun Word metinleri: iki kolonlu bölümlerde satır ölçüsü (bölüm yüksekliğini dengeler) */
.ed-split .ed-text p{max-width:48ch;}
/* Çok geniş ekranlarda metin + fotoğraf ızgarası: metin sütunu dar kalmasın */
@media (min-width:1600px){ .ed-grid--tiles{grid-template-columns:minmax(0,42fr) minmax(0,58fr);} }

/* ---------- İletişim: kanallar ve adres ---------- */
.ch-grid{display:flex;flex-wrap:wrap;gap:0 clamp(22px,2.4vw,44px);margin:clamp(44px,5vw,64px) 0 0;}
.ch{flex:1 1 auto;border-top:1px solid var(--line);padding:22px 0 24px;min-width:0;}
.ch dt{font-size:10.5px;letter-spacing:2.6px;color:var(--accent-d);}
.ch dd{margin:12px 0 0;}
.ch dd a{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(17px,1.4vw,20px);line-height:1.35;color:#1a1613;white-space:nowrap;
  border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .5s,border-color .5s;}
.ch dd a:hover,.ch dd a:focus-visible{color:var(--accent-d);border-color:var(--accent);}
.ch .ch-note{font-size:13.5px;line-height:1.7;color:var(--soft);margin-top:10px;}
.ed-address{font-style:normal;margin-top:26px;font-size:16px;line-height:1.9;color:#1a1613;}
@media (max-width:700px){
  .ch-grid{flex-direction:column;gap:0;margin-top:40px;}
  .ch{padding:20px 0 22px;}
  .ch dd a{white-space:normal;overflow-wrap:anywhere;}
  .ch:last-child{border-bottom:1px solid var(--line);}
  .ed-address{font-size:15.5px;}
}

/* ---------- Editoryal revizyon ---------- */
/* Tek cümlelik giriş (Hakkımızda): iki kolon yerine tek ölçü, daha az boşluk */
.ed-aside-sec--solo .ed-aside{grid-template-columns:1fr;padding:clamp(72px,8vw,120px) 0;}
.ed-aside-sec--solo .ed-aside-head{position:static;}
.ed-aside-sec--solo .ed-lead{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(24px,2.5vw,36px);line-height:1.35;color:#1a1613;max-width:32ch;}
/* Yapım günlüğü: dar kolonda alt yazı okunabilirliği */
.ed-tile-item .ed-tile figcaption{font-size:10.5px;letter-spacing:2.2px;}
.ed-tile-item .ed-tile::after{height:46%;background:linear-gradient(180deg,rgba(8,8,7,0),rgba(8,8,7,.72));}
.ed-tile-desc{font-size:13.5px;line-height:1.7;color:rgba(var(--ivory-rgb),.82);}
@media (max-width:700px){
  .ed-aside-sec--solo .ed-aside{padding:64px 0;}
  .ed-aside-sec--solo .ed-lead{font-size:clamp(23px,6.4vw,28px);}
  .ed-tile-desc{font-size:13px;}
}

/* ---------- Kompozisyon revizyonu (2. tur) ---------- */
/* Fotoğraf üzerinde kısa editoryal başlık + metin (Hakkımızda F02, İşçilik F19) */
.frame--story{height:min(92svh,860px);}
.frame--story h2{max-width:18ch;}
.frame--story p{max-width:46ch;font-size:15.5px;line-height:1.85;}
.frame--story p + p{margin-top:14px;}
/* Metin + geniş proje görseli (Proje giriş, F11) */
.ed-grid--wide{grid-template-columns:minmax(0,38fr) minmax(0,62fr);}
.ed-media figcaption{position:absolute;left:20px;right:20px;bottom:16px;z-index:2;font-size:10px;letter-spacing:2.6px;line-height:1.5;color:rgba(var(--ivory-rgb),.9);}
.ed-media:has(figcaption)::after{content:'';position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,rgba(8,8,7,0),rgba(8,8,7,.5));pointer-events:none;z-index:1;}
.ed-text .ed-lead{margin-bottom:22px;}
/* Değerler — F02 üzerinde üç kolon (eller görselin üst bölümünde kalır) */
.frame--values .fin{padding-bottom:clamp(56px,9vh,100px);}
.fv-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,56px);margin-top:clamp(30px,4vh,48px);max-width:1100px;}
.fv{border-top:1px solid rgba(var(--ivory-rgb),.28);padding-top:20px;}
.fv h3{color:#f5f0e8;margin:0 0 10px;}
.fv p{margin:0;font-size:14.5px;line-height:1.8;max-width:34ch;}
/* İletişim: hero başlığı kaldırıldı; semantik H1 giriş başlığında (görünüm aynı) */
h1.ed-title{font-family:'Cormorant Garamond',serif;font-weight:300;color:#1a1613;}
@media (max-width:1000px){ .ed-grid--wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .fv-rows{grid-template-columns:1fr;gap:0;} .fv{padding:16px 0 4px;} .frame--values{height:auto;min-height:92svh;} .frame--values .fin{padding-top:34vh;} }
@media (max-width:700px){
  .frame--story{height:auto;min-height:88svh;}
  .frame--story .fin{padding-top:40vh;}
  .frame--story .veil{background:linear-gradient(180deg,rgba(8,8,7,.3),rgba(8,8,7,.5) 34%,rgba(8,8,7,.86));}
  .frame--story p{font-size:15px;}
  .fv-rows{grid-template-columns:1fr;gap:0;}
  .fv{padding:18px 0 4px;}
  .fv p{font-size:14px;}
}

/* ---------- İşçilik / Malzeme: epoksi fotoğrafı (dikey, kırpılmadan) ---------- */
.ed-aside--fig .ed-aside-head{position:static;}
.ed-fig{margin:clamp(36px,4vw,52px) 0 0;}
/* Masaüstü ve geniş tablet: sol kolon fotoğrafla dengelensin (≈%25 daha büyük görsel; 3:4 oran, kırpma yok) */
@media (min-width:1001px){ .ed-aside--fig{grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-areas:"head ." "fig body";row-gap:clamp(36px,4vw,52px);} .ed-aside--fig .ed-aside-head{grid-area:head;} .ed-aside--fig .ed-aside-head > :last-child{margin-bottom:0;} .ed-aside--fig .ed-fig{grid-area:fig;margin:0;line-height:0;} .ed-aside--fig .ed-aside-body{grid-area:body;align-self:center;} }
.ed-fig .rp,.ed-fig img{display:block;width:100%;height:auto;}
@media (max-width:1000px){
  .ed-aside--fig{display:flex;flex-direction:column;}
  .ed-aside--fig .ed-aside-head{display:contents;}
  .ed-aside--fig .ed-aside-body{order:2;}
  .ed-aside--fig .ed-fig{order:3;margin:8px 0 0;max-width:520px;}
}
@media (max-width:700px){
  .ed-aside--fig .ed-fig{max-width:none;}
}