/* Book TRON 2026, pp. 108–112, 123, 131 and 143. The raised frame and
   controls carry the depth; type and photographs stay on flat surfaces. */
.ep-section.ev-stage {
  --bg:#122235; --dim:#e5e5e5; --accent:#fba311; --ink:#e5e5e5;
  isolation:isolate; padding-block:clamp(47px,5.8cqw,86px) clamp(41px,4.8cqw,72px);
  background:var(--bg); color:var(--ink);
}
.ev-trails { pointer-events:none; position:absolute; z-index:-1; inset:0; background:url('./assets/feiras/trilhas.svg') right center/cover no-repeat; mask-image:linear-gradient(90deg,transparent 20%,#000 78%); }
.ev-wrap, .ev-case-wrap { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); align-items:center; gap:clamp(25px,3.4cqw,54px); }
.ev-eyeline,.ev-case-label,.ev-plate-head { display:flex; align-items:center; gap:10px; font-size:clamp(10px,.91cqw,13px); font-weight:700; line-height:1.45; letter-spacing:.13em; }
.ev-eyeline { color:#e5e5e5; margin:0 0 20px; }
.ev-signal,.ev-case-label > span {
  flex:none; width:13px; height:13px; border-radius:50%; background:radial-gradient(circle at 33% 25%,#fba311 0,#fba311 46%,#f69e09 90%);
  box-shadow:0 2px 0 #4a4b1f,0 4px 5px #14213d7a,inset .7px .7px 1px #fba311;
}
.ev-stage h2 { max-width:8ch; font-size:clamp(47px,6.1cqw,89px); line-height:.98; }
.ev-stage h2 em { display:block; }
.ev-intro-copy { max-width:38ch; margin-top:21px; color:#e5e5e5; }
.ev-mentoring { display:grid; grid-template-columns:clamp(49px,6.1cqw,90px) 1fr; align-items:start; gap:clamp(12px,1.35cqw,22px); margin-top:clamp(24px,3.2cqw,48px); padding-top:clamp(16px,1.8cqw,26px); border-top:1px solid #bdbebf53; }
.ev-mentoring img { width:100%; height:auto; filter:drop-shadow(0 5px 4px #12223566); }
.ev-mentoring h3 { font-size:clamp(19px,1.6cqw,24px); }
.ev-mentoring p { margin-top:7px; color:#e5e5e5; font-size:clamp(15px,1.25cqw,18px); }
.ev-exhibit { min-width:0; }
.ev-mount {
  padding:clamp(12px,1.3cqw,20px); border-radius:clamp(19px,2.5cqw,38px); border:1px solid #e5e5e5;
  background:linear-gradient(155deg,#e5e5e5,#e5e5e5 67%,#e5e5e5);
  color:#122235; box-shadow:inset 1px 2px 1px #ffffff, inset -1px -1px 1px #bdbebf,0 3px 0 #bdbebf,0 6px 0 #3d7577,0 8px 0 #122235,0 17px 24px -7px #14213da6;
}
.ev-plate-head { color:#3d7577; margin:0 3px 11px; }
.ev-plate-head i { display:block; flex:none; width:7px; height:7px; border-radius:50%; margin-left:auto; background:#3d7577; box-shadow:inset 1px 1px 2px #122235,0 1px 0 #fba311; }
.ev-keyline { width:23px; height:6px; border-radius:8px; background:#3d7577; box-shadow:inset 0 1px 1px #3d7577,0 1px 1px #122235; }
.ev-photo { margin:0; }
.ev-photo + .ev-photo { margin-top:16px; }
.ev-enhanced .ev-photo { margin-top:0; }
.ev-enlarge { position:relative; display:block; overflow:hidden; aspect-ratio:1.60; border-radius:clamp(11px,1.45cqw,22px); background:#122235; box-shadow:0 1px 0 #ffffff; }
.ev-enlarge::after { content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px 4px #14213d55; }
.ev-enlarge > img { height:100%; width:100%; object-fit:cover; object-position:center 51%; }
.ev-photo:not(:first-of-type) .ev-enlarge > img { object-fit:contain; }
.ev-lens,.ev-report > span,.ev-close { display:grid; place-items:center; }
.ev-lens {
 position:absolute; bottom:12px; right:12px; width:39px; height:39px; border-radius:50%; color:#122235; background:#e5e5e5;
 border:1px solid #fba311; box-shadow:inset 0 1px 0 #fff,0 3px 0 #3d7577,0 5px 8px #14213d5e;
}
.ev-lens svg { width:19px; height:19px; }
.ev-photo figcaption { display:flex; gap:14px; align-items:start; padding:14px 4px 2px; }
.ev-photo .ev-index { flex:none; display:inline-flex; align-items:baseline; gap:4px; padding:2px 7px; border-radius:6px; background:#e5e5e5; border:1px solid #bdbebf; color:#122235; font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1.4; }
.ev-index i { font:inherit; font-size:10px; color:#3d7577; }
.ev-caption-text { color:#122235; font-size:clamp(14px,1.2cqw,17px); line-height:1.4; }
.ev-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:21px; }
.ev-picker a {
 display:flex; align-items:center; gap:8px; min-width:0; padding:6px; border:1px solid #3d7577; border-radius:12px;
 background:linear-gradient(140deg,#3d7577,#3d7577); color:#e5e5e5; font-size:clamp(12px,1.13cqw,16px);
 line-height:1.25; box-shadow:inset 0 1px 1px #bdbebf52,0 2px 0 #14213d,0 4px 7px #14213d2a;
}
.ev-picker a[aria-selected=true] { border-color:#fba311; background:linear-gradient(145deg,#fba311,#fba311); color:#122235; box-shadow:inset 0 1px 1px #fba311,0 2px 0 #540101,0 4px 7px #12223544; }
.ev-thumb { flex:none; overflow:hidden; width:clamp(26px,2.8cqw,41px); height:clamp(26px,2.8cqw,41px); border-radius:7px; }
.ev-thumb img { width:100%; height:100%; object-fit:cover; }
.ev-stage .ev-credit { color:#e5e5e5; margin-top:12px; font-size:clamp(12px,1cqw,15px); line-height:1.4; }
.ev-case { --bg:#e5e5e5; }
.ev-case::before { mask-image:url('./assets/wave-learning.svg'); }
.ev-case-wrap { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:start; column-gap:clamp(30px,6cqw,90px); }
.ep-surface .ev-case-label { color:#122235; font-size:clamp(10px,.94cqw,13px); margin:0 0 14px; }
.ev-case-label > span { width:22px; height:6px; border-radius:5px; background:#3d7577; box-shadow:inset 0 1px 1px #3d7577,0 2px 0 #3d7577; }
.ev-case header > p:last-child { max-width:42ch; margin-top:17px; color:#3d7577; }
.ev-case-notes > div { display:flex; gap:15px; align-items:baseline; padding-block:13px; border-top:1px solid #bdbebf; }
.ev-case-notes > div > span { flex:none; color:#3d7577; font-size:13px; font-weight:700; letter-spacing:.1em; }
.ev-case-notes h3 { font-size:clamp(20px,2.1cqw,29px); }
.ev-case-notes p { margin-top:5px; color:#3d7577; }
.ev-report { display:inline-flex; gap:18px; align-items:center; padding:8px 9px 8px 17px; margin-top:10px; font-weight:700; font-size:clamp(15px,1.32cqw,19px); border-radius:24px; color:#122235; background:linear-gradient(150deg,#fba311,#fba311); border:1px solid #fba311; box-shadow:inset 0 1px 1px #fba311,0 3px 0 #540101,0 5px 9px #12223527; }
.ev-report > span { border-radius:50%; width:28px; height:28px; background:#fba311; box-shadow:inset 0 1px 2px #54010166,0 1px 0 #fba311; }
.ev-report svg,.ev-teaser .news-arrow svg { width:16px; height:16px; }
.ev-report:hover,.ev-enlarge:hover .ev-lens { filter:brightness(1.055); }
.ev-picker a:hover { border-color:#fba311; }
.ev-dialog {
 position:fixed; inset:0; z-index:100; height:auto; width:min(94vw,1090px); max-width:94vw; max-height:92dvh; padding:clamp(13px,2vw,26px);
 margin:auto; color:#e5e5e5; background:#14213d; border:1px solid #3d7577; border-radius:24px;
 box-shadow:inset 0 2px 1px #e5e5e544,0 5px 0 #3d7577,0 28px 70px #14213d9e; overflow:auto;
}
.ev-dialog::backdrop { background:#14213de3; }
.ev-dialog header { display:flex; align-items:center; gap:18px; justify-content:space-between; margin:0 0 12px; }
.ev-dialog h2 { color:#e5e5e5; font-size:clamp(20px,2.3vw,29px); letter-spacing:-.025em; }
.ev-dialog .ev-close { position:static; flex:none; width:38px; height:38px; padding:8px; border:1px solid #e5e5e5; border-radius:50%; color:#122235; background:#e5e5e5; box-shadow:0 2px 0 #3d7577; }
.ev-close svg { width:17px; height:17px; }
.ev-dialog figure { margin:0; }
.ev-dialog figure img { width:100%; height:auto; max-height:65dvh; object-fit:contain; border-radius:10px; background:#14213d; }
.ev-dialog figcaption,.ev-original { display:block; margin:9px 0 0; font-size:clamp(14px,1.25vw,18px); color:#e5e5e5; }
.ev-original { color:#fba311; text-decoration:underline; text-underline-offset:3px; }
.site-frame .news-list > a.ev-teaser {
 display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(9px,1.3cqw,20px); align-items:center;
 border:1px solid #3d7577; border-radius:clamp(12px,1.6cqw,24px); padding:clamp(12px,1.55cqw,22px);
 background:linear-gradient(144deg,#e5e5e5,#e5e5e5); box-shadow:inset 0 1px 1px #ffffff,0 3px 0 #3d7577,0 7px 13px #14213d2b;
}
.site-frame .ev-teaser .ev-teaser-object { display:grid; align-items:center; width:clamp(36px,5cqw,76px); }
.ev-teaser-object img { width:100%; height:auto; filter:drop-shadow(0 3px 2px #14213d30); }
.site-frame .news-list .ev-teaser .eyebrow { color:#3d7577; margin-bottom:6px; }
.site-frame .news-list .ev-teaser h3 { color:#122235; margin:0; }
.site-frame .news-list .ev-teaser-copy > p:not(.eyebrow) { color:#3d7577; }
.site-frame .news-list .ev-teaser .news-arrow { position:static; display:grid; place-items:center; width:30px; height:30px; color:#122235; }
.site-frame .news-list .ev-teaser:hover { filter:brightness(1.025); }
.site-frame .news-list .ev-teaser:hover h3 { color:#4a4b1f; }
@container page (max-width:820px) {
 .ev-wrap { grid-template-columns:1fr; }
 .ev-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:12px 25px; align-items:start; }
 .ev-eyeline { grid-column:1/-1; margin:0; }
 .ev-stage h2 { grid-row:2/4; }
 .ev-intro-copy { margin:0; }
 .ev-mentoring { grid-column:2; margin:0; }
 .ev-exhibit { width:100%; }
 .ev-mount { padding:14px; }
}
@container page (max-width:550px) {
 .ev-intro,.ev-case-wrap { display:block; }
 .ev-stage h2 { font-size:clamp(40px,10.5cqw,59px); }
 .ev-eyeline { margin-bottom:14px; }
 .ev-intro-copy { margin-top:14px; }
 .ev-mentoring { margin-top:19px; padding-top:15px; grid-template-columns:42px 1fr; }
 .ev-mount { padding:9px; border-radius:17px; }
 .ev-plate-head { font-size:9px; letter-spacing:.105em; margin-bottom:7px; }
 .ev-photo figcaption { display:grid; grid-template-columns:auto 1fr; gap:7px; padding:10px 1px 2px; }
 .ev-photo .ev-index { font-size:12px; padding:2px 4px; }
 .ev-caption-text { font-size:14px; }
 .ev-picker { gap:5px; margin-top:15px; }
 .ev-picker a { flex-direction:column; padding:6px 2px; text-align:center; border-radius:9px; font-size:12px; }
 .ev-thumb { width:100%; height:34px; }
 .ev-picker .ev-thumb img { object-position:50% 43%; }
 .ev-case-notes { margin-top:22px; }
 .site-frame .news-list > a.ev-teaser { grid-template-columns:32px minmax(0,1fr); gap:7px; }
 .site-frame .news-list .ev-teaser .news-arrow { display:none; }
 .site-frame .news-list .ev-teaser-object { width:32px; }
}
@container page (max-width:350px) {
 .ev-photo figcaption { display:block; }
 .ev-caption-text { display:block; margin-top:5px; }
 .ev-stage .ev-credit { font-size:11px; }
}

.ev-dialog h2 { margin:0; }
.site-frame .news-list > a.ev-teaser:hover { transform:translateY(-1px); }