/* Project-specific visual layer. Shared layout and typography live in ir-design-system.css. */

/* ---------- O mně: hero a osobní vizuály ---------- */
.ir-about-hero__visual { position: relative; min-height: 38.125rem; }
.ir-about-hero__orb {
  position: absolute;
  right: 8%;
  top: 6%;
  width: 25.625rem;
  height: 25.625rem;
  border-radius: 50%;
  background: rgba(244,229,216,.7);
}
.ir-about-note,
.ir-about-years {
  position: absolute;
  border-radius: 1.1875rem;
  background: rgba(255,255,255,.97);
  box-shadow: 0 1.5rem 3.75rem rgba(15,17,23,.12);
}
.ir-about-note--main {
  z-index: 2;
  right: 0;
  top: 3.25rem;
  width: 62%;
  padding: 2rem 2.125rem;
}
.ir-about-note__label {
  margin: 0 0 1rem;
  color: var(--ir-coral);
  font-size: .625rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.ir-about-note__quote {
  margin: 0;
  font-family: var(--ir-font-display);
  font-size: 1.75rem;
  line-height: 1.3;
  font-weight: 600;
}
.ir-about-note--main span {
  display: block;
  margin-top: 1.125rem;
  color: #676d75;
  font-size: .8125rem;
  line-height: 1.6;
}
.ir-about-code {
  position: absolute;
  left: 0;
  bottom: 2.875rem;
  width: 58%;
  margin: 0;
  overflow: hidden;
  border-radius: 1.25rem;
  background: #22262d;
  box-shadow: 0 1.75rem 4.375rem rgba(15,17,23,.18);
}
.ir-about-code img {
  display: block;
  width: 100%;
  aspect-ratio: 1.35 / 1;
  object-fit: cover;
  object-position: center;
}
.ir-about-years {
  z-index: 3;
  right: 4%;
  bottom: 0;
  width: 37%;
  padding: 1.375rem 1.5rem;
}
.ir-about-years strong {
  display: block;
  color: var(--ir-coral);
  font-family: var(--ir-font-display);
  font-size: 2.625rem;
  line-height: 1;
  font-weight: 600;
}
.ir-about-years span {
  display: block;
  margin-top: .5rem;
  color: #5c626a;
  font-size: .75rem;
  line-height: 1.55;
}

@media (max-width: 66.25em) {
  .ir-about-hero__visual { width: 100%; max-width: 53.125rem; min-height: 35rem; }
}

@media (max-width: 43.75em) {
  .ir-about-hero__visual { min-height: 31rem; }
  .ir-about-hero__orb { width: 19rem; height: 19rem; }
  .ir-about-note--main { width: 72%; padding: 1.5rem; }
  .ir-about-note__quote { font-size: 1.35rem; }
  .ir-about-code { width: 68%; bottom: 3.5rem; }
  .ir-about-years { width: 44%; padding: 1.125rem; }
}


/* v47 preservation: missing career statement below the opening split. */
.ir-about-path-statement {
  margin-top: 6.875rem;
}

/* v47 paper note used in the listening section. */
.ir-about-paper {
  width: min(100%, 29.375rem);
  padding: 2.625rem 2.375rem 2.875rem;
  border-radius: 1.25rem;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(15,17,23,.035) 0,
      rgba(15,17,23,.035) 1px,
      transparent 1px,
      transparent 2.625rem
    ),
    #fffdfb;
  box-shadow: 0 1.625rem 4.25rem rgba(15,17,23,.1);
  transform: rotate(-1deg);
}

.ir-about-paper__label {
  margin: 0 0 1.5rem !important;
  color: var(--ir-coral) !important;
  font-family: var(--ir-font-body) !important;
  font-size: .625rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ir-about-paper p:not(.ir-about-paper__label) {
  margin: 1rem 0 0;
  color: var(--ir-ink);
  font-family: var(--ir-font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
}

/* v47 process line: large serif words, not small utility chips. */
.ir-process-line--about {
  gap: 1rem;
  margin-top: 1.25rem;
  padding-top: 2.125rem;
}

.ir-process-line--about li {
  font-size: clamp(1.5625rem, 2.1vw, 2.25rem);
  font-weight: 600;
}

.ir-process-line--about li + li::before {
  margin-right: 1rem;
  font-size: 1.375rem;
}

/* Shared top-rule motif already used on Tvorba webových stránek:
   each discipline starts with its own horizontal rule, without a framed rail. */
.ir-discipline-grid--about {
  gap: 2.125rem;
  border: 0;
}

.ir-discipline-grid--about > li,
.ir-discipline-grid--about > li + li {
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--ir-line);
  border-left: 0;
}

.ir-discipline-grid--about > li > span {
  display: block;
  margin-bottom: 1.125rem;
  color: var(--ir-coral);
  font-size: .6875rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
}

.ir-discipline-grid--about h3 {
  font-size: 1.3125rem;
  line-height: 1.32;
}

.ir-discipline-grid--about p {
  margin-top: .8125rem;
  font-size: .8125rem;
  line-height: 1.7;
}

/* v47 recommendation quote: coral editorial sentence without a rule. */
.ir-about-sell-quote {
  margin: 2.125rem 0 0;
  color: var(--ir-coral);
  font-family: var(--ir-font-display);
  font-size: clamp(2.125rem, 3vw, 3.25rem);
  line-height: 1.2;
  font-weight: 600;
}

@media (max-width: 66.25em) {
  .ir-about-path-statement {
    margin-top: 3rem;
  }
}

@media (max-width: 43.75em) {
  .ir-about-path-statement {
    margin-top: 2rem;
  }

  .ir-about-paper {
    padding: 2.125rem 1.875rem 2.375rem;
  }

  .ir-about-paper p:not(.ir-about-paper__label) {
    font-size: 1.25rem;
  }
}