/* An invitation to a team in formation. The artwork is conceptual. */
.brilliant-glass {
  color:#e0e9ff;
  background-image:linear-gradient(118deg,transparent 35%,#ffffffb8 49%,transparent 62%),repeating-conic-gradient(from 25deg at 60% 40%,#ffffff4d 0deg 40deg,transparent 40deg 95deg,#cad5ff33 95deg 145deg,transparent 145deg 180deg),conic-gradient(from 40deg at 30% 55%,#f4cce7,#d2dbff,#aff0e5,#ddd0ff,#f4cce7);
  background-size:250% 100%,130% 150%,180% 200%;
  background-position:100% 50%,30% 50%,0% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 12px #d9e7ff12;
  animation:brilliant-glass-flow 12s ease-in-out infinite alternate;
}
@keyframes brilliant-glass-flow {
  0% { background-position:100% 50%,30% 40%,0% 30%; }
  50% { background-position:45% 50%,60% 60%,70% 70%; }
  100% { background-position:0% 50%,80% 40%,100% 30%; }
}
[data-header-motion-paused="true"] .brilliant-glass { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .brilliant-glass { animation:none; } }
@media(forced-colors:active) { .brilliant-glass { background:none; -webkit-text-fill-color:currentColor; text-shadow:none; } }
.talent-page main { padding-top:0!important; }
.talent-page .encounter { position:relative; isolation:isolate; max-width:none; min-height:100svh; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:22px; padding:calc(var(--header-height) + 60px) clamp(24px,4.5vw,88px) 60px; color:#fff; background:#111b15; }
.talent-page .encounter-meta { display:none; }
.talent-page .encounter-art { position:absolute; inset:0; z-index:-2; margin:0; width:100%; height:100%; }
.talent-page .encounter-art-frame { width:100%; height:100%; }
.talent-page .encounter-art-frame > picture { display:block; width:100%; height:100%; }
.encounter-film-brand { position:absolute; top:calc(var(--header-height) + 35px); right:clamp(24px,4.5vw,88px); width:138px; height:auto; opacity:.78; pointer-events:none; }
@media(max-width:700px) { .encounter-film-brand { top:calc(var(--header-height) + 12px); right:24px; width:94px; } }
@media(max-width:360px) { .talent-page .encounter .encounter-art img,.talent-page .encounter .encounter-art video { object-fit:contain; object-position:center 50px; background:#06100c; } }
@media(max-width:360px) { .talent-document .talent-page .encounter { min-height:max(100svh,900px); } }
@media(max-width:700px) { .talent-document .talent-page .encounter::after { background:linear-gradient(180deg,rgba(6,16,12,.02) 15%,rgba(6,16,12,.12) 34%,rgba(6,16,12,.55) 64%,rgba(6,16,12,.8) 100%); } }
.talent-page .encounter-art img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.talent-page .encounter::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(6,16,12,.55),rgba(6,16,12,.12) 70%),linear-gradient(180deg,transparent 28%,rgba(6,16,12,.25) 56%,rgba(6,16,12,.75) 100%); }
.talent-page .encounter h1 { align-self:auto; max-width:1000px; font-size:clamp(56px,6.3vw,108px); line-height:1.02; letter-spacing:-.055em; }
.talent-page .encounter h1 > span:last-child { font:inherit; letter-spacing:inherit; white-space:normal; }
.talent-page .encounter-invitation { align-self:auto; padding:0; max-width:690px; }
.talent-page .encounter h2 { max-width:34ch; font-size:clamp(22px,2vw,30px); line-height:1.3; }
.talent-page .encounter-lead { color:#e4e8e3; max-width:60ch; margin-top:14px; font-size:16px; line-height:1.6; }
.talent-page .encounter-actions { margin-top:24px; }
.talent-page .encounter-cta { background:#fff; color:#14261a; border-radius:40px; padding-inline:25px; }
.talent-page .encounter-cta:hover { background:#dcebdc; }
.talent-page .encounter-age { color:#e4e8e3; }
.talent-page .encounter :is(a,button):focus-visible { outline-color:#fff; }
.talent-page .encounter-foundation { max-width:1440px; margin:0 auto; padding:34px clamp(24px,5.55vw,80px); border-top:0; }
@media(max-width:700px) { .talent-page .encounter { min-height:100svh; padding-top:calc(var(--header-height) + 50px); padding-bottom:34px; gap:20px; } .talent-page .encounter h1 { font-size:clamp(43px,11.5vw,76px); } .talent-page .encounter h2 { font-size:22px; } .talent-page .encounter-lead { font-size:14px; } .talent-page .encounter-art img,.talent-page .encounter-art video { object-position:55% center; } }
.talent-document { --header-band-height:58px; scroll-padding-top:calc(var(--header-height) + 16px); }
.talent-page main { padding-top:var(--header-height); }
.talent-page .header-inner { background:rgba(8,8,8,.92); }
.talent-word-slot { display:inline-grid; text-align:left; }
.talent-word-slot > span { grid-area:1/1; }
.talent-word-reserve { visibility:hidden; }
#talent-header-word { display:inline-block; padding-right:.62em; position:relative; }
#talent-header-word::after { content:''; position:absolute; width:.45em; height:2px; right:.08em; bottom:.12em; background:currentColor; animation:talent-caret 1.1s step-end infinite; }
@keyframes talent-caret { 0%,48% { opacity:1; } 49%,100% { opacity:0; } }
.talent-question { white-space:nowrap; text-decoration:none; }
@media(max-width:540px) { .talent-document { --header-band-height:58px; } }
@media(prefers-reduced-motion:reduce) { .talent-page .header-color-field { animation:none; } #talent-header-word::after { animation:none; opacity:0; } }
[data-header-motion-paused="true"] #talent-header-word::after { animation:none; opacity:1; }
.encounter {
  --encounter-ink: #203b2e;
  --encounter-muted: #4f6052;
  max-width: 1580px;
  margin-inline: auto;
  padding: clamp(30px, 4vw, 62px) clamp(24px, 5.55vw, 88px) 0;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 30px clamp(34px, 5vw, 80px);
}
.encounter-meta {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-top: 12px;
  border-top: 1px solid #a1ab9b;
  font: 550 11px/1.5 Manrope, Arial, sans-serif;
  letter-spacing: .025em;
  color: var(--encounter-muted);
}
.encounter-meta p:first-child { color: var(--encounter-ink); letter-spacing: .11em; text-transform: uppercase; flex: none; }
.encounter-meta span { margin-inline: 13px; color: #66735f; }
.encounter h1 {
  grid-column: 1;
  align-self: center;
  margin-block: 0 3px;
  font: 530 clamp(64px, 7.3vw, 112px)/.99 Manrope, Arial, sans-serif;
  letter-spacing: -.065em;
}
.encounter h1 > span:last-child { display: block; font: 400 1.07em/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; }
.encounter-invitation { padding-top: 9px; align-self: center; min-width: 0; }
.encounter h2 { font: 550 clamp(25px, 2.25vw, 35px)/1.23 Manrope, Arial, sans-serif; letter-spacing: -.042em; max-width: 25ch; text-wrap: pretty; }
.encounter-lead { margin-top: 20px; max-width: 47ch; color: var(--encounter-muted); font-size: clamp(16px, 1.22vw, 19px); line-height: 1.67; text-wrap: pretty; }
.encounter-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 25px; margin-top: 29px; }
.encounter-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 54px; padding: 13px 21px; background: var(--encounter-ink); color: #f5f1e8; border-radius: 2px; font-size: 14px; font-weight: 650; }
.encounter-cta svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.encounter-cta:hover { background: #36543b; }
.encounter-letter { display: inline-flex; align-items: center; gap: 14px; min-height: 48px; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.encounter-age { margin-top: 15px; font-size: 12px; color: var(--encounter-muted); }
.encounter-art { grid-column: 1 / -1; min-width: 0; margin: 6px 0 0; align-self: center; }
.encounter-art-frame { overflow: hidden; background: #eee4d4; }
.encounter-art img { width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; }
.encounter-foundation { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 24px clamp(34px, 5vw, 80px); border-top: 1px solid #a1ab9b; padding-block: 25px 34px; margin-top: 12px; }
.encounter-label { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.encounter-foundation .encounter-label + p { margin-top: 10px; max-width: 60ch; color: var(--encounter-muted); font-size: 14px; line-height: 1.65; text-wrap: pretty; }
#carta { scroll-margin-top: 100px; }
.talent-page #carta:focus-visible { outline: 2px solid var(--letter-ink); outline-offset: 8px; }

@media (min-width: 1500px) { .encounter { padding-top: 54px; } }
@media (max-width: 1000px) {
  .encounter { gap: 25px 30px; padding-inline: 32px; }
  .encounter h1 { font-size: 8vw; }
  .encounter h2 { font-size: 27px; }
  .encounter-lead { font-size: 16px; }
}
@media (max-width: 700px) {
  .encounter { padding: 25px 24px 0; grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .encounter-meta { grid-column: 1; align-items: start; gap: 20px; font-size: 10px; }
  .encounter-meta p:last-child { max-width: 22ch; text-align: right; }
  .encounter h1 { grid-column: 1; font-size: clamp(54px, 14.5vw, 92px); }
  .encounter h1 > span:last-child { font-size: .78em; letter-spacing: -.045em; white-space: nowrap; }
  .encounter-art { grid-column: 1; grid-row: 3; }
  .encounter-art img { aspect-ratio: 3 / 2; }
  .encounter-invitation { padding-top: 0; }
  .encounter h2 { font-size: 27px; max-width: 25ch; }
  .encounter-lead { font-size: 16px; margin-top: 16px; }
  .encounter-actions { margin-top: 22px; gap: 10px 24px; }
  .encounter-age { margin-top: 10px; }
  .encounter-foundation { grid-column: 1; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 4px; padding-block: 23px 30px; }
  .encounter-foundation .encounter-label + p { font-size: 13px; }
}
@media (max-width: 350px) {
  .encounter { padding-inline: 20px; }
  .encounter h1 { font-size: 48px; }
  .encounter h1 > span:last-child { font-size: .70em; }
  .encounter h2 { font-size: 24px; }
  .encounter-meta p:last-child { max-width: 19ch; }
}

/* El texto del mosaico se centra respecto a toda la pantalla. */
@media (max-width: 700px) {
  .talent-page .header-announcement { position: relative; padding-inline: 50px; }
  .talent-page .talent-question {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 104px);
  }
  .talent-page .talent-word-slot { display: inline-flex; text-align: inherit; }
  .talent-page .talent-word-reserve { display: none; }
}