/* Teste isolado: composição e empilhamento da referência, identidade JP. */
#projetos.projects-stacked{border-radius:48px 48px 0 0;background-image:radial-gradient(ellipse at 75% 10%,#17374480,transparent 65%);}
.projects-stacked .section-heading h2{font-size:clamp(42px,7vw,100px);letter-spacing:-.055em;background:linear-gradient(180deg,#89b6c6,#eaf5fc);background-clip:text;-webkit-text-fill-color:transparent}
.projects-stacked #project-rail{height:auto;overflow:visible;padding-bottom:12vh}
.projects-stacked .project-viewport{position:static;width:100%;max-width:none;height:auto;overflow:visible}
.projects-stacked #project-track{display:block;overflow:visible;transform:none;scroll-snap-type:none;padding:0}
.projects-stacked .project-card{position:relative;width:100%;max-width:none;margin:0 0 8vh;padding:clamp(18px,2.3vw,32px);border:1px solid #6dcde766;border-radius:36px;background:linear-gradient(145deg,#132633,#0b1522 60%);box-shadow:0 24px 65px #02091180;transform-origin:50% 0;overflow:hidden;scroll-margin-top:110px}
.projects-stacked.stack-animated .project-card{position:sticky;top:calc(var(--header-height) + 18px + var(--stack-index)*28px);margin-bottom:28vh;will-change:transform}
.projects-stacked .project-card:last-child{margin-bottom:0}
.projects-stacked .project-card[hidden]{display:none}
.projects-stacked .stack-header{display:flex;align-items:center;gap:24px;margin-bottom:12px}
.projects-stacked .stack-number{font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1;color:#63ddeb;letter-spacing:-.07em}
.projects-stacked .stack-title{flex:1}
.projects-stacked .stack-title .section-label{font-size:9px;margin-bottom:8px}
.projects-stacked .stack-title h3{font-size:clamp(23px,2.6vw,38px);letter-spacing:-.035em}
.projects-stacked .project-actions{display:flex;align-items:center;gap:14px;margin:0;padding:0;border:0;flex-shrink:0}
.projects-stacked .project-link{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #83dceb88;border-radius:40px;font-size:11px;letter-spacing:.05em;color:#d7faff;transition:background .2s}
.projects-stacked .project-link:hover{background:#22d3ee22}
.projects-stacked .case-link{font-size:11px}
.projects-stacked .stack-description{color:#a7becb;font-size:13px;line-height:1.6;max-width:760px;margin:0 0 20px}
.projects-stacked .stack-gallery{display:grid;grid-template-columns:2fr 3fr;gap:16px;height:clamp(260px,43vh,480px)}
.projects-stacked .stack-details{display:grid;grid-template-rows:1fr 1.2fr;gap:16px;min-height:0}
.projects-stacked .stack-detail,.projects-stacked .project-visual{position:relative;margin:0;overflow:hidden;border-radius:20px;border:1px solid #a2d6e42b;background:#08111b;min-height:0;aspect-ratio:auto}
.projects-stacked .stack-detail img,.projects-stacked .project-visual>img{display:block;width:100%;height:100%;object-fit:cover;transform:none}
.projects-stacked .stack-detail-0 img{object-position:top}
.projects-stacked .stack-detail-1 img{object-position:bottom;transform:scale(1.35);transform-origin:50% 80%}
.projects-stacked .project-visual>img{object-position:50% 0}
.projects-stacked figcaption{position:absolute;bottom:10px;left:12px;padding:5px 9px;border-radius:20px;background:#07121de8;color:#b9e4ec;font:9px monospace}
.projects-stacked .tags{margin:16px 0 0}
.projects-stacked .rail-controls{display:none}
@media(max-width:700px){
 .projects-stacked .project-card{border-radius:24px;padding:16px}
 .projects-stacked .stack-header{flex-wrap:wrap;gap:12px}
 .projects-stacked .project-actions{width:100%}
 .projects-stacked .stack-gallery{height:340px;grid-template-columns:1fr;grid-template-rows:220px 112px;gap:8px}
 .projects-stacked .stack-details{gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}
 .projects-stacked .project-visual{grid-row:1}
 .projects-stacked .stack-detail,.projects-stacked .project-visual{border-radius:12px}
 .projects-stacked .stack-description{font-size:12px}
}

body.viewing-project-stack>#flow-canvas{opacity:1!important;z-index:8}
.webgl-ready.viewing-project-stack .number-active .stack-number{color:transparent}

.projects-stacked .stack-detail-1 img{transform:none;object-position:center}
.projects-stacked .stack-detail img{object-fit:cover;object-position:top}
.project-video{display:block;width:100%;height:100%;object-fit:contain;background:#07111b}
.video-toggle{position:absolute;right:12px;bottom:12px;border:1px solid #69d5e655;border-radius:20px;background:#07121de8;color:#d3f8ff;padding:8px 12px;font:10px monospace;cursor:pointer}