/* Казачий диктант — 2026 | V6, immersive editorial monument.
   The source photograph remains unchanged; all visual effects are CSS-only.
   Depends on V5 split hero styles. */
.kd-split-hero.NewIntro_root {
  background:
    radial-gradient(ellipse 62% 88% at 80% 46%, rgba(35,92,132,.26) 0%, transparent 80%),
    radial-gradient(ellipse 44% 80% at 10% 72%, rgba(10,57,100,.25), transparent 74%),
    linear-gradient(121deg,#071a31 0%,#102c49 51%,#081b34 100%) !important;
  min-height: 780px !important;
  padding-top: 155px !important;
  padding-bottom: 92px !important;
}
.kd-split-hero.NewIntro_root::before {
  background:
    repeating-linear-gradient(135deg, transparent 0 44px, rgba(255,255,255,.018) 44px 45px, transparent 45px 96px) !important;
  opacity:.35 !important;
}
.kd-split-hero .kd-hero-inner {
  width:min(100%,1560px);
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  gap:clamp(18px,2.7vw,54px);
}
.kd-split-hero .kd-hero-eyebrow {border-left:0;padding-left:0;letter-spacing:.12em;}
.kd-split-hero .kd-hero-eyebrow::before {
  content:"";
  display:block;
  width:74px;
  height:3px;
  background:linear-gradient(to right,#f0ba73,rgba(240,186,115,0));
  margin-bottom:25px;
}
.kd-split-hero .kd-hero-heading-line {filter:drop-shadow(0 6px 14px rgba(0,0,0,.13));}
.kd-split-hero .kd-hero-year {color:#ffca77;}
.kd-split-hero .hero-content .kd-hero-register {border:1px solid rgba(255,231,175,.46);background:linear-gradient(145deg,#f9c679,#e8a746);box-shadow:0 15px 45px #0005, inset 0 1px 1px #fff7;}
/* Visual is a borderless photographic environment, not a card. */
.kd-split-hero .kd-hero-visual-v6 {
  position:relative;
  width:100%;
  height:clamp(500px,45vw,630px);
  min-width:0;
  isolation:isolate;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  overflow:visible;
}
.kd-split-hero .kd-hero-visual-v6::before {display:none !important;}
.kd-split-hero .kd-visual-halo {
  position:absolute;
  z-index:0;
  inset:-14% -12% -10%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 55% 45%, rgba(91,159,194,.23) 0%, rgba(27,72,116,.14) 33%, transparent 65%),
    radial-gradient(ellipse at 60% 86%, rgba(207,146,62,.13), transparent 49%);
  filter:blur(30px);
  pointer-events:none;
}
.kd-split-hero .kd-visual-arc {
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(238,187,111,.27);
  border-radius:50%;
  z-index:1;
  transform:rotate(-15deg);
}
.kd-split-hero .kd-visual-arc-outer {
  inset:8% 9% 14% 1%;
  border-right-color:rgba(238,187,111,.10);
  border-bottom-color:rgba(238,187,111,.05);
}
.kd-split-hero .kd-visual-arc-inner {
  inset:15% 16% 23% 10%;
  border-top-color:rgba(238,187,111,.2);
  border-left-color:rgba(238,187,111,.06);
  border-bottom-color:transparent;
}
.kd-split-hero .kd-visual-index {
  position:absolute;
  top:1%;
  right:3%;
  z-index:1;
  color:transparent;
  font:800 clamp(95px,12.5vw,196px)/1 Rubik,Arial,sans-serif;
  letter-spacing:-.09em;
  -webkit-text-stroke:1px rgba(180,211,235,.11);
  opacity:.7;
  user-select:none;
  pointer-events:none;
}
.kd-split-hero .kd-visual-photo-aura {
  position:absolute;
  z-index:1;
  inset:6% -10% 4%;
  background:url('../img/scale_1200.jpg') center / cover no-repeat;
  filter:blur(38px) saturate(.6) brightness(.6);
  opacity:.23;
  -webkit-mask-image:radial-gradient(ellipse 55% 55% at 54% 48%,#000 20%,transparent 100%);
  mask-image:radial-gradient(ellipse 55% 55% at 54% 48%,#000 20%,transparent 100%);
  pointer-events:none;
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {
  position:absolute;
  inset:0 -5% 0 -12%;
  z-index:2;
  width:auto;
  height:auto;
  margin:0;
  background:transparent !important;
  overflow:visible;
  border-radius:0 !important;
  aspect-ratio:auto !important;
  display:flex;
  align-items:center;
  justify-content:center;
  /* Fade the photographic edges into the site rather than cropping the statue. */
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 11%,#000 87%,transparent 100%);
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 11%,#000 87%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame img {
  width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  filter:contrast(1.07) saturate(.85) brightness(.9);
  border:0;
  border-radius:0;
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame::after {
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(90deg,rgba(7,26,49,.58) 0%,rgba(7,26,49,.04) 33%,rgba(7,26,49,0) 70%,rgba(7,26,49,.28) 100%),linear-gradient(0deg,rgba(7,26,49,.14),transparent 30%);
  pointer-events:none;
}
.kd-split-hero .kd-visual-corner {
  position:absolute;
  z-index:3;
  width:38px;
  height:38px;
  opacity:.75;
  border-color:rgba(251,198,113,.78);
  border-style:solid;
  pointer-events:none;
}
.kd-split-hero .kd-visual-corner-top {top:15%;right:1%;border-width:2px 2px 0 0;}
.kd-split-hero .kd-visual-corner-bottom {bottom:14%;left:0;border-width:0 0 2px 2px;}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {
  position:absolute;
  z-index:5;
  bottom:1%;
  left:8%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:0 0 0 18px;
  border:0;
  border-left:2px solid #edb96c;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
  color:#fff;
  letter-spacing:normal;
  text-transform:none;
  text-shadow:0 2px 12px rgba(4,12,31,.5);
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label::before {display:none;}
.kd-split-hero .kd-caption-kicker {
  font:700 10px/1.4 Rubik,Arial,sans-serif;
  color:#e4bd80;
  letter-spacing:.16em;
}
.kd-split-hero .kd-caption-title {
  font:500 clamp(15px,1.25vw,20px)/1.2 Rubik,Arial,sans-serif;
  color:#fff;
  letter-spacing:0;
}
@media (min-width: 901px) and (max-width:1180px) {
  .kd-split-hero.NewIntro_root {min-height:710px!important;padding-top:140px!important;padding-bottom:75px!important;}
  .kd-split-hero .kd-hero-inner {grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:12px;}
  .kd-split-hero .kd-hero-visual-v6 {height:clamp(460px,50vw,540px);}
}
@media (max-width:900px) {
  .kd-split-hero.NewIntro_root {min-height:0!important;padding:125px 24px 52px!important;}
  .kd-split-hero .kd-hero-inner {grid-template-columns:minmax(0,1fr);gap:2px;}
  .kd-split-hero .kd-hero-eyebrow {text-align:center!important;}
  .kd-split-hero .kd-hero-eyebrow::before {margin:0 auto 19px;}
  .kd-split-hero .kd-hero-visual-v6 {height:clamp(360px,72vw,530px);margin:8px auto 0!important;max-width:710px;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {inset:1% -5%;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {bottom:0;left:7%;}
  .kd-split-hero .kd-visual-arc-outer {inset:12% 9% 16% 5%;}
  .kd-split-hero .kd-visual-arc-inner {inset:20% 16% 23% 12%;}
}
@media (max-width:560px) {
  .kd-split-hero.NewIntro_root {padding:110px 12px 29px!important;}
  .kd-split-hero .kd-hero-inner {gap:4px;}
  .kd-split-hero .kd-hero-visual-v6 {height:clamp(260px,83vw,410px);margin:18px auto 0!important;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {inset:1% -10% 0 -10%;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {bottom:-4px;left:7%;padding-left:11px;gap:4px;}
  .kd-split-hero .kd-caption-kicker {font-size:8px;letter-spacing:.09em;}
  .kd-split-hero .kd-caption-title {font-size:14px;}
  .kd-split-hero .kd-visual-index {font-size:20vw;right:7%;top:8%;}
  .kd-split-hero .kd-visual-corner {width:23px;height:23px;opacity:.5;}
}
@media (max-width:365px) {
  .kd-split-hero .kd-hero-visual-v6 {height:250px;}
  .kd-split-hero .kd-caption-title {font-size:12px;}
}
@media (prefers-reduced-motion:reduce) { .kd-split-hero .kd-hero-register {transition:none!important;} }

/* V6 final art direction: heritage arch portal, without the former rectangular card. */
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {
  inset: 2% auto auto 50%;
  transform: translateX(-50%);
  width: min(75%, 610px);
  height: 92%;
  max-height: 590px;
  display:block;
  overflow:hidden;
  border:0;
  border-radius: 50% 50% 12% 12% / 38% 38% 7% 7% !important;
  background:#153554 !important;
  box-shadow: 0 40px 85px rgba(0,9,22,.38);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-over;
  mask-composite:add;
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame img {
  height:100%;
  width:100%;
  max-height:none;
  object-fit:cover;
  object-position:50% 50%;
  filter:contrast(1.08) saturate(.82) brightness(.93);
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame::after {
  background:linear-gradient(90deg,rgba(7,26,49,.36),transparent 30%,transparent 75%,rgba(7,26,49,.14)),linear-gradient(to bottom,rgba(5,24,46,.17),transparent 36%,rgba(5,24,46,.18));
}
.kd-split-hero .kd-hero-visual-v6::after {
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  inset:-1% auto auto 50%;
  transform:translateX(-50%);
  width:min(79%,640px);
  height:94%;
  border:1px solid rgba(244,197,121,.32);
  border-radius:50% 50% 12% 12% / 39% 39% 6% 6%;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 96%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 96%);
}
.kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {
  bottom:0;
  left:14%;
  padding:10px 0 10px 16px;
}
.kd-split-hero .kd-visual-corner {display:none;}
@media(max-width:900px) {
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {width:min(80%,510px);height:95%;max-height:none;top:0;}
  .kd-split-hero .kd-hero-visual-v6::after {width:min(84%,540px);height:96%;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {left:7%;bottom:-6px;}
}
@media(max-width:560px) {
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-frame {width:min(78%,350px);height:97%;top:0;}
  .kd-split-hero .kd-hero-visual-v6::after {width:min(82%,375px);height:98%;}
  .kd-split-hero .kd-hero-visual-v6 .kd-hero-photo-label {left:6%;bottom:-4px;}
}

/* V33: preserve the original V31 arch photograph while dissolving only
   the artificial rectangular lighting halo into the navy hero background. */
.kd-split-hero .kd-visual-halo {
  inset: -27% -34% -27%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse 48% 43% at 54% 47%,
      rgba(74, 135, 178, .26) 0%,
      rgba(53, 109, 150, .17) 29%,
      rgba(31, 76, 118, .07) 58%,
      transparent 91%),
    radial-gradient(ellipse 33% 27% at 51% 68%,
      rgba(206, 153, 86, .075) 0%, transparent 90%);
  filter: blur(52px);
  opacity: .75;
  pointer-events: none;
}
.kd-split-hero .kd-visual-photo-aura {
  /* An image-backed blurred rectangle caused the visible four hard edges.
     Use a soft, borderless radial light instead of duplicating the photo. */
  inset: -25% -28% -29%;
  background: radial-gradient(ellipse 45% 41% at 52% 46%,
    rgba(91, 156, 191, .24) 0%,
    rgba(48, 106, 153, .13) 37%,
    rgba(19, 63, 108, .04) 66%,
    transparent 94%);
  filter: blur(46px);
  opacity: .82;
  -webkit-mask-image: radial-gradient(ellipse 47% 43% at 52% 46%,
    #000 0%, rgba(0,0,0,.88) 32%, rgba(0,0,0,.38) 59%, transparent 86%);
  mask-image: radial-gradient(ellipse 47% 43% at 52% 46%,
    #000 0%, rgba(0,0,0,.88) 32%, rgba(0,0,0,.38) 59%, transparent 86%);
  pointer-events: none;
}