/* Rodada 5: seis experiências e portfólio compacto escolhido. */
.application-tile.pink{color:#300719}
.about-experiences{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:5px;height:480px;border-radius:16px;overflow:hidden;isolation:isolate;transition:grid-template-columns .78s cubic-bezier(.45,0,.2,1)}
.experience-strip{position:relative;min-width:0;overflow:hidden;background:#23133f;color:white;text-decoration:none}
.experience-strip>img{width:100%;height:100%;object-fit:cover;transition:transform .78s cubic-bezier(.45,0,.2,1)}
.experience-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(18,8,36,.82));pointer-events:none}
.strip-name{position:absolute;z-index:1;bottom:24px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:14px;font-weight:600;white-space:nowrap;transition:opacity .18s}
.strip-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:24px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .4s,visibility .25s;pointer-events:none}
.strip-caption strong{font-size:23px;line-height:1.2;display:block;text-wrap:balance;margin-bottom:12px}
.strip-caption>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.strip-caption svg{width:23px;height:23px;flex:none}
.about-experiences[data-active] .experience-strip:not(.is-active){filter:brightness(.83)}
.about-experiences[data-active="0"]{grid-template-columns:minmax(0,3.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.about-experiences[data-active="1"]{grid-template-columns:minmax(0,1fr) minmax(0,3.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.about-experiences[data-active="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.about-experiences[data-active="3"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,3.4fr) minmax(0,1fr) minmax(0,1fr)}
.about-experiences[data-active="4"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,3.4fr) minmax(0,1fr)}
.about-experiences[data-active="5"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,3.4fr)}
.experience-strip.is-active .strip-name{opacity:0}
.experience-strip.is-active .strip-caption{opacity:1;visibility:visible;transform:none;transition-delay:.22s}
.experience-strip.is-active>img{transform:scale(1.025)}
.experience-strip:focus-visible{outline:3px solid white;outline-offset:-5px;z-index:3}
.compact-brand{grid-row:1;align-items:stretch}
.compact-portfolio .compact-plaque{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.compact-portfolio .compact-plaque .optical-mark{width:100%;max-height:100%}
.compact-project:hover .compact-plaque{transform:none}
.motion-photo{transform:translate3d(0,var(--photo-y,0px),0) scale(1.045)}
.stage-image,.project-image{overflow:hidden}
@media(max-width:1000px){.about-experiences{height:420px}.strip-caption{left:14px;right:14px}.strip-caption strong{font-size:19px}}
@media(max-width:900px){.about-story{grid-template-columns:1fr;gap:36px}.about-story>div:last-child{max-width:70ch}}
@media(max-width:600px),(hover:none){.about-experiences,.about-experiences[data-active]{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:0;overflow:visible;transition:none}.experience-strip{height:225px;border-radius:12px}.strip-name{display:none}.strip-caption,.experience-strip.is-active .strip-caption{opacity:1;visibility:visible;transform:none;left:10px;right:10px;bottom:14px;transition:none}.strip-caption strong{font-size:14px;margin-bottom:8px;overflow-wrap:anywhere}.strip-caption>span{font-size:11px;line-height:1.3}.strip-caption svg{width:17px;height:17px}.about-experiences:has(.experience-strip.is-active) .experience-strip{filter:none}}
@media(prefers-reduced-motion:reduce){.about-experiences,.experience-strip>img,.strip-caption,.strip-name{transition:none!important}.experience-strip.is-active>img,.motion-photo{transform:none!important}}

/* Movimento com aceleração e desaceleração — rodada 6. */

.experience-strip{transition:filter .5s cubic-bezier(.45,0,.2,1)}
.strip-caption{transition:opacity .36s cubic-bezier(.45,0,.2,1),transform .55s cubic-bezier(.45,0,.2,1),visibility .36s}
.motion-photo{transition:transform .6s cubic-bezier(.45,0,.2,1);transform:translate3d(0,var(--photo-y,0px),0) scale(1.1)}
.compact-image img{transition:transform .65s cubic-bezier(.45,0,.2,1)}
.application-detail{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#f3f0f6;padding:26px 28px 26px 44px;display:block;--application-color:#58c3df;--application-ink:#092f39;scroll-margin-top:25vh}
.application-detail:before{content:"";position:absolute;inset:6px;z-index:-1;border-radius:12px;background:var(--application-color);clip-path:inset(0 calc(100% - 14px) 0 0 round 10px);transition:clip-path .76s cubic-bezier(.45,0,.2,1)}
.application-detail>.category-dot{display:none}
.application-detail.is-selected:before{clip-path:inset(0 0 0 0 round 12px)}
.application-detail.is-selected,.application-detail.is-selected p,.application-detail.is-selected .text-link{color:var(--application-ink)}
.application-detail p,.application-detail .text-link,.application-detail h3{transition:color .35s ease-in-out}
.application-charcoal{--application-color:#4c4c4c;--application-ink:#fff}
.application-pink{--application-color:#f40853;--application-ink:#290619}
.application-yellow{--application-color:#f4be18;--application-ink:#362703}
.application-blue{--application-color:#3b78b9;--application-ink:#fff}
.application-green{--application-color:#54a858;--application-ink:#082c11}
.application-tile[aria-current="location"]{outline:3px solid #43227c;outline-offset:5px}
@media(min-width:901px){.site-header nav{left:auto;right:0;width:560px}}
@media(max-width:600px){.application-detail{padding:24px 23px 24px 34px}}
@media(prefers-reduced-motion:reduce){.application-detail:before,.application-detail p,.application-detail .text-link,.application-detail h3,.motion-photo{transition:none!important}}