/* Fotografias do acervo TRON e depoimentos da Jornada do Professor Criativo. */
.tr-jornada { position:relative;isolation:isolate;background:var(--tr-blue);color:var(--tr-white); }
.tr-jornada-intro { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(140px,.6fr);align-items:center;gap:clamp(22px,5cqw,78px);padding-block:clamp(15px,2.6cqw,43px) clamp(26px,4cqw,56px); }
.tr-jornada .eyebrow { margin:0 0 .9rem;color:var(--tr-yellow); }
.tr-jornada h2 { margin:0;max-width:17ch;color:var(--tr-white);font-size:clamp(32px,4.8cqw,74px);letter-spacing:-.045em;line-height:1.04; }
.tr-jornada h2 em { color:var(--tr-yellow);font-style:normal; }
.tr-jornada-lead { max-width:46ch;margin:1rem 0 .8rem;color:var(--tr-light);font-size:clamp(16px,1.55cqw,22px);line-height:1.55; }
.tr-audio,.tr-foto-aula figcaption,.tr-tempo { color:var(--tr-light);font-size:clamp(12px,1.05cqw,16px); }
.tr-foto-aula { margin:0;position:relative;max-width:255px;justify-self:end; }
.tr-foto-aula img { width:100%;height:auto;display:block;border-radius:var(--canto-detalhe); }
.tr-foto-aula figcaption { margin:.45rem 0 0; }
.tr-filmes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,.5cqw,8px); }
.tr-filme { margin:0;min-width:0; }
.tr-filme video { display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101926; }
.tr-filme figcaption { display:flex;align-items:baseline;gap:.65em;padding:.8em clamp(10px,2cqw,28px); }
.tr-filme figcaption strong { color:var(--tr-white);font-size:clamp(19px,2cqw,30px);font-weight:normal; }
.tr-filme-num { color:var(--tr-yellow);font-size:.8rem; }
.tr-tempo { margin-inline-start:auto;font-variant-numeric:tabular-nums; }
.tr-escolhas { display:none; }
body#topo.pagina-inicio .tr-filme video:focus-visible,.tr-escolhas button:focus-visible { outline:2px solid var(--tr-yellow);outline-offset:3px; }
body#topo .ep-hero .tr-metodo-foto { width:53%;object-position:50% 51%;inset-inline:0 auto;mask-image:linear-gradient(90deg,#000 65%,transparent); }
body#topo .ep-hero .tr-escolas-foto { width:65%;inset-inline:auto 0;object-position:55% 48%;mask-image:linear-gradient(90deg,transparent,#000 24%); }
body#topo .cat-abertura.tr-catalogo { position:relative;isolation:isolate;overflow:hidden;background:var(--tr-navy); }
.tr-catalogo .tr-catalogo-foto { position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:52% 44%;mask-image:linear-gradient(90deg,transparent,#000 31%);z-index:-1; }
body#topo .tr-catalogo .products-heading :is(h1,.eyebrow) { color:var(--tr-white); }
body#topo .tr-catalogo .products-heading h1 em { color:var(--tr-yellow); }
body#topo .tr-catalogo .products-heading { max-width:49%; }
.tr-contato-foto { position:absolute;inset:0 0 0 auto;width:53%;height:100%;object-fit:cover;object-position:72% 50%;mask-image:linear-gradient(90deg,transparent,#000 40%);pointer-events:none; }
@container page (max-width:620px) {
  .tr-jornada-intro { grid-template-columns:minmax(0,1fr);gap:18px; }
  .tr-foto-aula { justify-self:start;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:end;gap:14px; }
  .tr-foto-aula figcaption { max-width:17ch;margin:0 0 .45rem; }
  .tr-filmes { grid-template-columns:minmax(0,1fr); }
  .tr-jornada.tr-selecao .tr-filme:not(.tr-atual) { display:none; }
  .tr-escolhas:not([hidden]) { display:flex;flex-wrap:wrap;gap:10px;padding-block:0 16px; }
  .tr-escolhas button { background:none;border:0;border-bottom:2px solid transparent;color:var(--tr-light);padding:9px 3px;min-height:44px;font:inherit;cursor:pointer; }
  .tr-escolhas button[aria-pressed=true] { color:var(--tr-yellow);border-color:currentColor; }
  body#topo .ep-hero :is(.tr-metodo-foto,.tr-escolas-foto) { width:100%;position:relative;inset:auto;aspect-ratio:1.56;height:auto;mask-image:linear-gradient(180deg,transparent,#000 18%); }
  body#topo .ep-hero .tr-metodo-foto { object-position:50% 43%; }
  .tr-catalogo .tr-catalogo-foto { width:56%;object-position:48% 48%; }
  .tr-contato-foto { opacity:.33; }
}
body#topo .skip:not(:focus) { clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden; }

body#topo main > .tr-jornada:last-child {
  border-radius:0; margin-block-start:calc(0px - var(--onda-h) - clamp(30px,3.8cqw,58px));
  padding-block-end:calc(var(--altura-encaixe) + var(--onda-respiro));
}

.tr-abertura-foto h1 .tr-assinatura { display:block;margin-bottom:.36em;font-size:.45em;line-height:1.1;letter-spacing:.005em; }
body#topo .tr-abertura-foto .banner-text h1 { font-size:clamp(36px,4.9cqw,74px);line-height:1.04; }

body#topo main > .tr-chamada-jornada {
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:0;color:var(--tr-white);background:var(--tr-navy);
  margin-block-start:calc(0px - var(--onda-h) - clamp(30px,3.8cqw,58px));
  padding-block-end:calc(var(--altura-encaixe) + var(--onda-respiro));
}
.tr-jornada-bancada,.tr-jornada-fotografia { position:absolute;pointer-events:none;object-fit:cover; }
.tr-jornada-bancada {
  inset:0;width:100%;height:100%;object-position:34% 53%;opacity:.16;
  mask-image:linear-gradient(90deg,#000 15%,transparent 75%);
}
.tr-jornada-fotografia {
  right:0;top:0;width:61%;height:100%;
  object-position:54% 43%;mask-image:linear-gradient(90deg,transparent,#000 27%);
}
.tr-chamada-texto { position:relative;z-index:1;display:flex;align-items:center;min-height:clamp(360px,41cqw,650px);padding-block:clamp(24px,4cqw,68px); }
.tr-chamada-texto > div { width:48%;max-width:560px; }
.tr-chamada-texto .eyebrow { color:var(--tr-yellow);margin:0 0 1rem; }
.tr-chamada-texto h2 {font-size:clamp(38px,5.3cqw,82px);line-height:1.03;letter-spacing:-.045em;margin:0;color:var(--tr-white); }
.tr-chamada-texto h2 em { color:var(--tr-yellow);font-style:normal; }
.tr-chamada-lead { max-width:35ch; font-size:clamp(16px,1.6cqw,23px);line-height:1.52;margin:1.15rem 0 1.55rem; }
body#topo .tr-jornada-programa { --ink:var(--tr-white);--dim:var(--tr-light); }
body#topo .tr-jornada-programa .tr-jornada-intro { display:block;padding-block:clamp(18px,2.5cqw,36px) clamp(22px,3.3cqw,50px); }
body#topo .tr-jornada-programa .tr-jornada-intro > div { max-width:840px; }
body#topo .tr-jornada-programa .tr-jornada-lead { max-width:55ch; }
@container page (max-width:620px) {
  body#topo main > .tr-chamada-jornada { display:flex;flex-direction:column;padding-bottom:0;margin-top:calc(0px - var(--onda-h) - clamp(30px,3.8cqw,58px)); }
  .tr-chamada-texto { order:0;min-height:0;padding-block:18px 16px; }
  .tr-chamada-texto > div {width:100%;}
  .tr-jornada-fotografia { order:1;position:relative;inset:auto;width:100%;height:clamp(330px,104cqw,515px);object-position:50% 43%;mask-image:linear-gradient(180deg,transparent,#000 16%); }
}

body#topo .home-surface .tr-abertura-foto .header::before { content:none; }

/* Faixa fotográfica integral; o texto tem uma superfície própria. */
body#topo .home-surface .hero.tr-abertura-foto {
  display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;
  background:var(--tr-navy);
}
body#topo .tr-abertura-foto > .header {position:relative;inset:auto;order:0;flex:none;}
body#topo .home-surface .tr-abertura-foto > img.tr-foto-banner {
  display:block;position:relative;inset:auto;order:1;flex:none;width:100%;height:clamp(280px,36.5cqw,565px);
  margin:0;max-height:none;object-fit:cover;object-position:50% 27%;opacity:1;filter:none;clip-path:none;
  -webkit-mask:none;mask:none;
}
body#topo .home-surface .tr-abertura-foto > .scene-content.wrap {
  position:relative;order:2;flex:none;min-height:0;height:auto;
  padding-block:clamp(20px,2.5cqw,36px) calc(var(--saida) + 12px);
}
body#topo .tr-abertura-foto .hero-copy { width:100%;max-width:none; }
body#topo .tr-abertura-foto .banner-text { display:grid;grid-template-columns:1.1fr 1fr;gap:8px clamp(24px,5cqw,80px); }
body#topo .tr-abertura-foto .banner-text .eyebrow { grid-column:1;grid-row:1;margin:0; }
body#topo .tr-abertura-foto .banner-text h1 { grid-column:1;grid-row:2/4;margin:0;font-size:clamp(37px,4.2cqw,65px); }
body#topo .tr-abertura-foto .banner-text .intro { grid-column:2;grid-row:1/3;align-self:end;margin:0;max-width:38ch; }
body#topo .tr-abertura-foto .banner-text .button { grid-column:2;grid-row:3;align-self:start;justify-self:start;margin:0; }
body#topo .tr-abertura-foto .banner-tools {margin-top:clamp(12px,1.8cqw,25px);}
body#topo .tr-abertura-foto .scene-note {display:none;}
@container page (max-width:700px) {
  body#topo .home-surface .tr-abertura-foto > img.tr-foto-banner { height:auto;aspect-ratio:16/9;object-position:center; }
  body#topo .tr-abertura-foto .banner-text { display:block; }
  body#topo .tr-abertura-foto .banner-text h1 { margin:.45em 0 .35em; }
  body#topo .tr-abertura-foto .banner-text .intro { margin:0 0 1rem; }
}

@container page (max-width:800px) {
  body#topo .home-surface .tr-abertura-foto > .scene-content.wrap { margin-block-end:calc(var(--saida) + 12px); }
}