/* v1.0.3 — full-width translucent white page backplate.
   The theme supplies only the river background. The About plugin owns the
   white translucent surface and stretches it across the viewport behind the
   page content, while the content cards remain at their normal width. */
.ukrris-about-page{
    position:relative;
    isolation:isolate;
    width:100%;
    margin:0;
    padding:28px 0 64px;
    z-index:0;
}
.ukrris-about-page::before{
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    content:"";
    background:rgba(255,255,255,.78);
    border-radius:0 0 34px 34px;
    box-shadow:0 18px 58px rgba(5,54,82,.08);
    pointer-events:none;
}
.ukrris-about-page{--ink:#092433;--deep:#0a3d5a;--blue:#087eba;--muted:#5d7180;color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
.ukrris-about-page *{box-sizing:border-box}
.ukrris-about-page a{color:#006fa8}
.ukrris-about-service{display:grid;width:min(calc(100% - 36px),1440px);grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(28px,5vw,72px);margin:22px auto 34px;padding:clamp(28px,4vw,54px);border:1px solid rgba(10,115,166,.2);border-radius:32px;background:linear-gradient(145deg,#fff,#eff9fd);box-shadow:0 22px 60px rgba(5,54,82,.1)}
.ukrris-about-copy>span{color:#087eae;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ukrris-about-copy h2{margin:12px 0 20px;color:#092433;font-size:clamp(32px,4vw,54px);line-height:1.03;letter-spacing:-.045em}
.ukrris-about-copy p{color:#526b7d;font-size:17px;line-height:1.7}
.ukrris-about-button{display:inline-flex;margin-top:10px;padding:13px 17px;border:1px solid #087eae;border-radius:14px;color:#fff!important;background:#087eae;font-weight:800;text-decoration:none!important;box-shadow:0 10px 24px rgba(8,126,174,.2);transition:.16s ease}
.ukrris-about-button:hover,.ukrris-about-button:focus-visible{border-color:#064b70;background:#064b70;transform:translateY(-2px)}
.ukrris-about-points{display:grid;gap:12px}
.ukrris-about-points article{display:grid;grid-template-columns:48px 1fr;gap:3px 14px;padding:18px;border:1px solid rgba(8,126,174,.14);border-radius:20px;background:rgba(255,255,255,.82)}
.ukrris-about-points b{grid-row:1/3;display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#087eae;background:#e4f6fd}
.ukrris-about-points strong{color:#102838;font-size:17px}.ukrris-about-points span{color:#587083;line-height:1.5}
.ukrris-contact-directory{width:min(calc(100% - 36px),1440px);margin:20px auto 34px}
.ukrris-contact-intro{max-width:820px;margin-bottom:24px}
.ukrris-contact-intro>span{display:inline-flex;margin-bottom:10px;padding:7px 11px;border:1px solid rgba(5,127,186,.18);border-radius:999px;background:rgba(225,246,255,.78);color:#087eba;font-size:13px;font-weight:780;letter-spacing:.04em;text-transform:uppercase}
.ukrris-contact-intro h2{margin:0 0 10px;color:var(--ink);font-size:clamp(30px,4vw,52px);letter-spacing:-.035em;line-height:1.04}
.ukrris-contact-intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.ukrris-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ukrris-contact-card{position:relative;isolation:isolate;display:flex;min-width:0;flex-direction:column;gap:20px;padding:clamp(24px,3vw,36px);overflow:hidden;border:1px solid rgba(10,115,166,.22);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(0,155,214,.12),transparent 34%),linear-gradient(155deg,#fff 0%,#fbfdff 72%,#f1f9fd 100%);box-shadow:0 18px 48px rgba(5,54,82,.1),0 2px 8px rgba(5,54,82,.05);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.ukrris-contact-card:before{position:absolute;z-index:-1;top:0;right:0;left:0;height:6px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,#006da5 0%,#00a6d9 58%,#6ed5ef 100%);content:""}
.ukrris-contact-card:hover{border-color:rgba(6,132,190,.4);box-shadow:0 24px 64px rgba(5,54,82,.14),0 3px 10px rgba(5,54,82,.06);transform:translateY(-3px)}
.ukrris-contact-card h3{margin:0;padding-bottom:16px;border-bottom:1px solid rgba(13,107,151,.2);color:var(--deep);font-size:clamp(21px,2vw,29px);line-height:1.22}
.ukrris-about-field{min-width:0}.ukrris-about-label{display:block;margin-bottom:6px;color:#087eba;font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.ukrris-about-value{color:var(--ink);font-size:15px;line-height:1.55;overflow-wrap:anywhere}.ukrris-about-value a{color:#006fa8;font-weight:720;text-decoration-thickness:1px;text-underline-offset:3px}
.ukrris-contact-zone{padding:16px 18px;border:1px solid rgba(2,134,190,.13);border-radius:18px;background:rgba(232,247,253,.72)}
.ukrris-contact-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ukrris-contact-channels .ukrris-about-field{min-height:92px;padding:15px 14px;border:1px solid rgba(8,130,183,.12);border-radius:17px;background:linear-gradient(145deg,#eff9fd,#e6f4fa)}
.ukrris-contact-details{padding:18px;border:1px solid rgba(11,107,151,.14);border-radius:18px;background:rgba(255,255,255,.78)}
@media(max-width:1080px){.ukrris-about-service{grid-template-columns:1fr}}
@media(max-width:900px){.ukrris-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ukrris-about-service,.ukrris-contact-directory{width:calc(100% - 20px)}.ukrris-about-service{padding:24px 18px;border-radius:24px}.ukrris-contact-card{padding:23px 18px;border-radius:24px}.ukrris-contact-card:before{border-radius:24px 24px 0 0}.ukrris-contact-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}




/* v1.1.0 — clean internal-page geometry based on the approved
   "Проєкт УкрРІС-Дунай" page standard.
   This plugin owns the About hero/content; the theme owns only the global
   top bar and shared page canvas. No legacy hero/page-spacing rules remain. */
html body.ris-modern.ris-route-about #content,
html body.ris-modern.ris-route-about #content > .ukrris-page-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
html body.ris-modern.ris-route-about #content > .ukrris-page-inner > h1{
    display:none!important;
    margin:0!important;
    padding:0!important;
}

/* Hero: same geometry as the approved Project Danube hero. */
html body.ris-modern.ris-route-about .ukrris-about-hero{
    position:relative!important;
    z-index:5!important;
    display:block!important;
    width:min(1440px,calc(100% - clamp(20px,4vw,64px)))!important;
    max-width:1440px!important;
    min-height:clamp(520px,calc(100vh - 120px),690px)!important;
    height:auto!important;
    margin:0 auto 28px!important;
    padding:0!important;
    border-radius:32px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
    background-image:var(--ukrris-about-hero-bg)!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-color:#073b53!important;
    box-shadow:none!important;
}
html body.ris-modern.ris-route-about .ukrris-about-hero-content{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    width:calc(100% - clamp(40px,6vw,84px))!important;
    max-width:none!important;
    min-height:clamp(520px,calc(100vh - 120px),690px)!important;
    margin:0 auto!important;
    padding:0 0 38px!important;
    box-sizing:border-box!important;
}
html body.ris-modern.ris-route-about .ukrris-about-hero-eyebrow{
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:clamp(14px,1.3vw,19px)!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-shadow:0 2px 10px rgba(0,0,0,.30)!important;
}
html body.ris-modern.ris-route-about .ukrris-about-hero h1{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(40px,5vw,72px)!important;
    line-height:.98!important;
    font-weight:850!important;
    letter-spacing:-.045em!important;
    text-shadow:0 3px 16px rgba(0,0,0,.35)!important;
}

/* Page backplate: same layer logic as Project Danube — it starts below the
   hero and never paints over it. */
html body.ris-modern.ris-route-about .ukrris-about-page{
    position:relative!important;
    z-index:0!important;
    width:min(1440px,100%)!important;
    max-width:1440px!important;
    min-height:calc(100vh - 140px)!important;
    margin:0 auto!important;
    padding:0 clamp(16px,3vw,42px) 70px!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
}
html body.ris-modern.ris-route-about .ukrris-about-page::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    bottom:0!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(210,226,233,.62)!important;
    border-radius:34px 34px 0 0!important;
    box-shadow:none!important;
    backdrop-filter:blur(1.5px)!important;
    -webkit-backdrop-filter:blur(1.5px)!important;
    pointer-events:none!important;
}
html body.ris-modern.ris-route-about .ukrris-about-page > *{
    position:relative!important;
    z-index:1!important;
}
html body.ris-modern.ris-route-about .ukrris-about-service{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0 auto 34px!important;
}

@media(max-width:900px){
    html body.ris-modern.ris-route-about .ukrris-about-hero{
        width:calc(100% - 28px)!important;
        min-height:clamp(520px,calc(100svh - 170px),650px)!important;
        margin-bottom:22px!important;
        border-radius:26px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-hero-content{
        width:calc(100% - 36px)!important;
        min-height:clamp(520px,calc(100svh - 170px),650px)!important;
        padding:0 0 30px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-page{
        width:100%!important;
        max-width:none!important;
        padding:0 18px 52px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-page::before{
        border-radius:26px 26px 0 0!important;
    }
}
@media(max-width:620px){
    html body.ris-modern.ris-route-about .ukrris-about-hero{
        width:calc(100% - 20px)!important;
        min-height:520px!important;
        margin-bottom:18px!important;
        border-radius:22px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-hero-content{
        width:calc(100% - 28px)!important;
        min-height:520px!important;
        padding:0 0 24px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-hero h1{
        font-size:38px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-page{
        padding:0 10px 44px!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-page::before{
        border-radius:22px 22px 0 0!important;
    }
    html body.ris-modern.ris-route-about .ukrris-about-service{
        margin-bottom:24px!important;
    }
}

/* v1.1.1 — desktop geometry aligned to the approved Project Danube canvas.
   Desktop keeps the 1440px page width without the extra viewport-side inset;
   the hero sits directly above the page backplate. Mobile/tablet rules remain unchanged. */
@media (min-width:901px){
  html body.ris-modern.ris-route-about .ukrris-about-hero{
    width:min(1440px,100%)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    border-radius:32px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-hero-content{
    width:calc(100% - 96px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-page{
    width:min(1440px,100%)!important;
    max-width:1440px!important;
    margin:0 auto!important;
  }
}

/* v1.1.2 — About page uses the same route-level canvas geometry as Project Danube.
   The global theme keeps its shared rules, while this route opts out of the
   generic inner-page top spacing and uses the viewport for its Hero/backplate. */
html body.ris-modern.ris-route-about #wrap{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
}
html body.ris-modern.ris-route-about #content,
html body.ris-modern.ris-route-about #content > .col_9,
html body.ris-modern.ris-route-about #content > .ukrris-page-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
html body.ris-modern.ris-route-about .ukrris-about-hero{
    width:100vw!important;
    max-width:none!important;
    min-height:690px!important;
    height:auto!important;
    margin:0!important;
    border-radius:0 0 32px 32px!important;
    overflow:hidden!important;
    background-image:var(--ukrris-about-hero-bg)!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
html body.ris-modern.ris-route-about .ukrris-about-hero-content{
    width:min(calc(100vw - 96px),1440px)!important;
    max-width:none!important;
    min-height:690px!important;
    margin:0 auto!important;
    padding:0 0 38px!important;
    box-sizing:border-box!important;
}
html body.ris-modern.ris-route-about .ukrris-about-page{
    width:100%!important;
    max-width:none!important;
    min-height:calc(100vh - 140px)!important;
    margin:0!important;
    padding:28px 0 70px!important;
    box-sizing:border-box!important;
}
html body.ris-modern.ris-route-about .ukrris-about-page::before{
    top:0!important;
    bottom:0!important;
    left:50%!important;
    width:100vw!important;
    transform:translateX(-50%)!important;
    border-radius:34px 34px 0 0!important;
}
html body.ris-modern.ris-route-about .ukrris-about-service,
html body.ris-modern.ris-route-about .ukrris-contact-directory{
    width:min(calc(100% - 36px),1440px)!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

@media(max-width:900px){
  html body.ris-modern.ris-route-about #wrap{padding-top:0!important;}
  html body.ris-modern.ris-route-about .ukrris-about-hero{
      width:100vw!important;
      min-height:clamp(520px,calc(100svh - 170px),650px)!important;
      margin:0!important;
      border-radius:0 0 26px 26px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-hero-content{
      width:calc(100% - 36px)!important;
      min-height:clamp(520px,calc(100svh - 170px),650px)!important;
      padding-bottom:30px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-page{
      width:100%!important;
      padding:22px 18px 52px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-page::before{
      border-radius:26px 26px 0 0!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-service,
  html body.ris-modern.ris-route-about .ukrris-contact-directory{
      width:100%!important;
      max-width:none!important;
  }
}

@media(max-width:620px){
  html body.ris-modern.ris-route-about .ukrris-about-hero{
      min-height:520px!important;
      border-radius:0 0 22px 22px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-hero-content{
      width:calc(100% - 28px)!important;
      min-height:520px!important;
      padding-bottom:24px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-page{
      padding:18px 10px 44px!important;
  }
  html body.ris-modern.ris-route-about .ukrris-about-page::before{
      border-radius:22px 22px 0 0!important;
  }
}


/* v1.1.3 — requested visual adjustments only:
   - full-width backplate uses the site-standard white opacity (78%);
   - hero has sharp rectangular corners on every viewport;
   - cards, buttons, fields and other content forms retain their rounded shapes. */
html body.ris-modern.ris-route-about .ukrris-about-hero {
    border-radius: 0 !important;
}
html body.ris-modern.ris-route-about .ukrris-about-page::before {
    background: rgba(255, 255, 255, .78) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}