/* About: the people behind every journey. */
#about-team {
  --ot-ink: #35271e;
  --ot-gold: #b78a43;
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 90% 10%, #efe3c9 0, transparent 50%), #f8f4e9;
  color: var(--ot-ink);
  border-block: 1px solid #e9e1cf;
}
#about-team *, #about-team *::before, #about-team *::after { box-sizing: border-box; }
#about-team .ot-canvas { position: relative; max-width: 1600px; margin: auto; }
#about-team .ot-inner { position: relative; z-index: 1; display: grid; align-items: center; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 4vw, 72px); padding: clamp(48px, 5vw, 80px) clamp(24px, 5vw, 80px); }
#about-team .ot-topo { position: absolute; left: -70px; bottom: 0; width: 170px; height: 400px; opacity: .32; pointer-events: none; }
#about-team .ot-corner { position: absolute; left: -18px; top: -25px; width: 105px; height: 105px; opacity: .65; pointer-events: none; }
#about-team .ot-label { display: flex; align-items: center; gap: 12px; color: #9b7136; }
#about-team .ot-label-leaf { width: 17px; height: 17px; }
#about-team .ot-label b { width: 44px; height: 1px; background: #b78a43; opacity: .6; }
#about-team .ot-title { margin: 18px 0 22px; font-family: 'Source Serif 4', Georgia, serif; color: var(--ot-ink); }
#about-team .ot-title em { color: #95703c; font-weight: 500; }
#about-team .ot-p1, #about-team .ot-p2 { margin: 0; color: #665d50; text-align: left; }
#about-team .ot-values { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }
#about-team .ot-values li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #e1d7c1; border-radius: 7px; background: #fffaf0; color: #5f503b; font-size: 12px; font-weight: 600; }
#about-team .ot-values i { color: #aa7c39; font-size: 12px; }
html body #about-team .ot-values li:not(#_):not(#_) { font-size: 12px !important; line-height: 1.4 !important; }
#about-team .ot-note { padding: 0 0 0 18px; border-left: 2px solid #c7a467; }
#about-team .ot-note-title { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 700; color: #493b2b; }
#about-team .ot-signature { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
#about-team .ot-signature > i { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #eae0cb; color: #997238; }
html body #about-team .ot-script:not(#_):not(#_) { margin: 0; font: 600 27px/1.2 'Caveat', cursive !important; color: #826338; }
#about-team .ot-media { min-width: 0; padding: 10px; background: #fffcf5; border: 1px solid #e4d9c1; border-radius: 24px; box-shadow: 0 24px 60px -35px #6b512c66; }
#about-team .ot-stage { position: relative; }
#about-team .ot-brush { overflow: hidden; border-radius: 16px; }
#about-team .ot-brush img { display: block; width: 100%; height: auto; }
@media (max-width: 959px) {
  #about-team .ot-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; max-width: 740px; margin: auto; }
  #about-team .ot-corner { width: 75px; height: 75px; opacity: .4; }
  #about-team .ot-tbr { display: none; }
}
@media (max-width: 479px) {
  #about-team .ot-inner { padding: 36px 20px; }
  #about-team .ot-values { gap: 7px; }
  #about-team .ot-values li { padding: 7px 9px; font-size: 11px; }
  #about-team .ot-media { padding: 6px; border-radius: 19px; }
}
