@import url('assets/fonts/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbf9;color:#171920;font:400 16px/1.5 Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}p,h1,h2,h3{margin:0}img{display:block}a:focus-visible,button:focus-visible{outline:3px solid #638944;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.case-nav,.case-footer{max-width:1440px;margin:auto;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.case-nav>div{display:flex;align-items:center;gap:32px}.case-language{border:0;background:none;padding:8px}.case-footer{border-top:1px solid #dce3dc;padding-block:40px}.fig-root{max-width:1440px!important;margin-inline:auto}.fig-node{border-width:0;min-width:0}.figure-viewport{flex-shrink:1;position:relative;min-width:0}.figure-canvas{position:absolute;top:0;left:0;transform-origin:top left}.case-link:hover{text-decoration:underline;text-underline-offset:5px}.fig-root>.fig-node{max-width:100%}.flow-sized{max-width:100%}.fig-node[style*='white-space:pre']{white-space:pre-wrap!important}.game-page{font-family:Inter,sans-serif}.game-page .fig-root{padding-top:24px!important}.game-page .case-nav{font-size:14px}.case-more{padding:64px 5%;max-width:1440px;margin:auto}.case-more h2{font:500 32px Manrope,sans-serif;margin-bottom:24px}.case-more>div{display:flex;flex-wrap:wrap;gap:16px}.case-more a{padding:18px 24px;border:1px solid #c7d8c9;border-radius:16px}.case-more a:hover{background:#e5ece4}
@media(max-width:900px){.fig-root>.fig-node{padding-inline:24px!important}.fig-root>.fig-node>.fig-row:not(.figure-canvas *){flex-wrap:wrap!important}.game-page .fig-root{padding-inline:24px!important;gap:48px!important}.game-page .fig-root>.fig-row{flex-direction:column!important}.game-page .fig-root>.fig-row>.flow-sized{width:100%!important}.case-nav{padding:24px;align-items:flex-start}.case-nav>div{gap:12px;flex-wrap:wrap;justify-content:flex-end}.case-footer{padding:32px 24px}}
@media(max-width:620px){.case-nav{font-size:12px;gap:12px}.case-nav>div{flex-direction:column;align-items:flex-end}.case-language{padding:0}.fig-root>.fig-node{padding-block:40px!important;gap:32px!important}.fig-root .fig-row:not(.figure-canvas *){flex-wrap:wrap!important;gap:24px!important}.fig-root .fig-row>.flow-sized:not(.figure-canvas *){width:100%!important;flex-basis:auto!important}.fig-root .flow-sized:not(.figure-canvas *){max-width:100%!important}.fig-root .fig-node:not(.figure-canvas *){overflow-wrap:break-word}.fig-root>.fig-node>.fig-node{max-width:100%}.case-footer{font-size:14px}.figure-viewport{flex-basis:100%;margin-inline:auto}.case-more{padding:40px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Let editorial containers shrink with the viewport; artwork scales as a unit. */
.fig-root .fig-node:not(.figure-canvas *){max-width:100%}
@media(max-width:620px){.fig-root .fig-row:not(.figure-canvas *){flex-direction:column!important;align-items:stretch!important}.fig-root .fig-row>.fig-node:not(.figure-canvas *){flex:0 1 auto!important}.fig-root .fig-node:not(.figure-canvas *){gap:24px;max-width:100%!important}.fig-root .figure-viewport{flex-basis:auto!important;flex-shrink:0!important}.game-page .fig-root{gap:40px!important}}
.fig-node[style*="width:min-content"]:not(.figure-canvas *){width:100%!important}

/* Respect the Figma frames at desktop size, while allowing text to reflow on smaller screens. */
@media(max-width:1439px){.fig-root .fig-node:not(.figure-canvas *){flex-shrink:1!important}}
@media(max-width:900px){.fig-root .fig-node:not(.figure-canvas *){min-height:0!important}}
@media(min-width:1440px){.fig-root .fig-row>.fig-node:last-child:not(.figure-canvas *){flex-shrink:1!important}}

/* Labels expand with their translation, and editorial words stay intact. */
.fig-root .fig-node:not(.figure-canvas *){word-break:normal!important;overflow-wrap:normal!important}
.fig-root .editorial-label:not(.figure-canvas *){width:max-content!important;max-width:100%!important;flex-shrink:0!important}
/* Reflow editorial columns before they become narrower than readable text. */
@media(max-width:1280px){
 .fig-root .fig-row:not(.figure-canvas *){flex-wrap:wrap!important}
 .fig-root .fig-row>.fig-node:not(.figure-canvas *){min-width:min(100%,280px)!important;flex-shrink:1!important}
 .fig-root .fig-row>.figure-viewport{min-width:min(100%,280px);flex-basis:280px;flex-grow:1}
}
@media(max-width:900px){
 .fig-root .fig-row:not(.figure-canvas *){flex-direction:column!important;align-items:stretch!important;gap:24px!important}
 .fig-root .fig-row>.fig-node:not(.figure-canvas *){width:100%!important;flex:0 1 auto!important}
 .fig-root .fig-row>.figure-viewport{flex-basis:auto!important;flex-grow:0}
 .fig-root .fig-node:not(.figure-canvas *){min-width:0!important}
}
.fig-root .testimonial-rail{align-items:stretch!important;min-height:0!important;overflow:visible!important}
.fig-root .testimonial-card{position:relative;min-height:540px!important;gap:0!important}
.fig-root .testimonial-copy[hidden]{display:none!important}
.testimonial-toggle{position:absolute;left:16px;top:16px;border:0;border-radius:50%;width:40px;height:40px;background:#fff;color:#315e4b;z-index:1}
@media(min-width:1281px){
 .fig-root .testimonial-card{flex:0 1 180px!important;width:180px!important}
 .fig-root .testimonial-card.is-open{flex:1 1 0!important;width:auto!important}
 .fig-root .testimonial-card>.figure-viewport{flex:0 0 264px!important;width:264px!important}
 .fig-root .testimonial-copy{flex:1 1 0!important;width:0!important;min-width:0!important}
}
@media(max-width:1280px){
 .fig-root .testimonial-rail{flex-direction:column!important;height:auto!important}
 .fig-root .testimonial-card{width:100%!important;min-height:0!important;flex:0 1 auto!important;flex-wrap:wrap!important}
 .fig-root .testimonial-copy{width:100%!important;min-height:0!important;flex:1 1 340px!important}
 .fig-root .testimonial-card>.figure-viewport{flex:0 0 264px!important;width:264px!important;min-width:0!important;margin-inline:auto}
 .testimonial-toggle{display:none}
}
@media(max-width:620px){
 .fig-root .testimonial-copy{padding:24px!important}
 .fig-root [data-node-id="10416:7467"],.fig-root [data-node-id="10416:8196"]{padding-inline:20px!important}
 .fig-root [data-node-id="10416:7468"],.fig-root [data-node-id="10416:8199"]{font-size:28px!important}
}
/* Compact shared navigation, matching the case frames. */
.case-nav{height:72px;min-height:72px;padding:0 64px;font-size:14px;background:#f5f6f4}
.case-nav>div{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:24px}
.case-footer{height:72px;min-height:72px;padding:0 64px;border:0;background:#141615;color:#f5f6f4;max-width:none}
@media(max-width:900px){.case-nav,.case-footer{padding-inline:24px;align-items:center}.case-nav>div{gap:16px}}
@media(max-width:420px){.case-nav{padding-inline:16px;font-size:11px;gap:12px}.case-nav>div{gap:10px}.case-language{font-size:11px}}
/* BEES: equal-scale phones and concise screen captions. */
.fig-root [data-node-id="10416:6753"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,240px));gap:32px!important;padding:40px!important;justify-content:center!important}
.fig-root [data-node-id="10416:6753"]>.fig-node{width:100%!important;min-width:0!important;gap:16px!important;align-items:center!important}
.fig-root [data-node-id="10416:6753"] .figure-viewport{width:100%!important;max-width:240px!important;flex:none!important}
.fig-root [data-node-id="10416:6763"] img{width:364px!important;height:730px!important;left:-24px!important;top:-22px!important;object-fit:fill}
.fig-root [data-node-id="10416:6757"],.fig-root [data-node-id="10416:6761"],.fig-root [data-node-id="10416:6764"]{font-size:13px!important;line-height:1.4!important}
.fig-root .figure-viewport:has([data-node-id="10416:6777"]){width:258px!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;align-self:center}
.fig-root [data-node-id="10416:6975"]{display:grid!important;grid-template-columns:1fr 1fr;gap:48px!important;align-items:end!important}
.fig-root [data-node-id="10416:6975"]>.fig-node{width:100%!important;min-width:0!important}
.fig-root [data-node-id="10416:6978"]{line-height:1.5!important;text-wrap:pretty}
.fig-root [data-node-id="10416:6978"] p{display:inline}
.fig-root [data-name="13 · outros projetos"] [style*="font-size:18px"]{font-size:14px!important;line-height:1.5!important}
@media(max-width:900px){.fig-root [data-node-id="10416:6975"]{grid-template-columns:1fr;gap:24px!important}.fig-root [data-node-id="10416:6753"]{padding:28px!important;gap:20px!important}}
@media(max-width:620px){.fig-root [data-node-id="10416:6753"]{grid-template-columns:minmax(0,230px)}.fig-root [data-node-id="10416:6978"]{font-size:14px!important}}
/* Revision 16: shared editorial rhythm and readable translated copy. */
[data-node-id="10416:7288"]{margin-left:auto}
[data-node-id="10416:7289"],[data-node-id="10416:7510"],[data-node-id="10416:7994"]{color:#4d7058!important}
[data-node-id="10416:7289"]{text-align:right}
[data-node-id="10416:7397"]{white-space:pre-line!important;width:100%!important;text-wrap:pretty}
[data-node-id="10416:7444"],[data-node-id="10416:7472"],[data-node-id="10416:7952"],[data-node-id="10416:8235"]{font-weight:400!important;text-wrap:balance;line-height:1.3!important}
[data-node-id="10416:7444"]>p,[data-node-id="10416:7472"]>p,[data-node-id="10416:7952"]>p,[data-node-id="10416:8235"]>p{display:inline}
[data-node-id="10416:7445"],[data-node-id="10416:7446"],[data-node-id="10416:7473"],[data-node-id="10416:7954"],[data-node-id="10416:8236"],[data-node-id="10416:8016"]{font-weight:400!important;text-wrap:pretty;line-height:1.6!important}
[data-node-id="10416:7473"]{max-width:960px!important;width:100%!important;text-wrap:balance}
[data-node-id="10416:8016"]{width:100%!important;color:#525853!important}
.case-eyebrow,.case-eyebrow *{font:400 14px/1.5 Inter,sans-serif!important;color:#4d7058!important;letter-spacing:-.5px!important}
.fig-root .balanced-heading-row{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px!important;width:100%!important;align-items:end!important}
.fig-root .balanced-heading-row>*,.fig-root .balanced-heading-row>p{width:100%!important;min-width:0!important}
.balanced-heading-row>p{text-align:right;font-weight:400!important;text-wrap:pretty}
[data-node-id="10416:8115"],[data-node-id="10416:8116"],[data-node-id="10416:8121"]{min-height:0!important;height:auto!important}
[data-node-id="10416:8115"]{align-items:stretch!important}
[data-node-id="10416:8116"],[data-node-id="10416:8121"]{gap:16px!important;padding:24px!important}
[data-node-id="10416:8117"],[data-node-id="10416:8122"]{font-size:14px!important;font-weight:400!important}
[data-node-id="10416:8120"],[data-node-id="10416:8125"]{font-size:13px!important;font-weight:400!important;line-height:1.5!important;color:#737973!important}
[data-node-id="10416:8232"]{font-size:13px!important;font-weight:400!important;line-height:1.6!important;color:#737973!important;width:960px!important;text-wrap:pretty}
[data-node-id="10416:6448"]{color:#737973!important}
@media(max-width:900px){.fig-root .balanced-heading-row{grid-template-columns:1fr;gap:24px!important}.balanced-heading-row>p,[data-node-id="10416:7289"]{text-align:left}}
/* The photographs stack on the left while each corresponding quote appears. */
.fig-root .feedback-stage{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:40px 64px;width:100%;align-items:center;position:relative;padding:32px;background:#e3ece4;border-radius:16px}
.feedback-stack{position:relative;height:410px;margin:18px 20px}
.feedback-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #121f2118;transition:transform .8s ease,opacity .8s ease;will-change:transform}
.feedback-quotes{display:grid;align-items:center;min-width:0}
.feedback-quote{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s,transform .6s;pointer-events:none;padding:12px 0}
.feedback-quote.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.feedback-quote>.feedback-text:first-child{font-size:14px;color:#4d7058}
.feedback-quote>.feedback-text:nth-child(2){font:400 64px/1 Manrope,sans-serif;color:#a6bea9;margin-top:12px}
.feedback-quote>.feedback-text:nth-child(3){font:400 clamp(20px,2vw,28px)/1.45 Manrope,sans-serif;letter-spacing:-.6px;text-wrap:pretty}
.feedback-quote>.feedback-text:last-child{font:400 14px/1.5 Inter,sans-serif;margin-top:24px;color:#525853}
.feedback-controls{grid-column:2;display:flex;gap:10px}
.feedback-controls button{border:0;background:transparent;border-radius:50%;width:38px;height:38px;color:#4d7058}
.feedback-controls button[aria-selected=true]{background:#4d7058;color:white}
.feedback-controls .feedback-pause{margin-left:12px}
@media(max-width:900px){.fig-root .feedback-stage{grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:24px;padding:24px}.feedback-stack{height:330px;margin:12px}.feedback-quote>.feedback-text:nth-child(3){font-size:20px}}
@media(max-width:620px){.fig-root .feedback-stage{grid-template-columns:1fr;padding:24px;gap:24px}.feedback-stack{height:280px;width:210px;margin:12px auto}.feedback-controls{grid-column:1}.feedback-quote>.feedback-text:nth-child(3){font-size:20px}}
@media(prefers-reduced-motion:reduce){.feedback-photo,.feedback-quote{transition:none}}

.case-footer{font-family:Inter,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Revision 18 — Figma feedback accordion, with close portrait framing. */
.fig-root .feedback-accordion{display:block;padding:0;background:transparent;border-radius:0}
.feedback-track{display:flex;gap:12px;width:100%;height:540px;overflow:hidden}
.feedback-card{display:flex;flex-basis:0;min-width:0;overflow:hidden;border-radius:12px;background:#e3ece4;flex-grow:180}
.feedback-card:first-child{flex-grow:928}
.feedback-portrait{position:relative;flex:0 0 var(--portrait-width,264px);height:100%;overflow:hidden}
.feedback-portrait .feedback-photo{position:absolute;border-radius:0;box-shadow:none;transition:none;max-width:none;transform:none;width:auto;height:170%;top:-19%;left:50%;translate:-50% 0;object-fit:contain}
.portrait-0 .feedback-photo{left:67%}
.portrait-1 .feedback-photo{height:158%;top:-17%;left:0%}
.portrait-2 .feedback-photo{height:145%;top:0;left:-28%}
.feedback-card .feedback-quote{flex:0 0 var(--quote-width,664px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:32px;visibility:visible;transform:none;transition:none;opacity:0}
.feedback-card:first-child .feedback-quote{opacity:1}
.feedback-card .feedback-text{margin:0!important}
.feedback-card .feedback-text:nth-child(3){font-size:clamp(20px,1.85vw,28px);line-height:1.4}
.feedback-accordion .feedback-controls{margin-top:20px;justify-content:flex-end}
@media(max-width:1000px) and (min-width:701px){.feedback-track{height:600px}.feedback-card .feedback-quote{padding:24px;gap:16px}.feedback-card .feedback-text:nth-child(3){font-size:20px}}
@media(max-width:700px){.feedback-track{display:block;height:auto;overflow:visible}.feedback-card{display:none;flex-direction:column}.feedback-card.is-active{display:flex}.feedback-portrait{flex:auto;width:100%;height:260px}.feedback-portrait .feedback-photo{height:210%;top:-24%;left:50%}.portrait-0 .feedback-photo{left:60%}.portrait-1 .feedback-photo{left:15%;top:-30%}.portrait-2 .feedback-photo{left:7%;top:0;height:180%}.feedback-card .feedback-quote{flex:auto;width:100%;padding:24px;gap:16px;opacity:1!important}.feedback-card .feedback-text:nth-child(3){font-size:20px}.feedback-accordion .feedback-controls{justify-content:center}}
@media(min-width:701px){.portrait-0 .feedback-photo{height:270%;top:-47%;left:calc(50% + 84px)}.portrait-1 .feedback-photo{height:240%;top:-50%;left:calc(50% - 223px)}.portrait-2 .feedback-photo{height:190%;top:0;left:calc(50% - 190px)}}

/* Revision 19: exclusive front-facing portraits and consistent card links. */
.feedback-portrait .feedback-photo{inset:0;width:100%;height:100%;max-width:100%;translate:none;object-fit:cover;object-position:center 35%}
.related-card{cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}
.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #121f2110;text-decoration:none}
.related-card:focus-visible{outline-offset:-4px}
.nav-flag{margin-left:5px}.nav-back-icon{display:none}
@media(max-width:700px){
 .case-nav,.game-page .case-nav{height:64px;min-height:64px;padding:0 16px;gap:8px;font-size:12px}
 .case-nav>div{gap:4px;flex-shrink:0}
 .case-nav>div>a,.case-language{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
 .case-nav .nav-label{display:none}
 .nav-flag{font-size:25px;line-height:1;margin:0}
 .nav-back-icon{display:block;width:28px;height:28px;flex:none}
 .feedback-portrait .feedback-photo{inset:0;width:100%;height:100%;object-position:center 32%}
 .fig-root .next-game-card{display:grid!important;grid-template-columns:minmax(0,1fr) 32px;gap:20px!important;padding:24px!important;width:100%!important;align-items:center!important}
 .fig-root .next-game-card>[data-name="convite"]{grid-column:1/-1;width:100%!important;min-width:0!important;gap:10px!important}
 .fig-root .next-game-card>.next-game-art{grid-column:1;width:min(100%,220px)!important;min-width:0!important;max-width:220px!important;flex:none!important;margin:0!important;align-self:center}
 .fig-root .next-game-card>.next-game-arrow{grid-column:2;width:32px!important;min-width:0!important;max-width:32px!important;flex:none!important;margin:0!important;align-self:center}
}

.fig-root [data-name="navegação para outros cases"]{overflow:visible!important}
@media(prefers-reduced-motion:reduce){.related-card:hover{transform:none}}