.page-about .container--narrow{
  max-width:960px;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

.page-about .about-block{
  padding: 50px 0;
}

.page-about .about-title{
  font-size:28px;
  line-height:1.4;
  letter-spacing:0.02em;
  margin:0 0 32px;
  font-weight:500;
}

.page-about .about-message{
  position:relative;
  margin:0 0 76px;
  --media-w:303px;
  --media-gap: -58px;
  --media-overhang-x: 117px;
  --media-overhang-y: 85px;
  --avoid-h: 180px;
}

.page-about .about-message__body{
  background:#fff;
  box-shadow:0 0 32px rgba(0,0,0,0.05);
  padding:48px 56px 48px;
  font-size: 14px;
  line-height:1.9;
  position:relative;
  overflow:visible;
}

.page-about .about-message__body::after{
  content:"";
  display:block;
  clear:both;
}

.page-about .about-message__body p{
  margin:0 0 16px;
}

.page-about .about-message__avoid{
  float:right;
  width:calc(var(--media-w) + var(--media-gap));
  height:var(--avoid-h);
  margin:4px 0 8px var(--media-gap);
}

.page-about .about-message__media{
  position:absolute;
  right:calc(var(--media-overhang-x) * -1);
  bottom:calc(var(--media-overhang-y) * -1);
  width:var(--media-w);
  margin:0;
  z-index:2;
}

.page-about .about-message__media img{
  width:100%;
  height:auto;
  display:block;
  box-shadow:0 12px 28px rgba(0,0,0,0.14);
}

.page-about .about-sign{
  margin-top:22px;
}

.page-about .about-sign p{
  margin:0;
  line-height:1.7;
  font-weight:400;
}

.page-about .about-sign__company{
  font-weight:500;
}

.page-about .about-sign__role{
  margin-top:2px;
}

.page-about .about-sign__name{
  font-weight:600;
  margin-top:2px;
}

@media (max-width:960px){
  .page-about .about-message{
    margin:0;
  }
  .page-about .about-message__avoid{
    display:none;
  }
  .page-about .about-message__media{
    position:static;
    width:min(420px, 100%);
    margin:20px 0 0 auto;
  }
  .page-about .about-message__body{
    padding:32px 22px 30px;
  }
}

.page-about .about-block.is-centered .about-title,
.page-about .about-block.is-centered .about-lead{
  text-align:center;
}

.page-about .about-prose{
  font-size: 14px;
  line-height:1.9;
}

.page-about .about-prose p{
  margin:0 0 16px;
}

.page-about .about-lead{
  margin: 0 0 32px;
  font-size:14px;
  line-height:1.8;
}

/* ===== Experience lines (two-tone rules) ===== */
.page-about{
  --exp-line-a: rgba(0,0,0,.12);
  --exp-line-b: rgba(22,36,70,.22);
}

.page-about .about-exp{
  border-top:1px solid var(--exp-line-a);
}

/* Desktop: keep clean 2-column balance (left/right = 1:1) */
.page-about .about-exp__row{
  --exp-row-min-h: 190px;
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:56px;
  padding:22px 0;
  border-bottom:1px solid var(--exp-line-a);
  min-height:var(--exp-row-min-h);
  align-items:start;
}

.page-about .about-exp__row:nth-child(even){
  border-bottom-color:var(--exp-line-b);
}

.page-about .about-exp__left,
.page-about .about-exp__right{
  min-width:0;
}

.page-about .about-exp__kicker{
  margin: 0 0 14px;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight: 500;
}

.page-about .about-exp__title{
  margin:0;
  font-size: 18px;
  line-height:1.6;
}

.page-about .about-exp__list{
  margin:0;
  padding-left:18px;
  font-size:14px;
  line-height:1.85;
}

.page-about .about-exp__list li{
  margin:0 0 8px;
}

@media (max-width:820px){
  .page-about .container--narrow{
    padding-left:18px;
    padding-right:18px;
  }
  .page-about .about-exp__row{
    column-gap:36px;
    --exp-row-min-h:156px;
  }
}

@media (max-width:640px){
  .page-about .container--narrow{
    padding-left:16px;
    padding-right:16px;
  }
  .page-about .about-exp__row{
    grid-template-columns:1fr;
    row-gap:10px;
    min-height:0;
    --exp-row-min-h:0px;
  }
}

.page-about .hero{
  background-image:url("/assets/img/hero-page.jpg") !important;
  background-size:cover;
  background-position:center;
  padding:120px 0 72px;
}

.page-about .hero .hero-inner{
  text-align:center;
}

.page-about .hero .hero-title,
.page-about .hero .hero-lead{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

@media (max-width:768px){
  .page-about .hero{
    padding:96px 0 64px;
  }
}

.page-about .about-exp{
  border-top:none;
}

.page-about .about-exp__row{
  position:relative;
  border-bottom:none;
}

.page-about .about-exp__row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 1.25px;
  background: linear-gradient(to right, #3e4e77 0%, #0e183069 120px, #e6e8ef 373px, #e6e8ef30 100%);
}

.spacer {
  margin:32px;
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(220px, 34vw, 303px);
    --media-overhang-x: clamp(36px, 10vw, 116px);
    --media-overhang-y: clamp(20px, 6vw, 53px);
    --media-gap: clamp(-40px, -6vw, -52px);
    --avoid-h: clamp(160px, 26vw, 200px);
    margin:0 0 76px;
  }

  .page-about .about-message__body{
    padding:44px 44px 44px;
  }

  .page-about .about-message__avoid{
    display:block;
  }

  .page-about .about-message__media{
    position:absolute;
    right:calc(var(--media-overhang-x) * -1);
    bottom:calc(var(--media-overhang-y) * -1);
    width:var(--media-w);
    margin:0;
  }
}

@media (max-width:600px){
  .page-about .about-message{
    margin:0;
  }

  .page-about .about-message__avoid{
    display:none;
  }

  .page-about .about-message__media{
    position:static;
    width:min(420px, 100%);
    margin:20px 0 0 auto;
  }

  .page-about .about-message__body{
    padding:32px 22px 30px;
  }
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(220px, 34vw, 303px);
    --media-overhang-x: clamp(36px, 10vw, 116px);
    --media-overhang-y: clamp(20px, 6vw, 53px);
    --media-gap: clamp(-40px, -6vw, -52px);
    --avoid-h: clamp(160px, 26vw, 200px);
  }
  .page-about .about-message__body{
  background:#fff;
  box-shadow:0 0 32px rgba(0,0,0,0.05);
  padding: 48px 32px 48px;
  font-size: 14px;
  line-height:1.9;
  position:relative;
  overflow:visible;
  margin-bottom: -75px;
}
}

@media (max-width:767px){
  .page-about .about-message__media{
    display:none;
  }
  .page-about .about-message__avoid{
    display:none;
  }
}

@media (max-width:960px){
  .page-about .about-message{
    --media-w: clamp(180px, 28vw, 303px);
    --media-overhang-x: clamp(24px, 8vw, 116px);
    --media-overhang-y: clamp(16px, 5vw, 53px);
    --media-gap: clamp(-32px, -5vw, -52px);
    --avoid-h: clamp(140px, 22vw, 200px);
  }

  .page-about .about-message__media{
    width:var(--media-w);
    max-width:100%;
  }
}

@media (max-width:820px){
  .page-about .about-message{
    --media-w: clamp(160px, 24vw, 240px);
    --media-overhang-x: clamp(16px, 6vw, 80px);
    --media-overhang-y: clamp(12px, 4vw, 40px);
    --avoid-h: clamp(120px, 18vw, 160px);
  }
}

@media (max-width:768px){
  .page-about .about-message__media{
    display:none;
  }
  .page-about .about-message__avoid{
    display:none;
  }
/*  .page-about .about-block{
  padding: 0px;*/
}
}

@media (max-width:960px){
  .page-about .about-message{
    --media-overhang-x: clamp(-12px, 2vw, 96px);
  }
}

@media (max-width:768px){
  .page-about .about-message{
    --media-overhang-x: -16px;
  }
  .about-profile {
    max-width: 240px;
    margin:0 auto;
    padding-bottom:50px;
}
    .about-profile img {
    /* border-radius: 200px; */
    box-shadow: 0px 3px 6px 2px rgba(171, 170, 170, 0.45);
}
}
@media (min-width:961px) and (max-width:1396px){
  .page-about .about-message{
    --media-overhang-x: clamp(-8px, 5.6vw, 64px);
  }
}

@media (max-width:600px){
  .page-about .about-message__body{
  padding: 48px 16px 48px;
  margin-top: -40px;
  margin-bottom: 20px;
}
}

@media (min-width:767px) {
.about-profile {
  display:none;
}