/* PLATONIK V24 | Viking-inspired corporate section – genuine supplied mark */
.site--platonik main > .about-section {
  min-height: min(900px, 100svh);
  padding: clamp(108px, 12vh, 155px) var(--gutter) clamp(95px, 12vh, 140px);
  overflow: clip;
  background: transparent !important;
}
.site--platonik .about-grid {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  column-gap:clamp(60px,7vw,130px);
  max-width:1540px;
  align-items:center;
  margin:0 auto;
}
.site--platonik .about-copy { position:relative; z-index:2; }
.site--platonik .about-copy h2 {
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(39px,3.25vw,61px) !important;
  line-height:1.105 !important;
  letter-spacing:-.042em !important;
  max-width:760px;
  text-wrap:balance;
}
.site--platonik .about-copy > p {line-height:1.7 !important;font-size:clamp(17px,1.09vw,20px) !important;max-width:630px;}
.site--platonik .brand-stat--v21 {
  width:100%;max-width:none;
  height:clamp(400px,35vw,540px);
  min-height:0;
  isolation:isolate;
  position:relative;
  display:block;
  overflow:visible;
}
/* The one soft panel is integrated into the section; no extra rings or diagonal stripes */
.site--platonik .brand-stat--v21::before {
  position:absolute;content:"";
  left:0;right:0;top:18%;bottom:17%;
  border-radius:17px;
  background:linear-gradient(115deg,rgba(0,38,153,.66),rgba(10,41,161,.38));
  border:1px solid rgba(234,244,255,.12);
  box-shadow:0 30px 65px rgba(12,26,110,.13);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.site--platonik .brand-stat--v21::after{display:none;content:none;}
.site--platonik .about-stat-panel {
  position:absolute;
  left:8%;top:50%;transform:translateY(-52%);
  width:54%;height:auto;padding:0;
  align-items:flex-start;
  z-index:4;
  background:none;border:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.site--platonik .about-stat-number {
  font:800 clamp(125px,11vw,208px)/.86 Arial,Helvetica,sans-serif;
  color:#fff;
  letter-spacing:-.065em;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  text-shadow:0 8px 20px rgba(16,38,126,.08);
}
.site--platonik .about-stat-label {
  margin-top:24px;
  max-width:360px;
  font:700 clamp(23px,2.05vw,34px)/1.12 Arial,Helvetica,sans-serif;
  letter-spacing:-.025em;
  text-align:left;
  color:#fff;
  white-space:nowrap;
}
.site--platonik .about-stat-rule {width:48px;height:2px;margin-top:20px;background:rgba(255,255,255,.8);}
.site--platonik .about-brand-symbol,
.site--platonik .about-brand-note {display:none !important;}
/* Preserve exact original shape from the user's transparent alpha mask.
   TWO independently moving gradients are clipped strictly to the symbol. */
.site--platonik .about-symbol-motion {
  position:absolute;
  z-index:3;
  right:-1.5%;
  top:7%;
  width:clamp(200px,42%,325px);
  aspect-ratio:560 / 549;
  display:block;
  pointer-events:none;
  overflow:visible;
  isolation:isolate;
  filter:drop-shadow(0 16px 28px rgba(38,56,178,.18));
  animation:platonik-mark-float 7s ease-in-out infinite alternate;
}
.site--platonik .about-symbol-motion::before,
.site--platonik .about-symbol-motion::after {
  content:""; position:absolute;inset:0;display:block;
  -webkit-mask-image:url('../images/platonik-dort-uc-sembol-mask.png');
  mask-image:url('../images/platonik-dort-uc-sembol-mask.png');
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-position:center;mask-position:center;
}
.site--platonik .about-symbol-motion::before {
  background:linear-gradient(130deg,
    #25b6f1 0%,#83d9ff 19%,#747cff 34%,
    #e36af4 53%,#a443ee 69%,#1db9f5 88%,#26c9e7 100%);
  background-size:260% 260%;
  animation:platonik-mark-aurora 8s ease-in-out infinite alternate;
}
.site--platonik .about-symbol-motion::after {
  background:linear-gradient(115deg,
    transparent 24%,rgba(255,255,255,.0) 40%,
    rgba(255,255,255,.29) 50%,rgba(255,255,255,.0) 60%,transparent 76%);
  background-size:270% 100%;
  background-position:130% 50%;
  mix-blend-mode:screen;
  animation:platonik-mark-light 6.5s ease-in-out infinite;
}
@keyframes platonik-mark-aurora {
  0%{background-position:0% 15%;filter:saturate(1.04)}
  55%{background-position:56% 85%;filter:saturate(1.15)}
  100%{background-position:100% 32%;filter:saturate(1.05)}
}
@keyframes platonik-mark-light {
  0%,10%{background-position:130% 50%;opacity:.30}
  57%{background-position:0% 50%;opacity:.70}
  100%{background-position:-70% 50%;opacity:.30}
}
@keyframes platonik-mark-float {from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media(max-width:1200px){
  .site--platonik .about-grid{column-gap:30px;}
  .site--platonik .about-stat-number{font-size:clamp(112px,10.5vw,165px)}
  .site--platonik .about-stat-label{font-size:clamp(19px,2vw,27px)}
  .site--platonik .about-symbol-motion{width:43%;right:1%;top:12%;}
}
@media(max-width:900px){
  .site--platonik main > .about-section {min-height:0;padding:94px 26px 74px}
  .site--platonik .about-grid {grid-template-columns:minmax(0,1fr);row-gap:22px;max-width:650px}
  .site--platonik .about-copy h2{font-size:clamp(35px,6.2vw,52px) !important}
  .site--platonik .brand-stat--v21{height:clamp(390px,55vw,480px)}
  .site--platonik .about-stat-number{font-size:clamp(135px,22vw,190px)}
  .site--platonik .about-stat-label{font-size:clamp(24px,4vw,32px)}
  .site--platonik .about-symbol-motion{width:40%;right:5%;top:11%}
}
@media(max-width:560px){
  .site--platonik main > .about-section {padding:88px 20px 65px}
  .site--platonik .about-grid{row-gap:24px}
  .site--platonik .about-copy h2{font-size:clamp(32px,8.6vw,43px) !important}
  .site--platonik .about-copy > p{font-size:16px !important}
  .site--platonik .brand-stat--v21{height:315px}
  .site--platonik .brand-stat--v21::before{top:18%;bottom:18%;border-radius:15px}
  .site--platonik .about-stat-panel{left:8%;top:49%;width:60%;}
  .site--platonik .about-stat-number{font-size:clamp(100px,26vw,145px)}
  .site--platonik .about-stat-label{font-size:clamp(17px,4.6vw,23px);margin-top:16px}
  .site--platonik .about-stat-rule{margin-top:14px}
  .site--platonik .about-symbol-motion{width:43%;right:2%;top:13%;}
}
@media(prefers-reduced-motion:reduce){
  .site--platonik .about-symbol-motion,
  .site--platonik .about-symbol-motion::before,
  .site--platonik .about-symbol-motion::after {animation:none !important;}
  .site--platonik .about-symbol-motion::before{background-position:48% 50%}
  .site--platonik .about-symbol-motion::after{opacity:.2;background-position:45% 50%}
}