/* Original public-site photographs and typography. Scoped to the two people sections. */

/* v6 reviews: three compact video cards. Teacher styles below remain independent. */
.stories-v5 .section-head h2{font-size:clamp(34px,3.7vw,54px);line-height:1.1}
.stories-v5 .section-aside{font-size:15px;max-width:285px}
.stories-v5 .review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stories-v5 .review-card{display:flex;flex-direction:column;min-width:0;padding:10px;border-radius:25px;background:#fff;color:#171717;text-decoration:none;overflow:hidden}
.stories-v5 .review-diana{background:#e7e1fb}.stories-v5 .review-varvara{background:#f9e5f2}
.stories-v5 .review-media{position:relative;height:200px;overflow:hidden;border-radius:18px;background:#e2dce8;flex-shrink:0;isolation:isolate}
.stories-v5 .review-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#18131b42);pointer-events:none;z-index:0}
.stories-v5 .review-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.stories-v5 .review-yuri .review-media>img{object-position:center 41%}.stories-v5 .review-varvara .review-media>img{object-position:center 38%}
.stories-v5 .review-video-time{position:absolute;left:14px;bottom:13px;display:flex;align-items:center;gap:9px;background:#fff9;border:1px solid #fff5;backdrop-filter:blur(9px);color:#171717;padding:8px 11px;border-radius:100px;font-size:11px;line-height:1;z-index:1}
.stories-v5 .review-video-time i{font-size:10px;font-style:normal}
.stories-v5 .review-number{position:absolute;right:12px;top:12px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff27e;color:#171717;font-size:11px;transform:rotate(10deg);z-index:1}
.stories-v5 .review-copy{display:flex;flex-direction:column;flex:1;padding:18px 13px 8px}
.stories-v5 .review-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.stories-v5 .review-name h3{font-size:29px;line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:0}.stories-v5 .review-name>span{font-size:10px;line-height:1.3;color:#8a818e;white-space:nowrap}
.stories-v5 .review-result{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:12px 0 0;min-height:48px}
.stories-v5 .review-detail{font-size:13px;line-height:1.45;color:#7d747f;margin:6px 0 17px;min-height:38px}
.stories-v5 .review-watch{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #1717171c;padding-top:12px;margin-top:auto;font-size:12px;line-height:1.2}.stories-v5 .review-watch>span{font-size:24px;line-height:1}
.stories-v5 .review-card:focus-visible{outline:2px solid #7965b4;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion="paused"]):not([data-motion="background"]) .stories-v5 .review-card:hover .review-media>img{transform:scale(1.025)}}
@media(max-width:1000px){.stories-v5 .review-grid{gap:12px}.stories-v5 .review-card{padding:8px;border-radius:23px}.stories-v5 .review-media{height:190px;border-radius:16px}.stories-v5 .review-copy{padding:15px 10px 8px}.stories-v5 .review-name{align-items:flex-start;flex-direction:column;gap:5px}.stories-v5 .review-name h3{font-size:27px}.stories-v5 .review-result{font-size:18px;min-height:46px}.stories-v5 .review-detail{font-size:12px;min-height:52px}.stories-v5 .review-watch{font-size:11px}}
@media(max-width:760px){.stories-v5 .review-grid{grid-template-columns:1fr;gap:14px}.stories-v5 .review-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:9px;padding:10px}.stories-v5 .review-media{height:200px}.stories-v5 .review-copy{padding:13px 15px 9px}.stories-v5 .review-name{flex-direction:row;align-items:center;gap:10px}.stories-v5 .review-name h3{font-size:28px}.stories-v5 .review-result{min-height:0;margin-top:14px}.stories-v5 .review-detail{min-height:0;font-size:13px;margin-top:8px;margin-bottom:16px}.stories-v5 .review-watch{font-size:12px}.stories-v5 .review-media>img{object-position:center 35%}.stories-v5 .section-aside{font-size:13px}}
@media(max-width:560px){.stories-v5 .review-card{display:flex;padding:10px;border-radius:24px}.stories-v5 .review-media{height:190px;border-radius:17px}.stories-v5 .review-copy{padding:17px 13px 8px}.stories-v5 .review-name h3{font-size:30px}.stories-v5 .review-name>span{font-size:10px}.stories-v5 .review-result{font-size:19px;margin-top:12px;min-height:0}.stories-v5 .review-detail{font-size:13px;max-width:330px;margin-top:8px}.stories-v5 .review-watch{padding-top:13px}.stories-v5 .review-media>img{object-position:center 30%}.stories-v5 .review-yuri .review-media>img{object-position:center 40%}.stories-v5 .review-varvara .review-media>img{object-position:center 27%}}
@media(max-width:360px){.stories-v5 .review-media{height:180px}.stories-v5 .review-name h3{font-size:27px}.stories-v5 .review-name>span{font-size:9px}.stories-v5 .review-result{font-size:18px}.stories-v5 .review-copy{padding-inline:11px}.stories-v5 .review-detail{font-size:12px}}
@media(prefers-reduced-motion:reduce){.stories-v5 .review-media>img{transition:none}}
.people-v5 .section-aside,
.stories-v5 .section-aside {
  max-width: 345px;
  line-height: 1.5;
}

.people-v5 .pp-people-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.people-v5 .pp-person {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1fr);
  align-items: center;
  gap: 26px;
  padding: 29px;
  min-height: 390px;
  border-radius: 32px;
  background: #fff;
}

.people-v5 .pp-person-sophia { background: #fbe3f2; }
.people-v5 .pp-person-valeria { background: #e5e0fc; }
.people-v5 .pp-person-asya { background: #fff4b0; }

.people-v5 .pp-person-portrait {
  overflow: visible;
  border-radius: 0;
  min-width: 0;
  isolation: isolate;
}

.people-v5 .pp-person-portrait img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 10px 15px rgb(29 25 33 / 4%));
  transition: transform .45s cubic-bezier(.2, .75, .2, 1);
}

.people-v5 .pp-person-play {
  position: absolute;
  left: 50%;
  bottom: 6%;
  display: grid;
  place-items: center;
  width: 53px;
  height: 53px;
  padding-left: 3px;
  border: 1px solid #fff8;
  border-radius: 50%;
  background: rgb(255 255 255 / 83%);
  color: #171717;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: translateX(-50%);
  transition: background .25s, color .25s;
  font-size: 15px;
}

.people-v5 .pp-person-copy { min-width: 0; }
.people-v5 .pp-person-eyebrow {
  display: block;
  font-size: 11px;
  color: #625c68;
  line-height: 1.4;
}

.people-v5 .pp-person h3 {
  margin: 12px 0 21px;
  font-size: clamp(38px, 3.6vw, 58px);
  line-height: 1;
  letter-spacing: -.06em;
}

.people-v5 .pp-person h3 span {
  display: inline-block;
  margin: 0 0 0 8px;
  border: 1px solid #1717173b;
  padding: 5px 8px;
  border-radius: 100px;
  font-size: 10px;
  letter-spacing: -.01em;
  line-height: 1;
  color: #171717;
  vertical-align: middle;
  transform: rotate(-8deg);
}

.people-v5 .pp-person-lead {
  font-size: clamp(17px, 1.45vw, 23px);
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #171717;
}

.people-v5 .pp-person-description {
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.5;
  color: #655f6a;
}

.people-v5 .pp-person-video {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #17171720;
  margin-top: 24px;
  padding-top: 17px;
  min-height: 61px;
  font-size: 12px;
  line-height: 1.3;
}

.people-v5 .pp-person-video small {
  display: block;
  margin-top: 5px;
  font-size: 9px;
  color: #746c78;
}

.people-v5 .pp-link-arrow {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #171717;
  border-radius: 50%;
  font-size: 22px;
  transition: background .25s, color .25s, transform .25s;
}

.people-v5 .pp-people-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 38px;
  margin: 29px 28px 0;
}

.people-v5 .pp-people-footer p {
  max-width: 640px;
  color: #726d76;
  font-size: 14px;
  line-height: 1.5;
}

.people-v5 .pp-people-footer .text-link {
  flex-shrink: 0;
  font-size: 14px;
  white-space: nowrap;
}

/* A story reads as a small editorial spread, with its actual result and source video. */
.stories-v5 .pp-story-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.stories-v5 .pp-story {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1fr) minmax(0, 1.06fr);
  align-items: stretch;
  gap: 0;
  padding: 16px;
  min-height: 410px;
  border-radius: 34px;
  background: #e5e0fc;
}

.stories-v5 .pp-story-yuri { background: #fff; }
.stories-v5 .pp-story-varvara { background: #fbe3f2; }

.stories-v5 .pp-story-photo {
  display: block;
  height: auto;
  min-height: 350px;
  border-radius: 24px;
  isolation: isolate;
}

.stories-v5 .pp-story-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

.stories-v5 .pp-story-photo .pp-story-play {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 15px 7px 7px;
  left: 16px;
  bottom: 16px;
  font-size: 12px;
  background: rgb(255 255 255 / 90%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.stories-v5 .pp-story-play b {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding-left: 2px;
  font-size: 10px;
  background: #171717;
  color: white;
  border-radius: 50%;
}

.stories-v5 .pp-story > .pp-story-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px clamp(24px, 3vw, 50px) 16px;
  min-width: 0;
}

.stories-v5 .pp-story-index {
  font-size: 11px;
  line-height: 1.4;
  color: #6a6178;
}

.stories-v5 .pp-story h3 {
  margin: 22px 0 14px;
  font-size: clamp(43px, 4.1vw, 66px);
  line-height: .98;
  letter-spacing: -.065em;
}

.stories-v5 .pp-story p.pp-story-headline {
  padding: 0;
  max-width: 365px;
  margin: 0 0 25px;
  color: #171717;
  font-size: clamp(21px, 2.1vw, 32px);
  letter-spacing: -.045em;
  line-height: 1.15;
}

.stories-v5 .pp-story-time {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  border-top: 1px solid #17171726;
  padding-top: 15px;
}

.stories-v5 .pp-story-time strong {
  font-size: 65px;
  line-height: 1;
  letter-spacing: -.075em;
}

.stories-v5 .pp-story-time span {
  font-size: 11px;
  line-height: 1.4;
  color: #6d6477;
}

.stories-v5 .pp-story-journey {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-left: 1px solid #1717171f;
  margin: 24px 0 20px;
  padding: 0 clamp(17px, 2vw, 34px) 0 clamp(24px, 3vw, 50px);
}

.stories-v5 .pp-story-journey dl {
  margin: 0;
  display: grid;
  gap: 19px;
}

.stories-v5 .pp-story-journey dt {
  margin-bottom: 6px;
  color: #70667a;
  font-size: 10px;
  line-height: 1.4;
}

.stories-v5 .pp-story-journey dd {
  margin: 0;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.35;
  letter-spacing: -.02em;
}

.stories-v5 .pp-story-link {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 12px;
  align-items: center;
  margin-top: auto;
  padding-top: 23px;
  font-size: 13px;
}

.stories-v5 .pp-story-link > span {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border: 1px solid #171717;
  border-radius: 50%;
  font-size: 23px;
  transition: background .25s, color .25s, transform .25s;
}

.stories-v5 .pp-story-link small {
  color: #70667a;
  font-size: 9px;
}

@media (hover: hover) and (pointer: fine) {
  .people-v5 .pp-person-portrait:hover .pp-person-play,
  .people-v5 .pp-person-video:hover .pp-link-arrow,
  .stories-v5 .pp-story-link:hover > span {
    color: #fff;
    background: #171717;
  }
  html[data-motion="on"] .people-v5 .pp-person-portrait:hover img { transform: scale(1.035) rotate(-2deg); }
  html[data-motion="on"] .people-v5 .pp-person-video:hover .pp-link-arrow,
  html[data-motion="on"] .stories-v5 .pp-story-link:hover > span { transform: rotate(9deg); }
}

html[data-motion="paused"] .people-v5 .pp-person-portrait img,
html[data-motion="paused"] .stories-v5 .pp-story-photo img,
html[data-motion="background"] .people-v5 .pp-person-portrait img,
html[data-motion="background"] .stories-v5 .pp-story-photo img { transform: none; transition: none; }

@media (max-width: 1200px) {
  .people-v5 .pp-person { padding: 23px; gap: 20px; min-height: 370px; }
  .people-v5 .pp-person h3 { font-size: 43px; }
  .people-v5 .pp-person h3 span { display: none; }
  .people-v5 .pp-person-lead { font-size: 18px; }
  .people-v5 .pp-person-description { font-size: 12px; }
  .people-v5 .pp-person-video { font-size: 11px; gap: 8px; }
  .stories-v5 .pp-story { grid-template-columns: .82fr 1fr 1.1fr; min-height: 390px; }
  .stories-v5 .pp-story > .pp-story-main { padding-inline: 26px; }
  .stories-v5 .pp-story-journey { padding-left: 26px; }
  .stories-v5 .pp-story-photo { min-height: 340px; }
  .stories-v5 .pp-story h3 { font-size: 46px; }
  .stories-v5 .pp-story p.pp-story-headline { font-size: 24px; }
}

@media (max-width: 960px) {
  .people-v5 .pp-people-grid { grid-template-columns: 1fr; }
  .people-v5 .pp-person { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); padding: 30px; min-height: 0; gap: 32px; }
  .people-v5 .pp-person-portrait { max-width: 290px; }
  .people-v5 .pp-person h3 { font-size: 54px; }
  .people-v5 .pp-person h3 span { display: inline-block; }
  .people-v5 .pp-person-lead { font-size: 23px; max-width: 420px; }
  .people-v5 .pp-person-description { font-size: 14px; max-width: 420px; }
  .people-v5 .pp-person-video { font-size: 13px; }
  .people-v5 .pp-people-footer { align-items: flex-start; flex-direction: column; gap: 18px; }
  .stories-v5 .pp-story { grid-template-columns: .8fr 1fr; padding: 14px; border-radius: 29px; }
  .stories-v5 .pp-story-photo { min-height: 300px; }
  .stories-v5 .pp-story > .pp-story-main { padding: 22px 28px 10px; }
  .stories-v5 .pp-story h3 { font-size: 57px; }
  .stories-v5 .pp-story p.pp-story-headline { font-size: 29px; }
  .stories-v5 .pp-story-journey { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #17171720; margin: 25px 12px 0; padding: 21px 0 10px; }
  .stories-v5 .pp-story-journey dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .stories-v5 .pp-story-journey dd { font-size: 14px; }
  .stories-v5 .pp-story-link { max-width: 260px; margin-top: 24px; padding-top: 0; }
}

@media (max-width: 580px) {
  .people-v5 .pp-people-grid { gap: 13px; }
  .people-v5 .pp-person { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 22px 26px 25px; border-radius: 27px; }
  .people-v5 .pp-person-portrait { max-width: 245px; width: 83%; justify-self: center; }
  .people-v5 .pp-person-play { width: 47px; height: 47px; }
  .people-v5 .pp-person h3 { font-size: 50px; margin: 10px 0 18px; }
  .people-v5 .pp-person h3 span { margin-left: 13px; }
  .people-v5 .pp-person-lead { font-size: 22px; }
  .people-v5 .pp-person-description { font-size: 14px; }
  .people-v5 .pp-person-video { margin-top: 20px; padding-top: 14px; font-size: 13px; }
  .people-v5 .pp-person-video small { font-size: 9px; }
  .people-v5 .pp-people-footer { margin: 24px 17px 0; }
  .people-v5 .pp-people-footer p { font-size: 13px; }
  .people-v5 .pp-people-footer .text-link { font-size: 12px; white-space: normal; }
  .stories-v5 .pp-story-list { gap: 15px; }
  .stories-v5 .pp-story { grid-template-columns: minmax(0, 1fr); padding: 12px; border-radius: 27px; }
  .stories-v5 .pp-story-photo { height: 310px; min-height: 0; border-radius: 19px; }
  .stories-v5 .pp-story-photo img { object-position: center 28%; }
  .stories-v5 .pp-story > .pp-story-main { padding: 26px 14px 0; }
  .stories-v5 .pp-story-index { font-size: 10px; }
  .stories-v5 .pp-story h3 { font-size: 57px; margin: 19px 0 12px; }
  .stories-v5 .pp-story p.pp-story-headline { max-width: 350px; font-size: 30px; margin-bottom: 22px; }
  .stories-v5 .pp-story-time { padding-top: 13px; gap: 15px; }
  .stories-v5 .pp-story-time strong { font-size: 60px; }
  .stories-v5 .pp-story-time span { font-size: 11px; }
  .stories-v5 .pp-story-journey { margin: 19px 14px 0; padding-top: 20px; }
  .stories-v5 .pp-story-journey dl { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .stories-v5 .pp-story-journey dt { font-size: 10px; margin-bottom: 4px; }
  .stories-v5 .pp-story-journey dd { font-size: 16px; line-height: 1.4; }
  .stories-v5 .pp-story-link { max-width: none; font-size: 14px; margin-top: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .people-v5 .pp-person-portrait img,
  .people-v5 .pp-person-play,
  .people-v5 .pp-link-arrow,
  .stories-v5 .pp-story-photo img,
  .stories-v5 .pp-story-link > span { transition: none; }
  .people-v5 .pp-person-portrait:hover img,
  .stories-v5 .pp-story:hover .pp-story-photo img { transform: none; }
}