/* İnci’yi Tanıyın | Kurumsal kısa iç sayfa girişi. Mevcut anasayfa tasarımı etkilenmez. */
.about-page {background:#fff;}
.about-page .header {position:sticky;top:0;left:auto;right:auto;z-index:50;box-shadow:0 1px 10px rgba(1,22,44,.06);}
.about-page .navigation__item[aria-current="page"]::after {width:100%;}
.about-banner {height:355px;position:relative;isolation:isolate;overflow:hidden;background:#031b37;}
.about-banner__image {position:absolute;inset:0;z-index:-2;background-image:url('../images/hero/inci-ic-sayfa-hero.webp');background-color:#041c38;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.about-banner::after {position:absolute;content:"";inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(1,18,38,.58) 0%,rgba(1,18,38,.34) 34%,rgba(1,18,38,.12) 62%,rgba(1,18,38,.04) 100%);}
.about-banner__inner {height:100%;display:flex;align-items:center;}
.about-banner__copy {position:relative;color:#fff;max-width:630px;padding:7px 0;animation:about-copy-in .65s ease both;}
.about-breadcrumb {display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.78);font-size:13px;font-weight:500;line-height:1.4;margin-bottom:21px;}
.about-breadcrumb a:hover,.about-breadcrumb a:focus-visible {color:#fff;text-decoration:underline;text-underline-offset:5px;}
.about-breadcrumb [aria-current="page"] {color:#fff;font-weight:600;}
.about-banner h1 {color:#fff;font-size:clamp(34px,3.45vw,49px);font-weight:600;letter-spacing:-.042em;line-height:1.16;margin:0;text-wrap:balance;}
@keyframes about-copy-in {from {opacity:0;transform:translateY(10px)}to {opacity:1;transform:translateY(0)}}
@media (min-width:1800px) { .about-banner {height:380px;} }
@media (max-width:1130px) { .about-page .header{height:82px;} .about-banner {height:345px;} }
@media (max-width:780px) {
  .about-page .header {height:78px;}
  .about-banner {height:310px;}
  .about-banner__image {background-size:cover;background-position:72% center;}
  .about-banner::after {background:linear-gradient(90deg,rgba(2,20,43,.9) 0%,rgba(2,20,43,.82) 34%,rgba(2,20,43,.48) 68%,rgba(2,20,43,.16) 100%);}
  .about-banner__copy {max-width:80%;}
  .about-banner h1 {font-size:clamp(30px,5.8vw,42px);}
  .about-breadcrumb {font-size:12px;margin-bottom:15px;gap:9px;}
}
@media (max-width:420px) {
  .about-banner {height:300px;}
  .about-banner__image {background-position:70% center;}
  .about-banner__copy {max-width:94%;}
  .about-banner h1 {font-size:31px;}
}
@media (prefers-reduced-motion:reduce) {.about-banner__copy {animation:none}}

/* İnci'yi Tanıyın: hikâyenin ilk bölümü — V11 */
.about-story {position:relative;isolation:isolate;overflow:hidden;padding:clamp(58px,6.4vw,96px) 0 clamp(72px,8vw,115px);background:transparent;}
.about-story__grid {display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:clamp(42px,5.5vw,88px);align-items:center;}
.about-story__visual {width:100%;border-radius:24px;overflow:hidden;aspect-ratio:1.25;box-shadow:0 16px 42px rgba(8,36,75,.07);background:#e7eaf0;}
.about-story__visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .55s ease;}
.about-story__visual:hover img {transform:scale(1.025);}
.about-story__content {min-width:0;max-width:600px;padding-block:10px;}
.about-story__eyebrow {display:block;margin:0 0 17px;color:#b98b00;font-size:12px;font-weight:700;letter-spacing:.22em;line-height:1.55;}
.about-story__content h2 {margin:0 0 22px;color:var(--navy-dark);font-size:clamp(29px,2.9vw,43px);line-height:1.22;font-weight:500;letter-spacing:-.048em;text-wrap:balance;}
.about-story__content p {margin:0 0 15px;color:#33435c;font-size:clamp(14px,1.1vw,16px);line-height:1.79;font-weight:400;letter-spacing:-.01em;}
.about-story__cta {display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:20px;min-height:52px;padding:13px 23px;border-radius:999px;background:#ffd424;color:var(--navy-dark);font-size:14px;font-weight:700;transition:color .2s,background .2s,transform .2s,box-shadow .2s;}
.about-story__cta svg {width:21px;height:21px;flex:none;transition:transform .2s;}
.about-story__cta:hover,.about-story__cta:focus-visible {background:#0e3b82;color:#fff;box-shadow:0 12px 28px rgba(9,45,102,.15);}
.about-story__cta:hover svg {transform:translateX(3px);}
@media (max-width:1020px) {
  .about-story__grid {gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .about-story__content h2 {font-size:clamp(27px,3.1vw,34px);}
  .about-story__content p {font-size:14px;line-height:1.72;}
}
@media (max-width:780px) {
  .about-story {padding:52px 0 75px;}
  .about-story__grid {grid-template-columns:1fr;gap:30px;}
  .about-story__visual {aspect-ratio:1.3;border-radius:19px;}
  .about-story__content {padding:0;max-width:640px;}
  .about-story__content h2 {font-size:clamp(27px,5vw,37px);margin-bottom:18px;}
  .about-story__content p {font-size:15px;line-height:1.7;}
  .about-story__cta {margin-top:14px;}
}
@media (max-width:420px) {
  .about-story {padding:39px 0 64px;}
  .about-story__visual {aspect-ratio:1.25;border-radius:14px;}
  .about-story__eyebrow {font-size:11px;letter-spacing:.18em;}
  .about-story__content h2 {font-size:29px;}
  .about-story__content p {font-size:14px;line-height:1.7;}
  .about-story__cta {font-size:13px;min-height:48px;}
}
@media (prefers-reduced-motion:reduce) {.about-story__visual img,.about-story__cta,.about-story__cta svg {transition:none;}}


/* V12 – Günlük Hayatta İnci: bağımsız ikinci içerik bölümü, yalnızca bu sayfaya etki eder. */
.about-moments {position:relative;isolation:isolate;overflow:hidden;background:transparent;padding:clamp(56px,5.2vw,92px) 0 clamp(64px,5.8vw,100px);}
.about-moments::before {content:"";position:absolute;width:48vw;height:48vw;min-width:340px;min-height:340px;right:-24vw;top:-26vw;border:1px solid rgba(228,176,32,.19);border-radius:50%;z-index:-1;pointer-events:none;}
.about-moments__layout {display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.08fr);gap:clamp(34px,4.8vw,75px);align-items:center;}
.about-moments__copy {min-width:0;}
.about-moments__eyebrow {display:flex;align-items:center;gap:11px;color:#14345c;font-size:11px;font-weight:700;letter-spacing:.20em;line-height:1.5;margin:0 0 21px;}
.about-moments__sunflower {font-size:26px;line-height:1;color:#e4a800;font-weight:500;}
.about-moments__heading h2 {color:#0c2d58;max-width:620px;font-family:var(--font);font-weight:500;letter-spacing:-.05em;font-size:clamp(31px,2.9vw,42px);line-height:1.22;margin:0 0 18px;text-wrap:balance;}
.about-moments__intro {font-size:clamp(14px,1vw,16px);font-weight:400;line-height:1.75;color:#566174;max-width:545px;margin:0 0 24px;}
.about-moments__steps {list-style:none;padding:0;margin:0 0 12px;counter-reset:step;position:relative;}
.about-moments__steps::before {content:"";position:absolute;top:35px;bottom:35px;left:20px;width:1px;background:#d5d9dd;}
.about-moments__step {position:relative;display:grid;grid-template-columns:41px 59px minmax(0,1fr);gap:16px;align-items:center;min-height:91px;padding:9px 0;}
.about-moments__step:not(:last-child)::after {content:"";position:absolute;left:73px;right:0;bottom:0;border-bottom:1px solid rgba(16,43,80,.11);}
.about-moments__number {display:grid;place-items:center;width:41px;height:41px;border:1.6px solid #f2bf28;border-radius:50%;background:#fffdf9;color:#0b2e5b;font-size:12px;font-weight:700;position:relative;z-index:2;}
.about-moments__step-icon {display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fff2d7;color:#0b386c;}
.about-moments__step-icon svg {display:block;width:30px;height:30px;}
.about-moments__step-copy {display:flex;flex-direction:column;gap:4px;}
.about-moments__step-copy strong {color:#10315b;font-weight:700;font-size:clamp(14px,1.1vw,17px);line-height:1.4;}
.about-moments__step-copy span {color:#5b6675;font-weight:400;font-size:clamp(12px,.9vw,14px);line-height:1.6;}
.about-moments__cta {display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:51px;min-width:235px;padding:12px 23px;background:#0c315f;color:#fff;border-radius:7px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;margin-top:6px;}
.about-moments__cta svg {width:20px;height:20px;transition:transform .2s;}
.about-moments__cta:hover,.about-moments__cta:focus-visible {background:#1753a0;box-shadow:0 11px 28px rgba(6,36,75,.15);}
.about-moments__cta:hover svg {transform:translateX(4px);}
.about-moments__visual {width:100%;min-width:0;}
.about-moments__visual img {display:block;width:100%;height:auto;object-fit:contain;border-radius:26px;filter:drop-shadow(0 14px 18px rgba(5,34,64,.03));}
@media (max-width:1140px) { .about-moments__layout {gap:clamp(20px,3vw,36px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);} .about-moments__heading h2{font-size:clamp(27px,3.15vw,37px);} .about-moments__step{grid-template-columns:35px 48px minmax(0,1fr);gap:11px;min-height:83px;} .about-moments__number{width:35px;height:35px;} .about-moments__steps::before{left:17px;} .about-moments__step-icon{width:46px;height:46px;} .about-moments__step-icon svg{width:25px;height:25px;} .about-moments__step:not(:last-child)::after{left:57px;} }
@media (max-width:780px) { .about-moments {padding:54px 0 65px;} .about-moments__layout{grid-template-columns:1fr;gap:25px;} .about-moments__copy{max-width:670px;} .about-moments__heading h2{font-size:clamp(29px,5vw,39px);max-width:580px;} .about-moments__intro{max-width:620px;} .about-moments__visual{max-width:660px;margin-inline:auto;} }
@media (max-width:450px) { .about-moments{padding:46px 0 55px;} .about-moments__eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:15px;} .about-moments__heading h2{font-size:clamp(28px,8vw,34px);line-height:1.2;margin-bottom:13px;} .about-moments__desktop-break{display:none;} .about-moments__intro{font-size:13.5px;line-height:1.7;margin-bottom:16px;} .about-moments__step{grid-template-columns:33px 44px minmax(0,1fr);gap:10px;min-height:81px;} .about-moments__step-icon{width:43px;height:43px;} .about-moments__step-icon svg{width:23px;height:23px;} .about-moments__number{width:33px;height:33px;font-size:11px;} .about-moments__steps::before{left:16px;} .about-moments__step:not(:last-child)::after{left:54px;} .about-moments__step-copy strong{font-size:13.5px;} .about-moments__step-copy span{font-size:12px;line-height:1.5;} .about-moments__cta{min-height:47px;min-width:210px;font-size:13px;margin-top:7px;} .about-moments__layout{gap:21px;} }
@media (prefers-reduced-motion:reduce) {.about-moments__cta,.about-moments__cta svg {transition:none;}}

/* İnci'yi Tanıyın — referans mermer dokusuyla kesintisiz ortak sayfa zemini.
   Hero görseli ve sabit beyaz header kendi yüzeylerini korur. */
.about-page main {
  background-color: #fdfcf9;
  background-image: url('../images/backgrounds/inci-mermer-kesintisiz.webp');
  background-repeat: repeat;
  background-position: center top;
  background-size: 1650px auto;
}
@media (max-width: 780px) {
  .about-page main { background-size: 1100px auto; }
}


/* V13 – Misyon / Vizyon: onaylanan iki desenli kart, kesintisiz ortak mermer zemin.
   Resimler yalnızca dekor katmanıdır; erişilebilir başlık ve metinler HTML'de kalır. */
.about-values {
  position: relative;
  padding: clamp(30px, 3vw, 48px) 0 clamp(82px, 7.3vw, 122px);
  background: transparent;
}
.about-values__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 2.3vw, 32px);
  align-items: stretch;
}
.about-values__card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: clamp(435px, 37vw, 510px);
  border-radius: clamp(24px, 2.4vw, 32px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(32px, 4.2vw, 64px) clamp(30px, 3.2vw, 48px);
  box-shadow: 0 20px 45px rgba(12, 42, 79, .10);
  transition: transform .3s ease, box-shadow .3s ease;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.about-values__card--mission {
  background-color: #08429d;
  background-image:
    radial-gradient(ellipse 79% 66% at center, rgba(26, 91, 189, .22), transparent 82%),
    linear-gradient(rgba(0, 21, 75, .08), rgba(0, 21, 75, .08)),
    url('../images/about/inci-misyon-deseni.webp');
  color: #fff;
}
.about-values__card--vision {
  background-color: #ffd642;
  background-image:
    radial-gradient(ellipse 83% 72% at center, rgba(255, 250, 211, .46), rgba(255, 241, 153, .12) 75%, transparent),
    url('../images/about/inci-vizyon-deseni.webp');
  color: #082b65;
}
.about-values__content {
  position: relative;
  width: 100%;
  max-width: 490px;
  margin-inline: auto;
}
.about-values__content h2 {
  margin: 0 0 clamp(16px, 1.6vw, 24px);
  color: inherit;
  font-family: var(--font);
  font-size: clamp(32px, 3.15vw, 44px);
  line-height: 1.17;
  font-weight: 500;
  letter-spacing: -.05em;
}
.about-values__content p {
  margin: 0;
  color: inherit;
  font-family: var(--font);
  font-size: clamp(16px, 1.48vw, 20px);
  line-height: 1.82;
  letter-spacing: -.012em;
  font-weight: 500;
  text-wrap: pretty;
}
.about-values__card--mission .about-values__content p { color: rgba(255, 255, 255, .97); }
.about-values__card--vision .about-values__content p { color: #0c316b; }
.about-values__accent {
  display: block;
  width: 64px;
  height: 4px;
  border-radius: 100px;
  margin: clamp(25px, 2.8vw, 38px) auto 0;
  background: #ffcb17;
}
.about-values__card--vision .about-values__accent { background: #eca600; }
@media (hover: hover) and (pointer: fine) {
  .about-values__card:hover {transform: translateY(-5px);box-shadow: 0 25px 55px rgba(12, 42, 79, .16);}
}
@media (max-width: 1000px) {
  .about-values__card { min-height: 425px; padding: 34px 24px; }
  .about-values__content h2 { font-size: clamp(29px, 3.2vw, 36px); }
  .about-values__content p { font-size: 15px;line-height: 1.75; }
}
@media (max-width: 780px) {
  .about-values {padding: 26px 0 78px;}
  .about-values__grid {grid-template-columns: minmax(0, 1fr);gap: 22px;max-width: 650px;}
  .about-values__card {min-height: 425px; padding: 42px clamp(27px, 6vw, 55px); border-radius: 26px;}
  .about-values__content h2 {font-size: clamp(31px, 5.8vw, 40px);margin-bottom: 20px;}
  .about-values__content p {font-size: clamp(15px, 2.8vw, 17px);line-height: 1.75;}
}
@media (max-width: 420px) {
  .about-values {padding: 23px 0 64px;}
  .about-values__grid {gap: 18px;}
  .about-values__card {min-height: 415px;padding: 35px 23px;border-radius: 21px;}
  .about-values__content h2 {font-size: 30px;margin-bottom: 17px;}
  .about-values__content p {font-size: 15px;line-height: 1.7;}
  .about-values__accent {margin-top: 26px;width: 56px;}
}
@media (prefers-reduced-motion: reduce) {
  .about-values__card {transition: none;}
  .about-values__card:hover {transform: none;}
}

@media (max-width: 350px) {
  .about-values__content p {font-size: 14px;}
}

/* V14 — UNAT GROUP ile güçlü bağ. Son sadeleştirme + arkaplan uyumu:
   shell hizalı, sayfanın mermer zeminiyle bütünleşik, sağ görsel daha temiz kırpılmış. */
.about-group {
  position: relative;
  isolation: isolate;
  padding: 26px 0 0;
  overflow: hidden;
  background: transparent;
}
.about-group__shell {position: relative;}
.about-group__layout {
  display: grid;
  grid-template-columns: minmax(0, 43%) minmax(0, 57%);
  align-items: center;
  gap: clamp(20px, 2.2vw, 34px);
  background: transparent;
}
.about-group__copy {
  position: relative;
  z-index: 3;
  min-width: 0;
  align-self: center;
  padding: clamp(56px,5vw,82px) clamp(8px,1vw,12px) clamp(54px,4.8vw,78px) 0;
}
.about-group__eyebrow {
  display:flex;align-items:center;gap:16px;margin:0 0 28px;
  color:#19395c;font-size:11px;font-weight:700;line-height:1.45;letter-spacing:.15em;white-space:nowrap;
}
.about-group__eyebrow::after {content:"";height:1px;width:90px;background:#ecc333;flex:none;}
.about-group__copy h2 {
  max-width: 560px;
  margin: 0 0 24px;
  color: #0a294d;
  font-family: var(--font);
  font-weight: 500;
  letter-spacing: -.054em;
  font-size: clamp(34px,3.15vw,56px);
  line-height: 1.14;
}
.about-group__copy > p:not(.about-group__eyebrow) {
  max-width: 585px;
  margin: 0 0 18px;
  color: #4f5e70;
  font-size: clamp(14px,1.03vw,17px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -.012em;
}
.about-group__brands {
  display:flex;align-items:center;gap:clamp(17px,1.8vw,29px);
  margin:30px 0 0;min-width:0;
}
.about-group__unat-logo {display:block;width:clamp(142px,14vw,215px);height:auto;object-fit:contain;}
.about-group__brands-divider {height:52px;width:1px;flex:none;background:rgba(11,50,95,.32);}
.about-group__inci-logo {display:block;width:clamp(85px,8vw,124px);height:auto;object-fit:contain;}
.about-group__promise,
.about-group__promise-leaf,
.about-group__bottles,
.about-group__bottle {display:none !important;}
.about-group__visual {
  position: relative;
  min-width: 0;
  height: clamp(460px, 34vw, 560px);
  align-self: center;
  isolation: isolate;
  overflow: hidden;
  border-radius: 0;
}
.about-group__factory {
  position:absolute;
  inset:0;
  z-index:-3;
  background:url('../images/about/unat-fabrika-gercek-giris-20261013.webp') 53% center / cover no-repeat;
  clip-path:none;
  -webkit-mask-image: radial-gradient(172% 132% at 100% 50%, #000 65%, transparent 66%);
  mask-image: radial-gradient(172% 132% at 100% 50%, #000 65%, transparent 66%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.about-group__visual::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background:transparent;
}
.about-group__glow {
  position:absolute;z-index:-2;inset:15% 28% 8% -8%;border-radius:50%;
  background:radial-gradient(circle at 42% 54%, rgba(253,198,30,.18), rgba(240,194,69,.05) 55%, transparent 80%);
  pointer-events:none;
}
.about-group__line-photo {
  position:absolute;z-index:6;
  width:37%;height:21%;right:3%;bottom:8%;
  border:3px solid rgba(255,255,255,.96);
  border-radius:24px;
  box-shadow:0 14px 28px rgba(13,36,57,.16);
  overflow:hidden;
}
.about-group__line-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:28% center;}
.about-group__sunflower {
  position:absolute;z-index:1;left:-18%;bottom:-12%;width:114%;height:auto;pointer-events:none;opacity:.42;
}
@media (max-width: 1240px) {
 .about-group__layout {grid-template-columns:minmax(0,45%) minmax(0,55%);gap:22px;}
 .about-group__copy h2{font-size:clamp(34px,3.4vw,44px);}
 .about-group__eyebrow::after{width:55px;}
 .about-group__visual{height:clamp(420px,33vw,500px);}
}
@media (max-width: 990px) {
 .about-group{padding-top:20px;}
 .about-group__layout{grid-template-columns:minmax(0,1fr);gap:0;}
 .about-group__copy{padding:60px 0 34px;max-width:760px;}
 .about-group__copy h2{font-size:clamp(35px,5vw,49px);}
 .about-group__copy > p:not(.about-group__eyebrow){font-size:15px;}
 .about-group__visual{height:430px;width:100%;}
 .about-group__factory{background-position:56% center;-webkit-mask-image:radial-gradient(176% 136% at 100% 55%, #000 64%, transparent 65%);mask-image:radial-gradient(176% 136% at 100% 55%, #000 64%, transparent 65%);}
 .about-group__line-photo{width:38%;height:22%;right:2%;bottom:7%;}
 .about-group__sunflower{opacity:.34;left:-24%;width:130%;}
}
@media (max-width: 600px) {
 .about-group__copy{padding:48px 0 30px;}
 .about-group__eyebrow{font-size:10px;letter-spacing:.11em;gap:10px;margin-bottom:22px;}
 .about-group__eyebrow::after{width:40px;}
 .about-group__copy h2{font-size:clamp(31px,7.3vw,40px);line-height:1.2;margin-bottom:19px;}
 .about-group__title-break{display:none;}
 .about-group__copy > p:not(.about-group__eyebrow){font-size:14px;line-height:1.7;margin-bottom:15px;}
 .about-group__brands{gap:18px;margin:27px 0 0;}
 .about-group__unat-logo{width:145px;}
 .about-group__inci-logo{width:91px;}
 .about-group__brands-divider{height:40px;}
 .about-group__visual{height:330px;}
 .about-group__factory{background-position:56% center;-webkit-mask-image:radial-gradient(184% 138% at 100% 54%, #000 62%, transparent 63%);mask-image:radial-gradient(184% 138% at 100% 54%, #000 62%, transparent 63%);}
 .about-group__glow{inset:14% 6% 5% -24%;}
 .about-group__line-photo{right:2%;bottom:6%;width:42%;height:21%;border-radius:18px;border-width:2px;}
 .about-group__sunflower{bottom:-6%;left:-30%;width:146%;opacity:.29;}
}
@media (max-width: 380px) {
 .about-group__unat-logo{width:130px;}
 .about-group__inci-logo{width:77px;}
 .about-group__copy h2{font-size:31px;}
 .about-group__visual{height:295px;}
 .about-group__line-photo{width:44%;height:20%;}
}

/* Dolum hattı: yükleme sırasında boş kalmayan, erişilebilir dekoratif inset. */
.about-group__line-photo { background: #d8bd89 url('../images/about/inci-dolum-hatti-konsept.webp') 28% center / cover no-repeat; }

/* Günlük hayatta İnci: aynı rozet dili */
.about-moments__step-icon{background:transparent;border-radius:0;overflow:visible}
.about-moments__step-icon .inci-premium-icon{width:100%;height:100%}