/* Karaca Medya ortak iç sayfa hero sistemi */
.kmc-inner-hero{
  --kmc-inner-red:#e20d18;
  --kmc-inner-ink:#111214;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:610px;
  overflow:hidden;
  padding:118px 0 106px;
  background:
    radial-gradient(circle at 82% 18%,rgba(226,13,24,.20),transparent 27%),
    radial-gradient(circle at 10% 92%,rgba(255,255,255,.045),transparent 21%),
    linear-gradient(135deg,#0e0f12 0%,#14161a 58%,#101115 100%);
  color:#fff;
}
.kmc-inner-hero::before{
  content:"";
  position:absolute;
  right:-170px;
  top:-205px;
  z-index:-1;
  width:520px;
  height:520px;
  border:76px solid rgba(226,13,24,.10);
  border-radius:50%;
  pointer-events:none;
}
.kmc-inner-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  pointer-events:none;
}
.kmc-inner-hero__grid{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
}
.kmc-inner-hero__watermark{
  position:absolute;
  left:12px;
  right:0;
  bottom:-8px;
  z-index:-1;
  width:calc(100% - 12px);
  max-width:none;
  overflow:hidden;
  color:rgba(255,255,255,.025);
  font-size:min(188px,var(--kmc-watermark-font,12.5vw));
  text-align:right;
  font-weight:700;
  line-height:.92;
  letter-spacing:-.075em;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.kmc-inner-hero__container{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);
  align-items:center;
  gap:70px;
  width:min(calc(100% - 40px),1280px);
  margin-inline:auto;
}
.kmc-inner-hero__copy{max-width:790px}
.kmc-inner-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:#ff9ca2;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.kmc-inner-hero__eyebrow>span{
  display:block;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,var(--kmc-inner-red),#ff6b73);
}
.kmc-inner-hero h1,
.kmc-academy .kmc-inner-hero h1,
.kmc-brands .kmc-inner-hero h1,
.kmc-projects .kmc-inner-hero h1{
  max-width:900px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,5.3vw,68px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.045em;
}
.kmc-inner-hero p,
.kmc-academy .kmc-inner-hero p,
.kmc-brands .kmc-inner-hero p,
.kmc-projects .kmc-inner-hero p{
  max-width:760px;
  margin:21px 0 0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  font-weight:400;
  line-height:1.78;
}
.kmc-inner-hero p+p{margin-top:10px;color:rgba(255,255,255,.58);font-size:14px}
.kmc-inner-hero__visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:310px;
  padding:24px;
}
.kmc-inner-hero__visual::before{
  content:"";
  position:absolute;
  width:min(31vw,360px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.075);
  border-radius:50%;
}
.kmc-inner-hero__visual::after{
  content:"";
  position:absolute;
  width:min(23vw,260px);
  aspect-ratio:1;
  border:1px solid rgba(226,13,24,.20);
  border-radius:50%;
}
.kmc-inner-hero__visual img{
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,430px);
  max-height:210px;
  object-fit:contain;
  opacity:.94;
  filter:drop-shadow(0 20px 45px rgba(0,0,0,.25));
}
.kmc-inner-hero__logo-fallback{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:160px;
  height:160px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#fff;
  font-size:48px;
  font-weight:600;
  letter-spacing:-.06em;
}
.kmc-inner-hero__extra{margin-top:26px}
.kmc-inner-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.kmc-inner-hero__button,
.kmc-inner-hero .kmc-academy__btn,
.kmc-inner-hero button.kmc-academy__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:46px!important;
  padding:0 18px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:.22s ease!important;
}
.kmc-inner-hero__button--red,
.kmc-inner-hero .kmc-academy__btn,
.kmc-inner-hero button.kmc-academy__btn{
  border-color:var(--kmc-inner-red)!important;
  background:var(--kmc-inner-red)!important;
}
.kmc-inner-hero__button:hover,
.kmc-inner-hero__button:focus,
.kmc-inner-hero .kmc-academy__btn:hover,
.kmc-inner-hero .kmc-academy__btn:focus{
  border-color:#fff!important;
  background:#fff!important;
  color:#111214!important;
  transform:translateY(-2px)!important;
}
.kmc-inner-hero__button svg{width:15px;height:15px}
.kmc-inner-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.kmc-inner-hero__meta-item{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:178px;
  min-height:62px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
}
.kmc-inner-hero__meta-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:var(--kmc-inner-red);
  color:#fff;
}
.kmc-inner-hero__meta-icon svg{width:18px;height:18px}
.kmc-inner-hero__meta-item>span:last-child{display:flex;flex-direction:column;gap:3px}
.kmc-inner-hero__meta-item strong{color:#fff;font-size:17px;font-weight:650;line-height:1}
.kmc-inner-hero__meta-item small{color:rgba(255,255,255,.55);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:980px){
  .kmc-inner-hero{min-height:575px;padding:100px 0 88px}
  .kmc-inner-hero__container{grid-template-columns:minmax(0,1fr) minmax(210px,.55fr);gap:34px}
  .kmc-inner-hero__visual{min-height:240px}
  .kmc-inner-hero__visual img{max-width:320px;max-height:150px}
}
@media(max-width:720px){
  .kmc-inner-hero{min-height:550px;padding:88px 0 78px}
  .kmc-inner-hero::before{right:-220px;top:-235px;width:430px;height:430px;border-width:58px}
  .kmc-inner-hero__container{grid-template-columns:1fr;gap:28px;width:min(calc(100% - 24px),1280px)}
  .kmc-inner-hero h1,
  .kmc-academy .kmc-inner-hero h1,
  .kmc-brands .kmc-inner-hero h1,
  .kmc-projects .kmc-inner-hero h1{font-size:clamp(32px,10vw,43px);line-height:1.02}
  .kmc-inner-hero p,
  .kmc-academy .kmc-inner-hero p,
  .kmc-brands .kmc-inner-hero p,
  .kmc-projects .kmc-inner-hero p{font-size:14px;line-height:1.7}
  .kmc-inner-hero__visual{min-height:150px;padding:0 18px;justify-content:start}
  .kmc-inner-hero__visual::before,.kmc-inner-hero__visual::after{display:none}
  .kmc-inner-hero__visual img{width:min(78%,300px);max-height:115px}
  .kmc-inner-hero__watermark{left:6px;right:0;bottom:-4px;width:calc(100% - 6px);font-size:min(115px,var(--kmc-watermark-font,12.5vw))}
  .kmc-inner-hero__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .kmc-inner-hero__meta-item{min-width:0}
}
@media(max-width:430px){
  .kmc-inner-hero__meta{grid-template-columns:1fr}
  .kmc-inner-hero__actions{align-items:stretch}
  .kmc-inner-hero__button,.kmc-inner-hero .kmc-academy__btn{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .kmc-inner-hero *{transition:none!important;animation:none!important}
}


/* v1.11.03 — hero logo halkalarında yavaş ters yönlü dönüş + hafif pulse */
.kmc-inner-hero__visual::before,
.kmc-inner-hero__visual::after{
  transform-origin:50% 50%;
  will-change:transform,opacity;
  border-width:1px;
  background-repeat:no-repeat;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
}
.kmc-inner-hero__visual::before{
  background:conic-gradient(
    from 18deg,
    rgba(255,255,255,.04) 0 12%,
    rgba(255,255,255,.30) 12% 18%,
    rgba(255,255,255,.055) 18% 54%,
    rgba(226,13,24,.34) 54% 61%,
    rgba(255,255,255,.04) 61% 100%
  );
  animation:kmcInnerRingClockwise 34s linear infinite;
}
.kmc-inner-hero__visual::after{
  background:conic-gradient(
    from 210deg,
    rgba(226,13,24,.08) 0 20%,
    rgba(226,13,24,.48) 20% 28%,
    rgba(226,13,24,.08) 28% 66%,
    rgba(255,255,255,.24) 66% 72%,
    rgba(226,13,24,.08) 72% 100%
  );
  animation:kmcInnerRingCounter 27s linear infinite;
}
@keyframes kmcInnerRingClockwise{
  0%{transform:rotate(0deg) scale(1);opacity:.72}
  25%{opacity:.92}
  50%{transform:rotate(180deg) scale(1.025);opacity:.82}
  75%{opacity:.95}
  100%{transform:rotate(360deg) scale(1);opacity:.72}
}
@keyframes kmcInnerRingCounter{
  0%{transform:rotate(0deg) scale(1);opacity:.82}
  50%{transform:rotate(-180deg) scale(.975);opacity:1}
  100%{transform:rotate(-360deg) scale(1);opacity:.82}
}


/* v1.11.05 — görünürlüğü artırılmış kesik hero halkaları */
.kmc-inner-hero__visual::before{
  border-color:rgba(255,255,255,.16)!important;
  background:repeating-conic-gradient(from 5deg,rgba(255,255,255,.72) 0 2deg,transparent 2deg 8deg)!important;
  opacity:.82;
}
.kmc-inner-hero__visual::after{
  border-color:rgba(226,13,24,.28)!important;
  background:repeating-conic-gradient(from 0deg,rgba(226,13,24,.92) 0 34deg,transparent 34deg 60deg)!important;
  box-shadow:0 0 30px rgba(226,13,24,.12);
  opacity:.9;
}


/* v1.11.10 — iç sayfa hero mobil yerleşim / logo halkaları */
@media(max-width:720px){
  .kmc-inner-hero{
    min-height:auto!important;
    padding:124px 0 64px!important;
    align-items:flex-start!important;
  }
  .kmc-inner-hero::before{
    right:-118px!important;
    top:-92px!important;
    width:300px!important;
    height:300px!important;
    border-width:44px!important;
    opacity:.7;
  }
  .kmc-inner-hero__container{
    grid-template-columns:1fr!important;
    gap:28px!important;
    width:min(calc(100% - 28px),1280px)!important;
  }
  .kmc-inner-hero__copy{
    max-width:100%!important;
  }
  .kmc-inner-hero__eyebrow{
    gap:9px!important;
    margin-bottom:14px!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
  }
  .kmc-inner-hero__eyebrow>span{
    width:25px!important;
  }
  .kmc-inner-hero h1,
  .kmc-academy .kmc-inner-hero h1,
  .kmc-brands .kmc-inner-hero h1,
  .kmc-projects .kmc-inner-hero h1{
    max-width:100%!important;
    font-size:clamp(30px,8.7vw,39px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
  .kmc-inner-hero p,
  .kmc-academy .kmc-inner-hero p,
  .kmc-brands .kmc-inner-hero p,
  .kmc-projects .kmc-inner-hero p{
    max-width:100%!important;
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.72!important;
  }
  .kmc-inner-hero p+p{
    margin-top:8px!important;
    font-size:13px!important;
  }
  .kmc-inner-hero__extra{
    margin-top:20px!important;
  }
  .kmc-inner-hero__visual{
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:190px!important;
    padding:8px 0 12px!important;
  }
  .kmc-inner-hero__visual::before,
  .kmc-inner-hero__visual::after{
    display:block!important;
    left:50%!important;
    top:50%!important;
  }
  .kmc-inner-hero__visual::before{
    width:220px!important;
    height:220px!important;
    margin:-110px 0 0 -110px!important;
  }
  .kmc-inner-hero__visual::after{
    width:158px!important;
    height:158px!important;
    margin:-79px 0 0 -79px!important;
  }
  .kmc-inner-hero__visual img{
    width:min(68vw,235px)!important;
    max-width:235px!important;
    max-height:92px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  .kmc-inner-hero__logo-fallback{
    width:92px!important;
    height:92px!important;
    font-size:30px!important;
  }
  .kmc-inner-hero__watermark{
    left:4px!important;
    right:0!important;
    bottom:-3px!important;
    width:calc(100% - 4px)!important;
    font-size:min(96px,var(--kmc-watermark-font,12.5vw))!important;
  }
  .kmc-inner-hero__meta{
    gap:8px!important;
  }
  .kmc-inner-hero__meta-item{
    min-height:58px!important;
    padding:9px 11px!important;
    backdrop-filter:none!important;
  }
}
@media(max-width:430px){
  .kmc-inner-hero{
    padding-top:120px!important;
    padding-bottom:58px!important;
  }
  .kmc-inner-hero h1,
  .kmc-academy .kmc-inner-hero h1,
  .kmc-brands .kmc-inner-hero h1,
  .kmc-projects .kmc-inner-hero h1{
    font-size:clamp(29px,9vw,35px)!important;
    line-height:1.07!important;
  }
  .kmc-inner-hero__visual{
    min-height:174px!important;
  }
  .kmc-inner-hero__visual::before{
    width:198px!important;
    height:198px!important;
    margin:-99px 0 0 -99px!important;
  }
  .kmc-inner-hero__visual::after{
    width:142px!important;
    height:142px!important;
    margin:-71px 0 0 -71px!important;
  }
  .kmc-inner-hero__visual img{
    width:min(64vw,205px)!important;
    max-width:205px!important;
    max-height:82px!important;
  }
}
