/* Soft gray echoes the original portrait; text and photograph remain separate. */
.hero-centered { background: #dedbdc; color: #29252a; min-height: 0; }
.hero-centered::before, .hero-centered::after { content: none; display: none; }
.hero-centered-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr) minmax(0, 1fr); column-gap: 38px; row-gap: 18px; align-items: center; padding-block: 34px 46px; }
.hero-centered h1 { grid-column: 1 / -1; grid-row: 1; display: flex; flex-direction: row; justify-content: space-between; gap: 30px; font-size: clamp(36px, 4.75vw, 70px); font-weight: 500; letter-spacing: -0.045em; text-transform: uppercase; line-height: 1.15; }
.hero-centered h1 span:first-child { color: var(--wine); }
.hero-centered .hero-profession { grid-column: 1 / -1; grid-row: 2; margin: 0 0 16px; max-width: none; text-align: center; font-size: 23px; line-height: 1.6; color: #4e464c; }
.hero-centered .hero-portrait { grid-column: 2; grid-row: 3; align-self: center; width: 100%; max-width: 400px; margin: 0 auto; border-radius: 8px; background: #aaa7a9; overflow: hidden; box-shadow: 0 14px 32px #3b303b12; }
.hero-centered .hero-portrait img { position: static; display: block; width: 100%; height: auto; object-fit: contain; filter: none; mask-image: none; -webkit-mask-image: none; opacity: 1; transform: none; }
.hero-centered .hero-content { grid-column: 1; grid-row: 3; min-width: 0; padding: 0; }
.hero-centered .hero-experience { display: flex; align-items: center; gap: 18px; max-width: none; margin: 0 0 28px; }
.hero-centered .hero-experience > strong { color: var(--wine); font-size: 64px; line-height: 1.1; letter-spacing: -0.06em; font-weight: 500; flex-shrink: 0; }
.hero-centered .hero-experience > span { color: #51494f; font-size: 16px; line-height: 1.65; }
.hero-centered .hero-message { color: #403a40; font-size: 20px; line-height: 1.7; letter-spacing: -0.02em; margin: 0 0 24px; }
.hero-centered .button { width: 100%; padding-inline: 18px; background: var(--wine); border-color: var(--wine); color: #fff; }
.hero-centered .button:hover { background: var(--wine-dark); border-color: var(--wine-dark); }
.hero-centered .hero-free { color: #51494f; font-size: 14px; line-height: 1.65; margin: 12px 0 0; }
.hero-centered .hero-next { color: var(--wine); font-size: 15px; line-height: 1.7; margin-top: 20px; }
.hero-centered .hero-topic-links { grid-column: 3; grid-row: 3; display: flex; flex-direction: column; align-self: stretch; justify-content: center; gap: 16px; min-width: 0; text-align: right; }
.hero-centered .hero-topic-links > a:not(.hero-channel) { border-color: #5e525d40; padding-top: 12px; }
.hero-centered .hero-topic-links h2 { color: var(--wine); font-size: 21px; line-height: 1.35; margin-bottom: 7px; }
.hero-centered .hero-topic-links p { color: #403a40; font-size: 16px; line-height: 1.65; }
.hero-centered .hero-topic-links .hero-channel { align-self: flex-end; color: var(--wine); font-size: 27px; line-height: 1.5; text-transform: uppercase; }
.header-socials { width: auto; flex-wrap: wrap; gap: 18px; border: 0; padding-top: 0; font-size: 20px; font-weight: 650; }
.header-socials a { min-height: 44px; display: inline-flex; align-items: center; padding-block: 8px; }
.footer .socials a { font-size: 18px; }

@media (max-width: 1180px) {
  .header-socials { width: 100%; justify-content: flex-end; border-top: 1px solid #eee; padding-top: 5px; }
  .hero-centered-layout { column-gap: 25px; }
  .hero-centered .hero-message { font-size: 18px; }
  .hero-centered .hero-topic-links h2 { font-size: 20px; }
  .hero-centered .hero-topic-links p { font-size: 16px; }
  .hero-centered .hero-topic-links .hero-channel { font-size: 22px; }
}
@media (max-width: 950px) {
  .hero-centered-layout { column-gap: 22px; row-gap: 16px; padding-block: 30px 38px; }
  .hero-centered h1 { font-size: clamp(32px, 4.7vw, 46px); gap: 20px; }
  .hero-centered .hero-profession { font-size: 19px; margin-bottom: 15px; }
  .hero-centered .hero-portrait { max-width: 310px; }
  .hero-centered .hero-experience { display: block; margin-bottom: 24px; }
  .hero-centered .hero-experience > strong { display: block; margin-bottom: 8px; font-size: 54px; }
  .hero-centered .hero-experience > span { font-size: 15px; }
  .hero-centered .hero-message { font-size: 17px; line-height: 1.75; }
  .hero-centered .hero-free { font-size: 13px; }
  .hero-centered .hero-next { font-size: 13px; gap: 12px; }
  .hero-centered .hero-topic-links { gap: 18px; }
  .hero-centered .hero-topic-links h2 { font-size: 18px; }
  .hero-centered .hero-topic-links p { font-size: 15px; }
  .hero-centered .hero-topic-links .hero-channel { font-size: 20px; }
}
@media (max-width: 767px) {
  .hero-centered-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 30px 36px; }
  .hero-centered h1 { grid-column: 1; grid-row: 1; flex-direction: column; align-items: center; text-align: center; gap: 4px; font-size: clamp(29px, 7.2vw, 48px); text-transform: none; }
  .hero-centered .hero-profession { grid-column: 1; grid-row: 2; text-align: center; max-width: 440px; margin: 0 auto; font-size: 18px; }
  .hero-centered .hero-portrait { grid-column: 1; grid-row: 3; max-width: 280px; }
  .hero-centered .hero-content { grid-column: 1; grid-row: 4; width: 100%; max-width: 500px; margin-inline: auto; }
  .hero-centered .hero-message { font-size: 18px; line-height: 1.8; margin-bottom: 24px; }
  .hero-centered .hero-free { font-size: 14px; }
  .hero-centered .hero-next { font-size: 14px; }
  .hero-centered .hero-topic-links { grid-column: 1; grid-row: 5; width: 100%; max-width: 500px; margin-inline: auto; text-align: left; gap: 22px; }
  .hero-centered .hero-topic-links h2 { font-size: 20px; }
  .hero-centered .hero-topic-links p { font-size: 16px; }
  .hero-centered .hero-topic-links .hero-channel { align-self: flex-start; font-size: 25px; }
}
@media (max-width: 650px) {
  .header-socials { grid-column: 1 / -1; grid-row: 2; display: flex; justify-content: flex-start; gap: 8px 18px; padding-top: 0; font-size: 18px; line-height: 1.5; }
  .header-socials a { padding-block: 6px; }
}