/* V8 — global visual layer / editorial imagery / motion
   Isolated from existing theme files to avoid regressions. */

:root{
  --v8-ink:#241f1c;
  --v8-taupe:#806d64;
  --v8-paper:#f8f4ef;
  --v8-line:rgba(74,62,55,.14);
  --v8-ease:cubic-bezier(.2,.75,.2,1);
}

/* Route-aware image treatment for the first hero/header on inner pages. */
.v6-inner main>section:first-child,
.v6-inner main>.page-hero:first-child,
.v6-inner main>.calc-page-hero:first-child,
.v6-inner main>.udf-hero:first-child,
.v6-inner main>.v62-page-head:first-child,
.v6-inner main>.v62-article-head:first-child,
.v6-inner main>.v62-detail-head:first-child,
.v6-inner main>.v7-detail-hero:first-child,
.v6-inner main>.v7-practice-page-head:first-child,
.v6-inner main>.v72-page-hero:first-child{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.v6-inner main>section:first-child::after,
.v6-inner main>.page-hero:first-child::after,
.v6-inner main>.calc-page-hero:first-child::after,
.v6-inner main>.udf-hero:first-child::after,
.v6-inner main>.v62-page-head:first-child::after,
.v6-inner main>.v62-article-head:first-child::after,
.v6-inner main>.v62-detail-head:first-child::after,
.v6-inner main>.v7-detail-hero:first-child::after,
.v6-inner main>.v7-practice-page-head:first-child::after,
.v6-inner main>.v72-page-hero:first-child::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 0 auto;
  width:min(48vw,760px);
  background:
    linear-gradient(90deg,rgba(248,244,239,1) 0%,rgba(248,244,239,.78) 23%,rgba(248,244,239,.12) 62%,rgba(248,244,239,.05) 100%),
    var(--v8-hero-image) center/cover no-repeat;
  opacity:.58;
  filter:saturate(.78) contrast(.95);
  transform:scale(1.035);
  animation:v8HeroIn 1.15s var(--v8-ease) both;
  pointer-events:none;
}
.v6-inner main>section:first-child>*{position:relative;z-index:1}

/* Dark heroes get a dark fade instead of paper fade. */
.v6-inner main>.v7-detail-hero:first-child::after,
.v6-inner main>.v72-page-hero--dark:first-child::after{
  background:
    linear-gradient(90deg,rgba(21,20,20,1) 0%,rgba(21,20,20,.8) 26%,rgba(21,20,20,.18) 70%,rgba(21,20,20,.08) 100%),
    var(--v8-hero-image) center/cover no-repeat;
  opacity:.72;
  filter:saturate(.72) brightness(.72);
}

/* Homepage gains subtle depth without fighting its existing portrait. */
.v6-home main>section:first-child{position:relative;isolation:isolate;overflow:hidden}
.v6-home main>section:first-child>*{position:relative;z-index:1}
.v6-home main>section:first-child::before{
  content:"";
  position:absolute;
  z-index:0;
  right:-8vw;
  bottom:-10%;
  width:38vw;
  height:60%;
  background:var(--v8-hero-image) center/cover no-repeat;
  opacity:.08;
  filter:grayscale(.15) sepia(.05);
  transform:rotate(-3deg);
  border-radius:36px;
  pointer-events:none;
}

/* Editorial image gallery shown on every page. */
.v8-visual-story{
  position:relative;
  background:
    radial-gradient(circle at 13% 20%,rgba(128,109,100,.08),transparent 31%),
    linear-gradient(180deg,#fbf8f4 0%,#f2ece6 100%);
  border-top:1px solid var(--v8-line);
  border-bottom:1px solid var(--v8-line);
  padding:clamp(74px,8vw,126px) 0;
  overflow:hidden;
}
.v8-visual-story::before{
  content:"SE";
  position:absolute;
  right:-.03em;
  top:-.24em;
  font:500 clamp(170px,30vw,500px)/1 var(--v6-serif,Newsreader,serif);
  color:rgba(128,109,100,.035);
  letter-spacing:-.08em;
  pointer-events:none;
}
.v8-visual-shell{
  width:min(1360px,calc(100% - 64px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  gap:clamp(48px,7vw,112px);
  align-items:center;
  position:relative;
  z-index:1;
}
.v8-visual-copy{max-width:480px}
.v8-visual-copy>p{
  margin:0 0 22px;
  font:700 10px/1.2 var(--v6-sans,DM Sans,sans-serif);
  letter-spacing:.19em;
  color:var(--v8-taupe);
}
.v8-visual-copy h2{
  margin:0;
  font:500 clamp(42px,5.2vw,78px)/.94 var(--v6-serif,Newsreader,serif);
  letter-spacing:-.045em;
  color:var(--v8-ink);
}
.v8-visual-copy h2 em{color:#9a8175;font-weight:400}
.v8-visual-copy>span{
  display:block;
  margin-top:28px;
  max-width:390px;
  color:#70655f;
  font-size:14px;
  line-height:1.8;
}
.v8-photo-grid{
  min-height:clamp(520px,54vw,720px);
  display:grid;
  grid-template-columns:1.08fr .78fr;
  grid-template-rows:1fr 1fr;
  gap:16px;
  position:relative;
}
.v8-photo{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#e8e0da;
  box-shadow:0 24px 70px rgba(49,39,34,.10);
  isolation:isolate;
}
.v8-photo--1{grid-row:1/-1;min-height:520px}
.v8-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.78) contrast(.98) brightness(.98);
  transform:scale(1.055) translate3d(0,var(--v8-parallax,0px),0);
  transition:transform 1.2s var(--v8-ease),filter .6s ease;
  will-change:transform;
}
.v8-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(27,23,21,.14));
  z-index:1;
  pointer-events:none;
}
.v8-photo i{
  position:absolute;
  z-index:2;
  width:10px;
  height:10px;
  right:18px;
  top:18px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,255,255,.08);
}
.v8-photo:hover img{transform:scale(1.015) translate3d(0,var(--v8-parallax,0px),0);filter:saturate(.92) contrast(1.02)}
.v8-photo--2{transform:translateY(22px)}
.v8-photo--3{transform:translateY(-8px)}

/* Bring editorial texture to content cards without changing their layout. */
.v6-inner main article,
.v6-inner main .card,
.v6-inner main [class*="-card"],
.v6-inner main [class*="-row"]{
  transition:transform .36s var(--v8-ease),box-shadow .36s ease,border-color .36s ease;
}
@media (hover:hover){
  .v6-inner main .card:hover,
  .v6-inner main [class*="-card"]:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 44px rgba(45,36,31,.08);
  }
}

/* Scroll reveal. JS only adds classes; no layout changes. */
html.v8-motion-ready [data-v8-reveal]{
  opacity:0;
  transform:translate3d(0,32px,0);
  transition:opacity .8s var(--v8-ease),transform .9s var(--v8-ease);
}
html.v8-motion-ready [data-v8-reveal].is-v8-visible{opacity:1;transform:none}
html.v8-motion-ready [data-v8-reveal][data-v8-delay="1"]{transition-delay:.08s}
html.v8-motion-ready [data-v8-reveal][data-v8-delay="2"]{transition-delay:.16s}
html.v8-motion-ready [data-v8-reveal][data-v8-delay="3"]{transition-delay:.24s}

/* Auto-enhanced existing sections/cards. */
html.v8-motion-ready .v8-auto-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .72s var(--v8-ease),transform .82s var(--v8-ease);
}
html.v8-motion-ready .v8-auto-reveal.is-v8-visible{opacity:1;transform:none}

@keyframes v8HeroIn{
  from{transform:scale(1.1) translateX(24px)}
  to{transform:scale(1.035) translateX(0)}
}

@media(max-width:1100px){
  .v8-visual-shell{grid-template-columns:1fr;gap:44px}
  .v8-visual-copy{max-width:720px}
  .v8-photo-grid{min-height:600px}
  .v6-inner main>section:first-child::after{width:55vw;opacity:.38}
}

@media(max-width:760px){
  .v8-visual-story{padding:70px 0}
  .v8-visual-shell{width:min(100% - 30px,1360px)}
  .v8-visual-copy h2{font-size:44px}
  .v8-visual-copy>span{font-size:13px;margin-top:20px}
  .v8-photo-grid{min-height:auto;grid-template-columns:1fr 1fr;grid-template-rows:360px 190px;gap:10px}
  .v8-photo{border-radius:17px}
  .v8-photo--1{grid-column:1/-1;grid-row:auto;min-height:0}
  .v8-photo--2,.v8-photo--3{transform:none}
  .v6-inner main>section:first-child::after{width:100%;opacity:.16;background:linear-gradient(180deg,rgba(248,244,239,.84),rgba(248,244,239,.97)),var(--v8-hero-image) center/cover no-repeat}
  .v6-inner main>.v7-detail-hero:first-child::after,
  .v6-inner main>.v72-page-hero--dark:first-child::after{opacity:.25;background:linear-gradient(180deg,rgba(21,20,20,.66),rgba(21,20,20,.92)),var(--v8-hero-image) center/cover no-repeat}
}

@media(prefers-reduced-motion:reduce){
  .v8-photo img,.v6-inner main article,.v6-inner main .card,.v6-inner main [class*="-card"],.v6-inner main [class*="-row"],html.v8-motion-ready [data-v8-reveal],html.v8-motion-ready .v8-auto-reveal{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}
}

/* V8.1 — Hakkımızda / Misyon & Vizyon */
.v81-mission-vision{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,126px) 0;
  background:linear-gradient(180deg,#f8f4ef 0%,#f3ede7 100%);
  border-top:1px solid rgba(74,62,55,.12);
}
.v81-mission-vision::after{
  content:"";
  position:absolute;
  right:-110px;
  top:54px;
  width:340px;
  height:340px;
  border:1px solid rgba(128,109,100,.11);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(128,109,100,.025),0 0 0 78px rgba(128,109,100,.018);
  pointer-events:none;
}
.v81-mv-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.55fr);
  gap:clamp(38px,7vw,96px);
  align-items:end;
  margin-bottom:clamp(44px,5vw,70px);
  position:relative;
  z-index:1;
}
.v81-mv-head .v62-overline{margin-bottom:15px}
.v81-mv-head h2{
  margin:0;
  font:500 clamp(40px,4.8vw,68px)/.98 var(--v6-serif,Newsreader,serif);
  letter-spacing:-.038em;
  color:#27211e;
  max-width:760px;
}
.v81-mv-head h2 em{font-weight:400;color:#927a6f}
.v81-mv-head>p{
  margin:0;
  max-width:450px;
  color:#6f655f;
  font-size:15px;
  line-height:1.8;
}
.v81-mv-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  position:relative;
  z-index:1;
}
.v81-mv-card{
  min-height:100%;
  padding:clamp(34px,4vw,58px);
  border:1px solid rgba(74,62,55,.13);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 54px rgba(46,37,32,.055);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.v81-mv-card.is-accent{
  background:linear-gradient(145deg,#766158 0%,#5f4d46 100%);
  border-color:rgba(255,255,255,.08);
  color:#fff;
}
.v81-mv-card-top{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:20px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(74,62,55,.13);
}
.v81-mv-card.is-accent .v81-mv-card-top{border-color:rgba(255,255,255,.14)}
.v81-mv-card-top span{
  font:500 italic 25px/1 var(--v6-serif,Newsreader,serif);
  color:#9a8175;
}
.v81-mv-card.is-accent .v81-mv-card-top span{color:#d7c4ba}
.v81-mv-card-top small{
  font:700 10px/1 var(--v6-sans,DM Sans,sans-serif);
  letter-spacing:.18em;
  color:#62544e;
}
.v81-mv-card.is-accent .v81-mv-card-top small{color:rgba(255,255,255,.72)}
.v81-mv-card h3{
  margin:0 0 22px;
  max-width:580px;
  font:500 clamp(28px,3vw,42px)/1.04 var(--v6-serif,Newsreader,serif);
  letter-spacing:-.025em;
  color:#2b2522;
}
.v81-mv-card.is-accent h3{color:#fff}
.v81-mv-card>p{
  margin:0;
  font-size:15px;
  line-height:1.92;
  color:#68605b;
}
.v81-mv-card.is-accent>p{color:rgba(255,255,255,.78)}
@media(max-width:900px){
  .v81-mv-head,.v81-mv-grid{grid-template-columns:1fr}
  .v81-mv-head{gap:24px}
}
@media(max-width:640px){
  .v81-mission-vision{padding:68px 0}
  .v81-mv-card{padding:30px 24px;border-radius:18px}
  .v81-mv-card h3{font-size:31px}
  .v81-mv-card>p{font-size:14px;line-height:1.82}
}