@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0&display=swap');
:root { --ink:#121212; --muted:#626262; --paper:#fff; --line:#dedede; font-family:Inter,Arial,sans-serif; color:var(--ink); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink)} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.site-header{align-items:center;background:#fff;display:flex;height:72px;justify-content:space-between;padding:0 clamp(24px,5vw,72px);position:relative;z-index:5}.brand{font-weight:700}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover{opacity:.55}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin:100px clamp(24px,5vw,72px) 0;padding:32px 0 54px;font-size:14px}
.home-shell{max-width:1180px;margin:0 auto;padding:70px 32px 120px}.profile{display:grid;gap:80px;grid-template-columns:300px 1fr;min-height:620px}.profile-aside img{height:360px;object-fit:cover;width:280px}.profile-aside p{font-size:14px;margin:20px 0 0}.profile-aside p+p{margin-top:8px}.profile-links{display:grid;grid-template-columns:1fr 1fr;margin-top:26px}.profile-links a{background:#80acd9;padding:17px;text-align:center}.profile-copy{padding-top:42px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.profile-copy h1{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,76px);letter-spacing:-.05em;line-height:1;margin:14px 0 34px}.profile-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:760px}.tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.tools span{border:1px solid var(--line);padding:11px 15px;font-size:12px}.work{padding-top:70px}.work header{text-align:center;margin-bottom:38px}.work h2{font-family:Manrope;font-size:44px;margin:10px}.work-grid{display:grid;grid-template-columns:1fr 1fr}.work-card{align-items:center;border:1px solid #9fc5ec;display:grid;gap:20px;grid-template-columns:180px 1fr auto;min-height:220px;padding:20px;transition:.2s}.work-card:hover{background:#f4f8fc;transform:translateY(-3px)}.work-card img{height:135px;object-fit:contain;width:180px}.work-card h3{font:600 20px Manrope;margin:0}.work-card p{color:var(--muted);font-size:12px}.work-card>span{font-size:20px}
.case-hero{align-items:center;background:var(--project-accent);display:flex;height:440px;justify-content:center;overflow:hidden}.case-hero img{height:100%;object-fit:contain;width:100%}.case-hero h1{color:#111;font:700 clamp(64px,10vw,150px) Manrope;letter-spacing:-.07em}.content-width{margin-inline:auto;max-width:1180px;padding-inline:32px}.case-intro{padding-top:70px}.case-summary{font-size:17px;line-height:1.55;max-width:650px}.case-intro-overview{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.case-intro-overview .case-summary{max-width:680px}.case-intro-overview figure{background:#f4f7fa;border-radius:22px;margin:0;overflow:hidden}.case-intro-overview img{display:block;height:340px;object-fit:contain;width:100%}.fact-grid{display:grid;gap:44px;grid-template-columns:repeat(3,1fr);margin-top:48px}.fact-grid article{min-width:0}.fact-dot{align-items:center;border-radius:50%;display:flex;font-size:26px;height:58px;justify-content:center;margin-bottom:15px;width:58px}.role-dot{background:#8bd400}.highlight-dot{background:#089fd8}.impact-dot{background:#ff8b0a}.fact-grid h2{font:600 18px Manrope;margin:0 0 8px}.fact-grid p{font-size:14px;line-height:1.45;margin:0}.case-sections{padding-top:100px}.case-section{align-items:center;display:grid;gap:90px;grid-template-columns:1fr .86fr;min-height:430px;padding:42px 0}.case-section.section-flip .section-copy{order:2}.case-section.section-flip figure,.case-section.section-flip .image-placeholder{order:1}.section-copy{max-width:650px}.section-index{color:#999;font-size:12px;letter-spacing:.15em}.case-section h2,.final-gallery h2{font:500 clamp(28px,3.6vw,44px) Manrope;letter-spacing:-.03em;margin:12px 0 20px}.case-section p{font-size:15px;line-height:1.6;margin:0;white-space:pre-line}.case-section figure{margin:0}.case-section figure img{max-height:370px;object-fit:contain;width:100%}.image-placeholder{align-items:center;aspect-ratio:16/10;background:#e2e2e2;color:#999;display:flex;font-size:12px;justify-content:center}.section-wide{display:block;max-width:850px;min-height:auto;padding-block:80px}.final-gallery{padding-top:100px}.final-gallery>div{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);margin-top:35px}.final-gallery img{background:#eee;height:280px;object-fit:contain;width:100%}.project-nav{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:120px;padding-top:28px}
@media(max-width:800px){.site-header{height:auto;padding-block:20px}.site-header nav{gap:14px}.home-shell{padding-top:35px}.profile{grid-template-columns:1fr;gap:30px}.profile-aside img{height:300px;width:230px}.profile-copy{padding-top:0}.work-grid{grid-template-columns:1fr}.work-card{grid-template-columns:120px 1fr auto;min-height:170px}.work-card img{width:120px;height:110px}.case-hero{height:320px}.fact-grid{grid-template-columns:1fr}.case-section,.case-section.section-flip{grid-template-columns:1fr;gap:35px;min-height:0;padding:70px 0}.case-section.section-flip .section-copy{order:1}.case-section.section-flip figure,.case-section.section-flip .image-placeholder{order:2}.final-gallery>div{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.site-header{align-items:flex-start}.site-header nav{flex-direction:column}.home-shell,.content-width{padding-inline:20px}.profile-aside img{width:100%;height:auto}.work-card{grid-template-columns:1fr auto}.work-card img{grid-column:1/-1;height:150px;width:100%}.case-hero{height:240px}.case-intro{padding-top:45px}.final-gallery>div{grid-template-columns:1fr}.project-nav{gap:20px;font-size:13px}footer{margin-inline:20px}}

/* Profile actions */
.profile-links{display:grid;gap:12px;grid-template-columns:1fr;margin-top:28px}.profile-links .profile-button{align-items:center;border:1px solid #171717;border-radius:14px;display:grid;gap:12px;grid-template-columns:42px 1fr auto;min-height:72px;padding:12px 14px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.profile-links .profile-button-primary,.profile-links .profile-button-secondary{background:#fff;color:#171717}.profile-button:hover{box-shadow:0 10px 24px rgba(0,0,0,.14);transform:translateY(-3px)}.profile-button:focus-visible{outline:3px solid #80acd9;outline-offset:3px}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:14px}.profile-button small{font-size:10px;line-height:1.3;margin-top:3px;opacity:.68}.material-symbols-rounded,.linkedin-icon{align-items:center;border-radius:10px;display:flex;height:42px;justify-content:center;width:42px}.material-symbols-rounded{background:#80acd9;color:#111;font-size:23px}.linkedin-icon{background:#0a66c2;color:#fff;font:bold 20px Arial}.button-arrow{font-size:18px;transition:transform .2s ease}.profile-button:hover .button-arrow{transform:translate(2px,-2px)}

/* Visual refinement */
:root{--blue:#77aee7;--blue-soft:#eef6ff;--surface:#f7f7f4;--shadow:0 24px 70px rgba(20,29,42,.09)}
body{background:linear-gradient(180deg,#f5f9fd 0,#fff 700px);overflow-x:hidden}.site-header{background:rgba(255,255,255,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,18,18,.07);position:sticky;top:0}.brand{font-family:Manrope,sans-serif;letter-spacing:-.03em}.brand:after{background:var(--blue);border-radius:50%;content:'';display:inline-block;height:7px;margin-left:4px;width:7px}.site-header nav a{position:relative}.site-header nav a:after{background:#111;bottom:-6px;content:'';height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s;width:100%}.site-header nav a:hover{opacity:1}.site-header nav a:hover:after{transform:scaleX(1)}
.home-shell{max-width:1240px;padding-top:54px}.profile{background:rgba(255,255,255,.86);border:1px solid rgba(24,34,48,.08);border-radius:32px;box-shadow:var(--shadow);gap:72px;grid-template-columns:330px 1fr;min-height:0;padding:34px}.profile-aside{position:relative}.profile-aside>img{border-radius:22px;height:390px;object-position:center top;width:100%}.profile-aside:before{background:#4db66b;border:4px solid #fff;border-radius:50%;content:'';height:10px;position:absolute;right:16px;top:16px;width:10px;z-index:1}.profile-aside>p{color:var(--muted);font-size:12px;padding-left:4px}.profile-copy{padding:20px 22px 18px 0}.availability{align-items:center;background:#eff9f2;border:1px solid #d7edde;border-radius:999px;color:#28693b;display:inline-flex;font-size:11px;font-weight:600;gap:8px;margin-bottom:26px;padding:8px 12px}.availability>span:first-child{animation:pulse 2s infinite;background:#4db66b;border-radius:50%;flex:0 0 7px;height:7px;width:7px}.availability-text{white-space:nowrap}.profile-copy h1{font-size:clamp(54px,6vw,84px);margin:12px 0 14px}.profile-language-control{margin-bottom:28px;width:max-content}.profile-copy>p:not(.eyebrow){color:#343a42;font-size:14px;max-width:720px}.profile-copy>p:last-of-type{font-size:17px!important;font-weight:500;max-width:660px!important}.profile-metrics{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:22px 0}.profile-metrics div{display:grid;gap:5px;padding-right:20px}.profile-metrics div+div{border-left:1px solid var(--line);padding-left:24px}.profile-metrics strong{font:600 25px Manrope}.profile-metrics span{color:var(--muted);font-size:10px;line-height:1.35}.tools{margin-top:24px}.tools span{align-items:center;background:var(--surface);border:0;border-radius:999px;display:inline-flex;font-weight:500;gap:8px;padding:10px 14px}.tools img{height:17px;object-fit:contain;width:17px}.profile-links .profile-button{border:0;border-radius:16px}.profile-links .profile-button-primary{background:#fff;color:#171717}.profile-links .profile-button-secondary{background:var(--blue-soft);color:#17263a}.profile-button-secondary .button-arrow{color:#0a66c2}
.work{padding-top:130px}.work header{align-items:end;display:flex;justify-content:space-between;margin-bottom:50px;text-align:left}.work header>p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 8px;max-width:420px}.work h2{font-size:clamp(46px,6vw,68px);letter-spacing:-.055em;margin:7px 0 0}.work-grid{gap:22px}.work-card{background:#fff;border:1px solid rgba(20,30,45,.09);border-radius:24px;display:block;min-height:0;overflow:hidden;padding:0;position:relative}.work-card:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-7px)}.work-image{align-items:center;background:var(--surface);display:flex;height:280px;justify-content:center;overflow:hidden;position:relative}.work-image img{height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.75,.3,1);width:100%}.work-card:hover .work-image img{transform:scale(1.045)}.work-image>span{background:rgba(255,255,255,.9);border-radius:999px;font-size:10px;font-weight:700;left:16px;padding:7px 9px;position:absolute;top:16px}.work-card>div:nth-child(2){padding:24px 60px 25px 25px}.work-card h3{font-size:25px;letter-spacing:-.035em}.work-card p{font-size:12px}.work-card .card-label{color:#7291b2;font-size:9px;font-weight:700;letter-spacing:.13em;margin:0 0 8px;text-transform:uppercase}.card-arrow{align-items:center;background:#15171b;border-radius:50%;bottom:24px;color:#fff;display:flex;font-size:16px;height:38px;justify-content:center;position:absolute;right:22px;transition:.2s;width:38px}.work-card:hover .card-arrow{background:var(--blue);color:#111;transform:rotate(45deg)}.work-card{display:flex;flex-direction:column}.work-image{height:330px}.work-image img{object-fit:contain}.work-card .work-card-content{display:flex;flex:1;flex-direction:column;padding:24px 25px 25px}.work-card .card-summary{color:#4f5b68;font-size:13px;line-height:1.55;margin:10px 42px 22px 0}.game-meta{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto 42px 0 0}.game-meta div{background:#f4f7fa;border-radius:12px;min-width:0;padding:10px}.game-meta dt{color:#758393;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.game-meta dd{color:#17202b;font:600 13px Manrope;margin:5px 0 0}.work-card .card-arrow{bottom:24px}
footer{background:#15171b;border:0;color:#fff;margin:40px 0 0;padding:45px clamp(24px,5vw,72px)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(77,182,107,.35)}50%{box-shadow:0 0 0 6px rgba(77,182,107,0)}}
@media(max-width:800px){.profile{grid-template-columns:1fr;padding:24px}.profile-aside>img{height:auto;max-height:460px;width:100%}.profile-copy{padding:0}.work header{align-items:start;display:grid;gap:14px}.work-image{height:240px}}
@media(max-width:520px){.profile{border-radius:22px;padding:16px}.profile-copy h1{font-size:46px}.profile-metrics{gap:12px}.profile-metrics div,.profile-metrics div+div{border:0;padding:0}.work{padding-top:90px}.work-grid{gap:16px}.work-image{height:210px}.work-card .work-card-content{padding:20px}.work-card .card-summary{margin-right:0}.game-meta{grid-template-columns:1fr;margin-right:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.availability>span:first-child{animation:none}}

/* Language switch */
.language-control{align-items:center;display:flex;gap:7px}.language-label{color:#929292;font-size:10px;font-weight:700;letter-spacing:.06em;transition:color .2s}.language-label.active{color:#111}.language-toggle{background:#dce3eb;border:0;border-radius:999px;cursor:pointer;height:24px;padding:3px;position:relative;width:44px}.language-toggle span{background:#fff;border-radius:50%;box-shadow:0 2px 7px rgba(0,0,0,.2);display:block;height:18px;transform:translateX(0);transition:transform .22s ease;width:18px}.language-toggle[aria-checked="true"]{background:#171717}.language-toggle[aria-checked="true"] span{transform:translateX(20px)}.language-toggle:focus-visible{outline:3px solid #80acd9;outline-offset:3px}@media(max-width:620px){.site-header{display:grid;grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;grid-row:2;flex-direction:row;margin-top:14px}.site-header>.language-control{grid-column:2;grid-row:1}}

/* Estudo de caso especial: consultoria UX em Epic Roller Coasters */
.epic-intro{padding-top:64px}.epic-overview{align-items:start;display:grid;gap:72px;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)}.epic-overview .case-summary{margin:14px 0 0;max-width:680px}.youtube-video{aspect-ratio:16/9;background:#15171b;border-radius:18px;box-shadow:0 16px 42px rgba(21,44,68,.14);overflow:hidden;position:relative}.youtube-video iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.epic-intro .fact-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:38px 0}.epic-sections{padding-top:70px}.epic-copy-section{display:block;min-height:0;padding:34px 0}.epic-copy-section .section-copy{max-width:900px}.epic-copy-section h2{font-size:clamp(26px,3vw,40px)}.epic-copy-section p{max-width:900px}.epic-results{align-items:center;display:grid;gap:64px;grid-template-columns:1fr .8fr;margin-top:22px}.epic-results figure{background:#eef5fb;border-radius:24px;padding:22px}.epic-results figure img{border-radius:12px;max-height:360px}.epic-consulting-copy{max-width:980px;padding:42px 0 18px}.epic-consulting-copy h2{font:500 clamp(28px,3.6vw,44px) Manrope;letter-spacing:-.03em;margin:0 0 24px}.epic-consulting-copy p{font-size:15px;line-height:1.65;margin:0}.epic-consulting-copy p+p{margin-top:20px}.epic-video-comparison{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px}.epic-video-comparison article{display:flex;flex-direction:column;min-width:0}.epic-video-comparison .youtube-video{margin-top:auto;width:100%}.video-label{color:#536170;font-size:12px;font-weight:700;letter-spacing:.09em;margin:0 0 10px;text-transform:uppercase}.video-description{color:#536170;font-size:14px;line-height:1.55;margin:0 0 18px;max-width:540px}
@media(max-width:800px){.epic-overview{gap:36px;grid-template-columns:1fr}.epic-overview .case-summary{margin-top:0}.epic-results{gap:32px;grid-template-columns:1fr}.epic-video-comparison{grid-template-columns:1fr}}
/* Cards horizontais de projetos */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-card{display:grid;grid-template-columns:minmax(170px,40%) minmax(0,1fr)}
.work-image{background:#fff;height:100%;min-height:360px;width:100%}
.work-image img{height:100%;object-fit:cover;width:100%}
.work-card .work-card-content{justify-content:center;min-width:0;padding:26px 58px 26px 24px}
.work-card .card-summary{font-size:13px;margin:10px 0 20px;max-width:620px}
.game-meta{gap:6px;margin:0;max-width:560px}
.game-meta div{padding:8px}
@media(max-width:900px){.work-grid{grid-template-columns:1fr}.work-card{grid-template-columns:minmax(240px,38%) minmax(0,1fr)}}
@media(max-width:700px){.work-card{display:flex;flex-direction:column}.work-image{height:300px;min-height:0}.work-card .work-card-content{padding:24px 24px 78px}.work-card .card-summary{margin-right:0}.game-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.card-arrow{bottom:24px}}
@media(max-width:440px){.work-image{height:260px}.game-meta{grid-template-columns:1fr}.work-card .work-card-content{padding-bottom:76px}}
/* Carrossel do projeto finalizado */
.final-project{padding-top:110px}.final-project-header{margin-bottom:34px}.final-project-header h2{font:500 clamp(34px,4vw,52px) Manrope;letter-spacing:-.04em;margin:8px 0 14px}.final-project-header>p:last-child{color:var(--muted);font-size:14px;margin:0}.final-carousel{position:relative}.final-carousel-viewport{background:#f1f5f8;border-radius:26px;overflow:hidden}.final-carousel-track{display:flex;transition:transform .45s cubic-bezier(.2,.75,.3,1)}.final-carousel-slide{flex:0 0 100%;margin:0;min-height:520px}.final-carousel-slide img{height:520px;object-fit:contain;width:100%}.final-carousel-placeholder{align-items:center;color:#68798a;display:flex;flex-direction:column;justify-content:center;text-align:center}.final-carousel-placeholder .material-symbols-rounded{background:#fff;color:#7291b2;height:64px;margin-bottom:18px;width:64px}.final-carousel-placeholder strong{color:#263443;font:600 20px Manrope}.final-carousel-placeholder small{font-size:12px;margin-top:7px}.final-carousel-button{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 8px 24px rgba(20,35,50,.13);cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;position:absolute;top:calc(50% - 46px);width:46px;z-index:2}.final-carousel-button.previous{left:18px}.final-carousel-button.next{right:18px}.final-carousel-button:disabled{cursor:default;opacity:.35}.final-carousel-footer{align-items:center;display:flex;justify-content:space-between;padding:18px 4px 0}.final-carousel-dots{display:flex;gap:10px;max-width:calc(100% - 90px);overflow-x:auto;padding:4px 2px}.final-carousel-dots button{background:#eef2f5;border:2px solid transparent;border-radius:10px;cursor:pointer;flex:0 0 78px;height:56px;overflow:hidden;padding:0;transition:.2s;width:78px}.final-carousel-dots button:hover{border-color:#9cb2c6}.final-carousel-dots button.active{border-color:#171717}.final-carousel-dots img{display:block;height:100%;object-fit:cover;width:100%}.final-carousel-count{color:#718092;font:600 11px Manrope;letter-spacing:.08em}
@media(max-width:700px){.final-project{padding-top:80px}.final-carousel-slide{min-height:330px}.final-carousel-slide img{height:330px}.final-carousel-button{height:40px;width:40px}.final-carousel-button.previous{left:10px}.final-carousel-button.next{right:10px}}
.gameplay-videos{padding-top:90px}.gameplay-videos-header{margin-bottom:30px}.gameplay-videos-header h2{font:500 clamp(34px,4vw,52px) Manrope;letter-spacing:-.04em;margin:8px 0 0}.gameplay-video-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:760px}.gameplay-video-grid figure{background:#101010;border-radius:20px;margin:0;overflow:hidden}.gameplay-video-grid video{aspect-ratio:9/16;background:#101010;display:block;max-height:480px;object-fit:contain;width:100%}
@media(max-width:700px){.gameplay-videos{padding-top:72px}.gameplay-video-grid{grid-template-columns:1fr;max-width:360px}.gameplay-video-grid video{max-height:480px}}
@media(max-width:800px){.case-intro-overview{gap:32px;grid-template-columns:1fr}.case-intro-overview img{height:auto;max-height:420px}}

.section-with-image-pair{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);max-width:none}.section-with-image-pair .section-copy{max-width:650px}.section-image-pair{display:grid;gap:24px;grid-template-columns:1fr;margin-top:0}.section-image-pair figure{background:#f4f4f4;border-radius:18px;overflow:hidden}.section-image-pair img{display:block;height:330px;object-fit:cover;width:100%}
@media(max-width:800px){.section-with-image-pair{display:grid;gap:36px;grid-template-columns:1fr}.section-image-pair{grid-template-columns:1fr}.section-image-pair img{height:auto;max-height:520px}}

.work-image img{object-fit:cover}
.case-intro-overview img,.case-section figure img,.section-image-pair img,.final-gallery img{height:auto;max-height:none;object-fit:contain}
.final-carousel-viewport{background:transparent}.final-carousel-slide{align-items:center;display:flex;justify-content:center;min-height:0}.final-carousel-slide img{height:auto;max-height:760px;max-width:100%;object-fit:contain;width:auto}

.inspectable-image{cursor:zoom-in}.inspectable-image:focus-visible{outline:3px solid #168fd1;outline-offset:5px}.image-lightbox{background:rgba(10,13,18,.96);border:0;height:100dvh;margin:0;max-height:none;max-width:none;padding:0;width:100vw}.image-lightbox::backdrop{background:rgba(10,13,18,.96)}.image-lightbox[open]{display:grid;grid-template-columns:72px 1fr 72px;grid-template-rows:auto 1fr auto}.image-lightbox-toolbar{align-items:center;color:#fff;display:flex;grid-column:1/-1;justify-content:space-between;padding:18px 24px}.image-lightbox-caption{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-close,.image-lightbox-nav{background:rgba(255,255,255,.12);border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:25px;height:48px;width:48px}.image-lightbox-close:hover,.image-lightbox-nav:hover{background:rgba(255,255,255,.24)}.image-lightbox-close{font-size:32px}.image-lightbox-nav{align-self:center;justify-self:center}.image-lightbox-stage{align-items:center;display:flex;justify-content:center;min-height:0;overflow:auto;padding:18px}.image-lightbox-stage img{cursor:zoom-in;display:block;height:auto;max-height:calc(100dvh - 150px);max-width:100%;object-fit:contain;width:auto}.image-lightbox-stage img.zoomed{cursor:zoom-out;max-height:none;max-width:none}.image-lightbox>small{color:rgba(255,255,255,.65);font-size:11px;grid-column:1/-1;padding:0 24px 18px;text-align:center}
@media(max-width:700px){.image-lightbox[open]{grid-template-columns:52px 1fr 52px}.image-lightbox-toolbar{padding:14px}.image-lightbox-close,.image-lightbox-nav{height:40px;width:40px}.image-lightbox-stage{padding:8px}.image-lightbox>small{padding:0 14px 14px}}

@media(max-width:700px){.final-carousel-dots button{flex-basis:60px;height:44px;width:60px}}

.final-carousel{margin-inline:auto;max-width:860px}.final-carousel-slide img{max-height:620px}.final-carousel-footer{justify-content:center;position:relative}.final-carousel-dots{justify-content:flex-start;margin-inline:auto;max-width:calc(100% - 110px);width:max-content}.final-carousel-dots button{flex-basis:96px;height:68px;width:96px}.final-carousel-count{position:absolute;right:4px;top:50%;transform:translateY(-50%)}
@media(max-width:700px){.final-carousel{max-width:100%}.final-carousel-slide img{max-height:520px}.final-carousel-dots{max-width:calc(100% - 76px)}.final-carousel-dots button{flex-basis:74px;height:54px;width:74px}.final-carousel-count{right:0}}

.project-phantasms .case-intro-overview{gap:55px;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr)}.project-phantasms .case-section{gap:70px;grid-template-columns:minmax(0,.82fr) minmax(0,1.08fr)}
@media(max-width:800px){.project-phantasms .case-intro-overview,.project-phantasms .case-section{gap:35px;grid-template-columns:1fr}}

.final-carousel-slide video{display:block;height:auto;max-height:620px;max-width:100%;object-fit:contain;width:auto}.final-carousel-dots video{display:block;height:100%;object-fit:cover;width:100%}
@media(max-width:700px){.final-carousel-slide video{max-height:520px}}

.project-perdidos .case-intro{padding-top:38px}.project-perdidos .case-intro-overview{gap:38px;grid-template-columns:minmax(0,1fr) 340px}.project-perdidos .case-intro-overview figure{justify-self:end;width:320px}.project-perdidos .case-intro-overview img{height:260px;object-fit:cover;object-position:center;width:100%}.project-perdidos .fact-grid{gap:26px;margin-top:30px}
@media(max-width:800px){.project-perdidos .case-intro{padding-top:30px}.project-perdidos .case-intro-overview{gap:24px;grid-template-columns:1fr}.project-perdidos .case-intro-overview figure{justify-self:start;max-width:100%;width:320px}.project-perdidos .fact-grid{gap:22px;margin-top:26px}}

.project-perdidos .case-section.section-3,.project-perdidos .case-section.section-4{gap:52px;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)}.project-perdidos .case-section.section-3 figure,.project-perdidos .case-section.section-4 figure{justify-self:center;width:min(100%,380px)}.project-perdidos .case-section.section-3 figure img,.project-perdidos .case-section.section-4 figure img{max-height:310px;width:100%}@media(max-width:800px){.project-perdidos .case-section.section-3,.project-perdidos .case-section.section-4{gap:30px;grid-template-columns:1fr}.project-perdidos .case-section.section-3 figure,.project-perdidos .case-section.section-4 figure{justify-self:start;width:min(100%,380px)}}

.project-perdidos .case-section.section-4{gap:28px;grid-template-columns:minmax(400px,.9fr) minmax(0,1fr)}.project-perdidos .case-section.section-4 figure{width:min(100%,450px)}.project-perdidos .case-section.section-4 figure img{max-height:370px}@media(max-width:800px){.project-perdidos .case-section.section-4{gap:24px;grid-template-columns:1fr}.project-perdidos .case-section.section-4 figure{width:min(100%,450px)}}

.project-perdidos .case-section.section-1{gap:40px;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}.project-perdidos .case-section.section-1 figure{justify-self:center;width:min(100%,600px)}.project-perdidos .case-section.section-1 figure img{max-height:480px;width:100%}@media(max-width:800px){.project-perdidos .case-section.section-1{gap:30px;grid-template-columns:1fr}.project-perdidos .case-section.section-1 figure{justify-self:start;width:min(100%,600px)}}

.project-perdidos .case-section.section-2{gap:48px;grid-template-columns:minmax(360px,.82fr) minmax(0,1fr)}.project-perdidos .case-section.section-2 figure{justify-self:center;width:min(100%,450px)}.project-perdidos .case-section.section-2 figure img{max-height:370px;width:100%}@media(max-width:800px){.project-perdidos .case-section.section-2{gap:30px;grid-template-columns:1fr}.project-perdidos .case-section.section-2 figure{justify-self:start;width:min(100%,450px)}}

.project-batatas .case-section:not(.section-with-image-pair){gap:70px;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)}.project-batatas .case-section:not(.section-with-image-pair) figure{justify-self:center;width:min(100%,460px)}.project-batatas .case-section:not(.section-with-image-pair) figure img{max-height:390px;width:100%}@media(max-width:800px){.project-batatas .case-section:not(.section-with-image-pair){gap:32px;grid-template-columns:1fr}.project-batatas .case-section:not(.section-with-image-pair) figure{justify-self:start;width:min(100%,460px)}}

.project-batatas .case-summary{white-space:pre-line}

.project-conectarte .case-hero{background:#fff}

/* Direção visual: editorial artesanal */
:root{--ink:#19211c;--muted:#667068;--paper:#f5f1e8;--line:#b9c9bd;--green:#245644;--green-soft:#dce8df;--green-pale:#edf3ee;--white:#fcfbf7;--surface:#ecebe4;--blue:var(--green);--blue-soft:var(--green-pale);--shadow:0 20px 55px rgba(29,57,45,.09);font-family:Inter,Arial,sans-serif}
body{background-color:var(--paper);background-image:radial-gradient(rgba(36,86,68,.045) .7px,transparent .8px);background-size:5px 5px;color:var(--ink)}
.site-header{background:rgba(245,241,232,.92);border-bottom:1px solid rgba(36,86,68,.24);box-shadow:none}.brand{color:var(--green);font:500 25px/1 Lora,Georgia,serif;letter-spacing:-.035em}.brand:after{background:transparent;border:1px solid var(--green);height:8px;transform:rotate(-9deg);width:8px}.site-header nav{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.site-header nav a:after{background:var(--green)}
.language-toggle{background:#cad8ce}.language-toggle[aria-checked=true]{background:var(--green)}.language-label.active{color:var(--green)}
.home-shell{max-width:1240px;padding-top:72px}.profile{background:transparent;border:0;border-radius:0;box-shadow:none;gap:82px;padding:22px 20px 52px}.profile-aside{padding:0 14px 18px 0}.profile-aside>img{border:1px solid var(--green);border-radius:2px;filter:grayscale(1) contrast(1.04);height:400px;position:relative;transition:filter .35s ease;z-index:1}.profile-aside>img:hover{filter:grayscale(.25)}.profile-aside:before{background:var(--green-soft);border:1px solid var(--green);border-radius:2px;bottom:2px;height:calc(100% - 72px);left:14px;right:auto;top:auto;width:calc(100% - 12px);z-index:0}.profile-note{background:var(--paper);bottom:73px;color:var(--green);font:400 17px/1.1 Inter,Arial,sans-serif;padding:4px 8px;position:absolute;right:-17px;transform:rotate(-4deg);z-index:2}.profile-doodle{color:var(--green);font:400 30px/1 Inter,Arial,sans-serif;left:-15px;position:absolute;top:-20px;transform:rotate(-12deg)}.profile-aside>p{color:var(--muted);font-size:11px;letter-spacing:.04em}.profile-copy{padding:18px 10px 0 0}.availability{background:transparent;border:1px solid var(--green);border-radius:2px;color:var(--green);font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;margin-bottom:32px;padding:7px 12px;transform:rotate(-1deg)}.availability>span:first-child{animation:none;background:var(--green)}.profile-copy>.eyebrow{color:var(--green)}.eyebrow{color:var(--green);font-size:10px;letter-spacing:.18em}.profile-copy h1{color:var(--green);font:500 clamp(64px,8vw,104px)/.82 Lora,Georgia,serif;letter-spacing:-.065em;margin:15px 0 25px;max-width:760px}.profile-copy h1 em{font-weight:400}.profile-copy h1:after{content:'↝  ✦';display:inline-block;font:300 34px/1 Inter,Arial,sans-serif;letter-spacing:.06em;margin-left:17px;transform:rotate(-7deg);vertical-align:middle}.profile-copy>p:not(.eyebrow){color:#38443d;font-size:14px;line-height:1.72}.profile-copy>p:last-of-type{font-size:16px!important;font-weight:500}.profile-metrics{border-color:var(--line);margin-top:34px}.profile-metrics div+div{border-color:var(--line)}.profile-metrics strong{color:var(--green);font:500 30px Lora,Georgia,serif}.profile-metrics span{font-size:9px;letter-spacing:.05em;text-transform:uppercase}.tools span{background:transparent;border:1px solid rgba(36,86,68,.32);border-radius:2px;color:var(--green);font-size:11px}.profile-links .profile-button{background:transparent!important;border:1px solid var(--green);border-radius:2px;color:var(--green)!important;box-shadow:none}.profile-links .profile-button:hover{background:var(--green)!important;color:var(--white)!important}.material-symbols-rounded,.linkedin-icon{background:var(--green-soft);border-radius:2px;color:var(--green)}
.work{border-top:1px solid var(--line);padding-top:100px}.work header{position:relative}.work header:after{color:var(--green);content:'⌁  ↗';font:300 28px Inter,Arial,sans-serif;position:absolute;right:4px;top:-45px;transform:rotate(-5deg)}.work h2{color:var(--green);font:500 clamp(52px,7vw,82px)/.95 Lora,Georgia,serif;letter-spacing:-.055em}.work header>p{color:var(--muted)}.work-grid{gap:24px}.work-card{background:rgba(252,251,247,.58);border:1px solid rgba(36,86,68,.35);border-radius:2px;box-shadow:none}.work-card:hover{background:var(--white);box-shadow:8px 8px 0 var(--green-soft);transform:translate(-3px,-3px)}.work-image{background:var(--white)}.work-image>span{background:var(--paper);border:1px solid var(--green);border-radius:50%;color:var(--green);font-family:Inter,Arial,sans-serif}.work-card h3{color:var(--green);font:500 29px/1.1 Lora,Georgia,serif;letter-spacing:-.035em}.work-card .card-label{color:var(--green);font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.03em;text-transform:none}.work-card .card-summary{color:#4e5b53}.game-meta div{background:var(--green-pale);border-radius:2px}.game-meta dt{color:var(--green)}.game-meta dd{color:var(--ink);font-family:Lora,Georgia,serif}.card-arrow{background:var(--green);border-radius:50%;color:var(--white)}.work-card:hover .card-arrow{background:var(--green-soft);color:var(--green)}
.case-hero{border-bottom:1px solid var(--green);position:relative}.case-hero:after{border:1px solid rgba(36,86,68,.28);content:'';inset:10px;pointer-events:none;position:absolute}.case-intro{padding-top:86px}.case-summary{color:#344139;font-family:Lora,Georgia,serif;font-size:19px;line-height:1.62}.case-intro-overview figure,.section-image-pair figure,.epic-results figure{background:var(--white);border:1px solid rgba(36,86,68,.24);border-radius:2px}.fact-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:0;padding:34px 0}.fact-grid article{padding-right:34px}.fact-grid article+article{border-left:1px solid var(--line);padding-left:34px}.fact-dot,.role-dot,.highlight-dot,.impact-dot{background:var(--green-soft);border:1px solid var(--green);border-radius:50%;color:var(--green)}.fact-grid h2{color:var(--green);font:500 23px Lora,Georgia,serif}.section-index{color:var(--green);font:400 15px Inter,Arial,sans-serif;letter-spacing:.04em}.case-section h2,.final-gallery h2,.final-project-header h2,.gameplay-videos-header h2,.epic-consulting-copy h2{color:var(--green);font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.035em}.case-section p{color:#38443d;line-height:1.72}.case-section figure{position:relative}.case-section figure:after{border:1px solid rgba(36,86,68,.32);content:'';inset:8px -8px -8px 8px;pointer-events:none;position:absolute;z-index:-1}.section-wide{border-left:1px solid var(--green);padding-left:38px}.final-project{border-top:1px solid var(--line);margin-top:70px}.final-carousel-viewport{background:rgba(252,251,247,.45);border:1px solid rgba(36,86,68,.22);border-radius:2px}.final-carousel-button{border:1px solid var(--green);box-shadow:none;color:var(--green)}.final-carousel-dots button{background:var(--green-pale);border-radius:2px}.final-carousel-dots button.active{border-color:var(--green)}.final-carousel-count{color:var(--green);font-family:Inter,Arial,sans-serif}.youtube-video,.gameplay-video-grid figure{border:1px solid var(--green);border-radius:2px}.video-label{color:var(--green);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;text-transform:none}.project-nav{border-color:var(--green);color:var(--green);font:400 16px Inter,Arial,sans-serif}.project-nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.image-lightbox-close,.image-lightbox-nav{border-radius:50%}
footer{background:var(--green);color:var(--paper);font-family:Inter,Arial,sans-serif;font-size:16px;margin-top:80px}
@media(max-width:800px){.profile{gap:45px;padding-inline:8px}.profile-aside{max-width:390px}.profile-note{right:0}.fact-grid article,.fact-grid article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0}.fact-grid article:first-child{border-top:0}.section-wide{padding-left:25px}.work header:after{display:none}}
@media(max-width:520px){.profile-copy h1{font-size:58px}.profile-copy h1:after{font-size:25px;margin-left:8px}.case-hero:after{inset:6px}.work h2{font-size:52px}.profile-aside>img{max-height:none}.profile-note{bottom:78px}}
/* Ajuste da exploração editorial — fundo branco e maior legibilidade */
:root{--paper:#fff;--white:#fff;--surface:#f4f7f4}
body{background-color:#fff;background-image:radial-gradient(rgba(36,86,68,.04) .65px,transparent .75px);background-size:5px 5px}
.site-header{background:rgba(255,255,255,.94)}
.profile-aside>p,.profile-links{position:relative;z-index:3}.profile-aside:before{pointer-events:none}.profile-links .profile-button{background:#fff!important}.profile-links .profile-button:hover{background:var(--green)!important}
.profile-copy>.eyebrow{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:400;letter-spacing:.025em;text-transform:none}.profile-copy h1{font-family:Lora,Georgia,serif;font-weight:600;letter-spacing:-.045em;line-height:.94}.profile-copy h1 em{font-style:normal;font-weight:400}.work h2,.work-card h3,.case-section h2,.final-gallery h2,.final-project-header h2,.gameplay-videos-header h2,.epic-consulting-copy h2,.fact-grid h2,.case-summary,.brand,.profile-metrics strong,.game-meta dd{font-family:Lora,Georgia,serif}.work h2{font-weight:600;line-height:1.05}.case-section h2,.final-gallery h2,.final-project-header h2,.gameplay-videos-header h2,.epic-consulting-copy h2{font-weight:600;letter-spacing:-.025em;line-height:1.12}
/* Simplificação visual — sem grafismos decorativos */
.profile-note,.profile-doodle,.button-arrow,.card-arrow{display:none!important}.profile-copy h1:after,.work header:after{content:none!important;display:none!important}
.home-shell{padding-top:50px}.profile{gap:56px;padding:10px 20px 34px}.profile-aside{padding:0}.profile-aside:before{display:none}.profile-aside>img{height:365px;width:100%}.profile-aside>p{background:var(--green-soft);color:var(--green);font-size:11px;letter-spacing:.025em;margin:0;padding-inline:14px;position:relative;z-index:2}.profile-aside>p:first-of-type{border-left:1px solid var(--green);border-right:1px solid var(--green);border-top:1px solid var(--green);margin-top:0;padding-bottom:3px;padding-top:11px}.profile-aside>p:nth-of-type(2){border-bottom:1px solid var(--green);border-left:1px solid var(--green);border-right:1px solid var(--green);padding-bottom:11px;padding-top:0}.profile-links{gap:8px;margin-top:14px}.profile-links .profile-button{min-height:64px}.profile-copy{padding:5px 10px 0 0}.availability{font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.02em;margin-bottom:20px;transform:none}.profile-copy>.eyebrow{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.profile-copy h1{font-weight:400;margin:9px 0 18px}.profile-copy h1 em{font-style:normal;font-weight:400}.profile-copy>p:not(.eyebrow){line-height:1.62}.profile-metrics{margin-top:24px;padding:18px 0}.tools{margin-top:18px}.work{padding-top:78px}.work header{margin-bottom:34px}.case-intro{padding-top:68px}.case-sections{padding-top:72px}.case-section{gap:64px;padding:34px 0}.final-project{padding-top:82px}.section-index,.final-carousel-count,.video-label,.project-nav,footer,.work-image>span,.work-card .card-label{font-family:Inter,Arial,sans-serif}.work-card .card-label,.video-label,.section-index{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project-nav{font-size:13px}footer{font-size:14px}
@media(max-width:800px){.profile{gap:32px}.profile-aside{max-width:360px}.case-section{gap:36px}.profile-copy{padding-right:0}}
@media(max-width:520px){.profile{padding:4px 0 28px}.profile-aside{max-width:none}.profile-aside>img{height:auto}.profile-copy h1{font-size:52px}}
/* Perfil — fotografia colorida e bloco de localização contínuo */
.profile-aside>img,.profile-aside>img:hover{filter:none}.profile-location{background:var(--green-soft);border:1px solid var(--green);color:var(--green);padding:10px 14px;position:relative;z-index:3}.profile-location p{color:var(--green);font-size:11px;letter-spacing:.025em;line-height:1.45;margin:0;padding:0}.profile-location p+p{margin-top:2px}.profile-aside>.profile-location+ .profile-links{margin-top:14px}
/* Páginas de projeto — remoção de linhas decorativas */
body:has(.case) .site-header{border-bottom:0}.case .case-hero{border-bottom:0}.case .case-hero:after,.case .case-section figure:after{display:none}.case .fact-grid{border-bottom:0;border-top:0}.case .fact-grid article+article{border-left:0}.case .case-intro-overview figure,.case .section-image-pair figure,.case .epic-results figure,.case .final-carousel-viewport,.case .youtube-video,.case .gameplay-video-grid figure{border:0}.case .section-wide{border-left:0;padding-left:0}.case .final-project{border-top:0}.case .project-nav{border-top:0}
@media(max-width:800px){.case .fact-grid article,.case .fact-grid article+article{border-top:0}}
/* Iconografia compartilhada dos destaques */
.fact-dot svg{display:block;fill:none;height:30px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:30px}.fact-dot{background:var(--green-soft);color:var(--green)}
/* Cards alinhados de atuação, destaques e impacto */
.case .fact-grid{align-items:stretch;gap:16px;margin-top:36px;padding:0}.case .fact-grid article,.case .fact-grid article+article{background:var(--green-pale);border:0;display:flex;flex-direction:column;min-height:190px;padding:20px}.case .fact-dot{flex:0 0 52px;height:52px;margin-bottom:12px;width:52px}.case .fact-dot svg{height:27px;width:27px}.case .fact-grid h2{margin:0 0 7px}.case .fact-grid p{line-height:1.5;margin:0}
@media(max-width:800px){.case .fact-grid{gap:12px;margin-top:28px}.case .fact-grid article,.case .fact-grid article+article{min-height:0;padding:18px}}
/* Contorno dos cards de destaques */
.case .fact-grid article,.case .fact-grid article+article{background:var(--green-pale);border:1px solid var(--green);border-radius:2px}
/* Experimento reversível — seções em caixas editoriais */
.case:not(.project-epic-roller-coasters) .case-sections{display:grid;gap:18px}.case:not(.project-epic-roller-coasters) .case-section{align-items:center;background:#fff;border:2px solid var(--green);gap:44px;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);margin:0;min-height:0;padding:28px}.case:not(.project-epic-roller-coasters) .case-section .section-copy,.case:not(.project-epic-roller-coasters) .case-section.section-flip .section-copy{order:1}.case:not(.project-epic-roller-coasters) .case-section figure,.case:not(.project-epic-roller-coasters) .case-section .image-placeholder,.case:not(.project-epic-roller-coasters) .case-section.section-flip figure,.case:not(.project-epic-roller-coasters) .case-section.section-flip .image-placeholder,.case:not(.project-epic-roller-coasters) .case-section .section-image-pair{justify-self:stretch;order:2}.case:not(.project-epic-roller-coasters) .case-section.section-wide{display:block;max-width:none;padding:28px}.case:not(.project-epic-roller-coasters) .case-section h2{margin-top:8px}.case:not(.project-epic-roller-coasters) .case-section figure img{margin-left:auto;margin-right:0;max-height:430px}
@media(max-width:800px){.case:not(.project-epic-roller-coasters) .case-section{gap:28px;grid-template-columns:1fr;padding:22px}.case:not(.project-epic-roller-coasters) .case-section figure,.case:not(.project-epic-roller-coasters) .case-section .image-placeholder,.case:not(.project-epic-roller-coasters) .case-section .section-image-pair{order:2}}
/* Iconografia orgânica compartilhada */
.meta-icon{align-items:center;color:var(--green);display:flex;height:30px;margin-bottom:6px;width:30px}.meta-icon svg,.fact-dot svg{display:block;fill:none;overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;vector-effect:non-scaling-stroke}.meta-icon svg{height:30px;transform:rotate(-1deg);width:30px}.fact-dot svg{transform:rotate(-1.2deg)}.meta-icon path,.fact-dot path{vector-effect:non-scaling-stroke}.game-meta div{position:relative}.game-meta dt{line-height:1.25}/* Iconografia orgânica do perfil */
.tools svg,.profile-action-icon svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;vector-effect:non-scaling-stroke}
.tools svg{color:var(--green);flex:0 0 19px;height:19px;overflow:visible;transform:rotate(-1deg);width:19px}
.profile-action-icon{align-items:center;background:var(--green-soft);color:var(--green);display:flex;height:42px;justify-content:center;width:42px}
.profile-action-icon svg{height:27px;overflow:visible;transform:rotate(-1.2deg);width:27px}
.tools svg path,.profile-action-icon svg path{vector-effect:non-scaling-stroke}
.profile-button:hover .profile-action-icon{background:#fff;color:var(--green)}/* Tipografia datilografada restrita aos textos corridos */
.profile-copy>p:not(.eyebrow),.work header>p,.work-card .card-summary,.case-summary,.fact-grid p,.case-section p,.epic-consulting-copy p,.video-description,.final-project-header>p:last-child{font-family:"Cascadia Mono",Consolas,"Liberation Mono",monospace!important;font-weight:500;letter-spacing:0;white-space:pre-wrap}
.profile-copy>p:not(.eyebrow){font-size:13px!important}.work header>p{font-size:12px}.work-card .card-summary{font-size:12px}.case-summary{font-size:16px}.fact-grid p{font-size:12.5px}.case-section p,.epic-consulting-copy p{font-size:13px;line-height:1.68}.video-description,.final-project-header>p:last-child{font-size:12px}
/* Escala e parágrafos dos textos corridos */
.profile-copy>p:not(.eyebrow){font-size:13px!important}.work header>p{font-size:12px}.work-card .card-summary{font-size:12px}.case-summary{font-size:15px}.fact-grid p{font-size:12.5px}.case-section p,.epic-consulting-copy p{font-size:13px}.video-description,.final-project-header>p:last-child{font-size:12px}
.profile-copy>p:not(.eyebrow),.work header>p,.work-card .card-summary,.case-summary,.fact-grid p,.case-section p,.epic-consulting-copy p,.video-description,.final-project-header>p:last-child{line-height:1.58;white-space:pre-line}
.section-copy p+p,.epic-consulting-copy p+p{margin-top:12px}
/* Áreas de atuação no cabeçalho */
.profile-metrics div{align-items:center;display:grid;gap:11px;grid-template-columns:38px minmax(0,1fr);padding-right:14px}.profile-metrics div+div{padding-left:18px}.profile-metrics strong{font-family:Lora,Georgia,serif;font-size:14px;font-weight:500;letter-spacing:-.015em;line-height:1.25}.profile-metric-icon{align-items:center;color:var(--green);display:flex;height:38px;justify-content:center;width:38px}.profile-metric-icon svg{display:block;fill:none;height:34px;overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;transform:rotate(-1deg);width:34px}.profile-metric-icon path{vector-effect:non-scaling-stroke}
@media(max-width:800px){.profile-metrics{gap:12px}.profile-metrics div,.profile-metrics div+div{padding:0}.profile-metrics strong{font-size:13px}}
.profile-metric-icon img{display:block;height:34px!important;max-width:none!important;object-fit:contain;width:34px!important}
/* Cards de áreas de atuação no perfil */
.profile-specialties{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.profile-specialties article{background:var(--green-pale);border:1px solid var(--green);display:flex;flex-direction:column;justify-content:flex-start;min-height:138px;padding:16px}.profile-specialties h3{color:var(--green);font-family:Lora,Georgia,serif;font-size:15px;font-weight:500;letter-spacing:-.015em;line-height:1.25;margin:10px 0 0}.specialty-icon{align-items:center!important;background:var(--green-soft);border:1px solid var(--green);border-radius:50%;color:var(--green);display:flex!important;flex:0 0 46px;height:46px!important;justify-content:center;padding:0!important;width:46px!important}.specialty-icon svg{display:block!important;fill:none!important;height:27px!important;overflow:visible;stroke:#245644!important;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:27px!important}.specialty-icon path{vector-effect:non-scaling-stroke}
@media(max-width:620px){.profile-specialties{grid-template-columns:1fr}.profile-specialties article{min-height:0}}

/* Batatas: mantém as imagens do manual ao lado do texto. */
.project-batatas .case-section.section-with-image-pair{align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);max-width:none}
.project-batatas .case-section.section-with-image-pair .section-image-pair{align-self:center;display:grid;gap:16px;grid-template-columns:1fr;margin:0}
.project-batatas .case-section.section-with-image-pair .section-image-pair figure{margin:0}
.project-batatas .case-section.section-with-image-pair .section-image-pair img{display:block;height:auto;max-height:300px;object-fit:contain;width:100%}
@media(max-width:800px){.project-batatas .case-section.section-with-image-pair{gap:28px;grid-template-columns:1fr}.project-batatas .case-section.section-with-image-pair .section-image-pair{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.project-batatas .case-section.section-with-image-pair .section-image-pair{grid-template-columns:1fr}}
/* Batatas: preserva texto e manual lado a lado também no visualizador/tablet. */
@media (min-width:521px) and (max-width:800px){
  .project-batatas .case-section.section-with-image-pair{
    align-items:center;
    gap:24px;
    grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);
  }
  .project-batatas .case-section.section-with-image-pair .section-image-pair{
    gap:12px;
    grid-template-columns:1fr;
  }
  .project-batatas .case-section.section-with-image-pair .section-image-pair img{max-height:250px}
}
/* Correção definitiva: a seção larga do manual usa duas colunas. */
.case.project-batatas .case-section.section-wide.section-with-image-pair{
  align-items:center;
  display:grid;
  gap:44px;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  max-width:none;
}
.case.project-batatas .case-section.section-wide.section-with-image-pair .section-copy{min-width:0;order:1}
.case.project-batatas .case-section.section-wide.section-with-image-pair .section-image-pair{
  align-self:center;
  display:grid;
  gap:16px;
  grid-column:2;
  grid-template-columns:1fr;
  margin:0;
  min-width:0;
  order:2;
}
@media(max-width:800px){
  .case.project-batatas .case-section.section-wide.section-with-image-pair{
    gap:24px;
    grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);
  }
}
@media(max-width:520px){
  .case.project-batatas .case-section.section-wide.section-with-image-pair{grid-template-columns:1fr}
  .case.project-batatas .case-section.section-wide.section-with-image-pair .section-image-pair{grid-column:1}
}
/* Experimento reversível — paleta monocromática em preto e cinza. */
:root{
  --ink:#151515;
  --muted:#666;
  --paper:#fff;
  --line:#c8c8c8;
  --green:#1a1a1a;
  --green-soft:#dedede;
  --green-pale:#f1f1f1;
  --white:#fff;
  --surface:#ededed;
  --blue:#1a1a1a;
  --blue-soft:#f1f1f1;
  --shadow:0 20px 55px rgba(0,0,0,.09);
}
body{
  background-color:#fff;
  background-image:radial-gradient(rgba(0,0,0,.045) .7px,transparent .8px);
  color:var(--ink);
}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:rgba(0,0,0,.18)}
.language-toggle{background:#d3d3d3}.language-toggle[aria-checked=true]{background:#1a1a1a}
.profile-copy>p:not(.eyebrow),.case-summary,.case-section p,.work-card .card-summary{color:#353535}
.tools span{border-color:#a8a8a8}
.work-card{background:rgba(255,255,255,.72);border-color:#aaa}
.work-card:hover{background:#fff;box-shadow:8px 8px 0 #d8d8d8}
.game-meta div,.case .fact-grid article,.profile-specialties article{background:#f1f1f1}
.case-intro-overview figure,.section-image-pair figure,.epic-results figure{border-color:#b8b8b8}
.final-carousel-viewport{background:rgba(255,255,255,.58);border-color:#bdbdbd}
.specialty-icon svg{stroke:#1a1a1a!important}
footer{background:#171717;color:#fff}
/* Experimento reversível — tipografia contemporânea e legível. */
body,
.profile-copy>p:not(.eyebrow),
.work header>p,
.work-card .card-summary,
.case-summary,
.fact-grid p,
.case-section p,
.epic-consulting-copy p,
.video-description,
.final-project-header>p:last-child{
  font-family:Inter,Arial,sans-serif!important;
  font-weight:400;
  letter-spacing:-.005em;
}
.brand,
.profile-copy h1,
.work h2,
.work-card h3,
.case-section h2,
.final-gallery h2,
.final-project-header h2,
.gameplay-videos-header h2,
.epic-consulting-copy h2,
.fact-grid h2,
.profile-specialties h3,
.game-meta dd{
  font-family:Manrope,Arial,sans-serif!important;
  font-style:normal;
}
.brand{font-weight:600;letter-spacing:-.035em}
.profile-copy h1{font-weight:500;letter-spacing:-.055em;line-height:.88}
.work h2{font-weight:600;letter-spacing:-.05em}
.work-card h3{font-weight:600;letter-spacing:-.035em}
.case-section h2,
.final-gallery h2,
.final-project-header h2,
.gameplay-videos-header h2,
.epic-consulting-copy h2{font-weight:600;letter-spacing:-.035em;line-height:1.08}
.fact-grid h2,.profile-specialties h3{font-weight:600;letter-spacing:-.02em}
.case-summary{font-size:15px;line-height:1.65}
.case-section p,.epic-consulting-copy p{font-size:14px;line-height:1.65}
.fact-grid p{font-size:13px;line-height:1.55}
.work-card .card-summary{font-size:13px;line-height:1.6}
/* Nova hierarquia do perfil e indicadores de disponibilidade. */
.profile-copy h1{margin:9px 0 12px}
.profile-copy>.profile-title{
  color:var(--ink);
  font-family:Manrope,Arial,sans-serif!important;
  font-size:20px;
  font-weight:600;
  letter-spacing:.015em;
  line-height:1.25;
  margin:0 0 24px;
  text-transform:none;
}
.profile-aside:after{
  background:#35a85a;
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
  content:'';
  height:15px;
  position:absolute;
  right:12px;
  top:12px;
  width:15px;
  z-index:4;
}
.profile-aside .profile-availability{
  align-items:center;
  background:#f1f1f1;
  border:1px solid var(--ink);
  border-radius:2px;
  color:var(--ink);
  display:flex;
  font-family:Inter,Arial,sans-serif;
  font-size:11px;
  font-weight:500;
  gap:9px;
  margin:10px 0 0;
  min-height:46px;
  padding:10px 14px;
  transform:none;
  width:100%;
}
.profile-aside .profile-availability>span:first-child{
  background:#35a85a;
  border-radius:50%;
  flex:0 0 9px;
  height:9px;
  width:9px;
}
.profile-aside .profile-availability .availability-text{white-space:normal}
@media(max-width:520px){.profile-copy>.profile-title{font-size:17px}}
/* Hierarquia e alinhamento das experiências e skills. */
.profile-section-title{
  color:var(--ink);
  font-family:Manrope,Arial,sans-serif!important;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.2;
  margin:28px 0 12px;
}
.profile-section-title.skills-title{margin-top:22px}
.profile-specialties{margin-top:0}
.profile-copy .tools{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin-top:0;
  width:100%;
}
.profile-copy .tools span{
  align-items:center;
  background:#f1f1f1;
  border:1px solid var(--ink);
  display:flex;
  flex-direction:column;
  font-size:11px;
  font-weight:600;
  gap:9px;
  justify-content:center;
  min-height:86px;
  min-width:0;
  padding:12px 8px;
  text-align:center;
}
.profile-copy .tools img,
.profile-copy .tools svg{
  flex:0 0 30px;
  height:30px;
  max-width:34px;
  object-fit:contain;
  width:30px;
}
@media(max-width:1050px){.profile-copy .tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){
  .profile-section-title{font-size:16px}
  .profile-copy .tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Inversão de escala entre título profissional e títulos das competências. */
.profile-copy>.profile-title{font-size:17px}
.profile-section-title{font-size:20px}
@media(max-width:520px){
  .profile-copy>.profile-title{font-size:15px}
  .profile-section-title{font-size:18px}
}
/* Reforço do título profissional. */
.profile-copy>.profile-title{font-size:23px;font-weight:600;letter-spacing:.01em}
@media(max-width:520px){.profile-copy>.profile-title{font-size:19px}}
/* Controle de idioma ampliado com bandeiras. */
.language-control{gap:10px}
.language-label{
  align-items:center;
  display:inline-flex;
  font-size:12px;
  gap:5px;
  letter-spacing:.04em;
}
.language-flag{
  display:inline-block;
  font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
  font-size:18px;
  line-height:1;
}
.language-toggle{height:30px;padding:3px;width:54px}
.language-toggle span{height:24px;width:24px}
.language-toggle[aria-checked="true"] span{transform:translateX(24px)}
.profile-language-control{margin-bottom:28px}
@media(max-width:520px){
  .language-label{font-size:11px;gap:4px}
  .language-flag{font-size:16px}
}
/* Curso em destaque no bloco de formação. */
.profile-location .profile-course{
  font-family:Manrope,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.3;
  margin-bottom:6px;
}
.profile-location .profile-course+p{margin-top:0}
/* Iconografia vetorial polida do perfil. */
.polished-icon svg {
  fill: none !important;
  overflow: visible;
  stroke: currentColor !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75 !important;
  transform: none !important;
}

.polished-icon svg * {
  vector-effect: non-scaling-stroke;
}

.profile-action-icon.polished-icon svg {
  width: 26px;
  height: 26px;
}

.specialty-icon.polished-icon svg {
  width: 28px !important;
  height: 28px !important;
}
/* Versões preenchidas, com o mesmo peso dos ícones de software. */
.filled-icon svg {
  fill: currentColor !important;
  stroke: none !important;
}

.filled-icon svg .icon-back {
  opacity: .42;
}

.filled-icon svg .icon-cutout {
  fill: none !important;
  stroke: #fff !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6 !important;
}

.filled-icon svg .icon-solid {
  fill: #fff !important;
  stroke: none !important;
}

.filled-icon svg .icon-hole {
  fill: #fff !important;
  stroke: none !important;
}
/* Contorno uniforme das informações de cada jogo. */
.game-meta > div {
  border: 1.5px solid #858585;
  box-sizing: border-box;
}
/* Caixas de destaque sem contorno externo. */
.game-meta > div,
.profile-location,
.profile-aside .profile-availability,
.profile-links .profile-button,
.profile-specialties article,
.profile-copy .tools span {
  border: 0 !important;
}
/* Contornos seletivos e ícones de experiência sem aro. */
.profile-links .profile-button,
.profile-specialties article {
  border: 1.5px solid #858585 !important;
}

.profile-specialties .specialty-icon {
  background: #d4d4d4 !important;
  border: 0 !important;
}
/* Janela de contato compartilhada. */
.contact-modal {
  background: transparent;
  border: 0;
  color: #171717;
  max-height: 100vh;
  max-width: none;
  padding: 24px;
  width: 100%;
}

.contact-modal::backdrop {
  background: rgba(15, 15, 15, .64);
  backdrop-filter: blur(3px);
}

.contact-modal-panel {
  background: #fff;
  border: 1.5px solid #858585;
  box-shadow: 12px 12px 0 rgba(0, 0, 0, .18);
  margin: min(12vh, 90px) auto 0;
  max-width: 590px;
  padding: 38px;
  position: relative;
}

.contact-modal-close {
  align-items: center;
  background: #e0e0e0;
  border: 0;
  color: #171717;
  cursor: pointer;
  display: flex;
  font: 400 25px/1 Manrope, Arial, sans-serif;
  height: 38px;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 38px;
}

.contact-modal-close:hover,
.contact-modal-close:focus-visible {
  background: #171717;
  color: #fff;
}

.contact-modal-eyebrow {
  font: 600 11px/1.2 Inter, Arial, sans-serif;
  letter-spacing: .12em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.contact-modal h2 {
  font: 600 clamp(27px, 4vw, 38px)/1.12 Manrope, Arial, sans-serif;
  letter-spacing: -.035em;
  margin: 0 55px 16px 0;
}

.contact-modal-intro {
  color: #454545;
  font: 400 14px/1.65 Inter, Arial, sans-serif;
  margin: 0;
  max-width: 500px;
}

.contact-options {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 28px;
}

.contact-option {
  align-items: center;
  background: #f1f1f1;
  border: 1.5px solid #858585;
  display: grid;
  gap: 12px;
  grid-template-columns: 46px 1fr;
  min-height: 78px;
  padding: 13px;
}

.contact-option-icon {
  align-items: center;
  background: #d4d4d4;
  display: flex;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.contact-option-icon svg {
  fill: #171717;
  height: 27px;
  stroke: none;
  width: 27px;
}

.contact-option-icon .contact-icon-cutout {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.contact-option strong,
.contact-option small {
  display: block;
}

.contact-option strong {
  font: 600 14px/1.3 Manrope, Arial, sans-serif;
}

.contact-option small {
  color: #666;
  font: 400 10px/1.35 Inter, Arial, sans-serif;
  margin-top: 4px;
}

@media (max-width: 560px) {
  .contact-modal { padding: 14px; }
  .contact-modal-panel { margin-top: 7vh; padding: 28px 20px 22px; }
  .contact-options { grid-template-columns: 1fr; }
  .contact-modal h2 { margin-right: 45px; }
}
/* Hierarquia compacta do cabeçalho de projetos. */
.work header {
  align-items: flex-start;
  margin-bottom: 28px;
}

.work h2 {
  font-size: clamp(34px, 4.2vw, 52px) !important;
  margin: 0;
}

.work header .eyebrow {
  margin: 9px 0 0;
}
/* Aproximação da seção de projetos à linha divisória. */
.work {
  padding-top: 34px !important;
}

.work header {
  margin-bottom: 24px;
}
/* Alinhamento vertical das informações dos jogos. */
.game-meta > div {
  display: grid;
  grid-template-rows: 30px 2.5em auto;
  align-content: start;
}
.game-meta .meta-icon {
  margin-bottom: 0;
}
.game-meta dt {
  align-self: start;
}
.game-meta dd {
  align-self: start;
  margin-top: 5px;
}

/* Cabeçalho compacto em caixa editorial única. */
.profile {
  background: #fff;
  border: 1.5px solid #858585;
  box-sizing: border-box;
}

.profile-specialties article {
  border: 0 !important;
}

@media (min-width: 901px) {
  .home-shell {
    padding-top: 20px;
  }

  .profile {
    gap: 34px;
    grid-template-columns: 250px minmax(0, 1fr);
    padding: 18px;
  }

  .profile-aside > img {
    height: 238px;
  }

  .profile-location {
    padding: 7px 10px;
  }

  .profile-location p {
    font-size: 9px;
    line-height: 1.3;
  }

  .profile-aside .profile-availability {
    font-size: 9px;
    min-height: 34px;
    padding: 7px 10px;
  }

  .profile-links {
    gap: 6px;
    margin-top: 8px;
  }

  .profile-links .profile-button {
    gap: 9px;
    min-height: 46px;
    padding: 7px 10px;
  }

  .profile-action-icon,
  .linkedin-icon {
    height: 32px;
    width: 32px;
  }

  .profile-action-icon svg {
    height: 20px;
    width: 20px;
  }

  .profile-button strong {
    font-size: 11px;
  }

  .profile-button small {
    font-size: 8px;
    margin-top: 1px;
  }

  .profile-copy {
    padding: 0;
  }

  .profile-copy h1 {
    font-size: clamp(48px, 5.2vw, 68px);
    line-height: .92;
    margin: 0 0 5px;
  }

  .profile-copy > .profile-title {
    font-size: 17px;
    margin-bottom: 8px;
  }

  .profile-language-control {
    margin-bottom: 10px;
  }

  .profile-copy > p:not(.eyebrow) {
    font-size: 10.5px !important;
    line-height: 1.45;
    margin: 0 0 7px;
  }

  .profile-section-title {
    font-size: 15px;
    margin: 12px 0 7px;
  }

  .profile-section-title.skills-title {
    margin-top: 10px;
  }

  .profile-specialties {
    gap: 8px;
  }

  .profile-specialties article {
    min-height: 76px;
    padding: 9px 10px;
  }

  .specialty-icon {
    flex-basis: 30px;
    height: 30px !important;
    width: 30px !important;
  }

  .specialty-icon svg {
    height: 18px !important;
    width: 18px !important;
  }

  .profile-specialties h3 {
    font-size: 11px;
    margin-top: 6px;
  }

  .profile-copy .tools {
    gap: 7px;
  }

  .profile-copy .tools span {
    font-size: 9px;
    gap: 5px;
    min-height: 58px;
    padding: 7px 5px;
  }

  .profile-copy .tools img,
  .profile-copy .tools svg {
    flex-basis: 22px;
    height: 22px;
    width: 22px;
  }

  .work {
    padding-top: 18px !important;
  }

  .work header {
    margin-bottom: 18px;
  }
}

@media (max-width: 900px) {
  .profile {
    padding: 18px;
  }
}

/* Reequilíbrio vertical do conteúdo do perfil. */
@media (min-width: 901px) {
  .profile-copy > p:not(.eyebrow) {
    font-size: 12.5px !important;
    line-height: 1.55;
    margin-bottom: 9px;
  }

  .profile-copy > .profile-section-title:not(.skills-title) {
    margin-top: 28px;
  }

  .profile-section-title {
    font-size: 17px;
  }

  .profile-specialties article {
    min-height: 94px;
    padding: 12px;
  }

  .specialty-icon {
    flex-basis: 36px;
    height: 36px !important;
    width: 36px !important;
  }

  .specialty-icon svg {
    height: 22px !important;
    width: 22px !important;
  }

  .profile-specialties h3 {
    font-size: 12px;
  }

  .profile-section-title.skills-title {
    margin-top: 17px;
  }

  .profile-copy .tools span {
    font-size: 10px;
    min-height: 72px;
    padding: 9px 6px;
  }

  .profile-copy .tools img,
  .profile-copy .tools svg {
    flex-basis: 26px;
    height: 26px;
    width: 26px;
  }
}
/* Remoção dos indicadores de disponibilidade. */
.profile-aside::after {
  display: none !important;
}

/* Ampliação dos botões de contato do perfil. */
.profile-links {
  gap: 9px;
}

.profile-links .profile-button {
  gap: 12px;
  min-height: 62px;
  padding: 10px 13px;
}

.profile-links .profile-action-icon,
.profile-links .linkedin-icon {
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
}

.profile-links .profile-action-icon svg {
  height: 25px;
  width: 25px;
}

.profile-links .profile-button strong {
  font-size: 14px;
  line-height: 1.25;
}

.profile-links .profile-button small {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 3px;
}
/* Informações exclusivas do card Epic Roller Coasters. */
.epic-game-meta > div {
  align-content: start;
  grid-template-rows: 32px auto;
}

.epic-game-meta dt {
  color: #171717;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .035em;
  line-height: 1.25;
  text-transform: none;
}

.epic-game-meta .meta-icon {
  color: #171717;
  height: 30px;
  width: 30px;
}
/* Marcas preenchidas de Steam e PlayStation, no peso visual dos ícones de skills. */
.epic-game-meta > div:nth-child(2) .meta-icon svg,
.epic-game-meta > div:nth-child(3) .meta-icon svg {
  fill: currentColor;
  stroke: none;
  transform: none;
}

/* Nome sem marcador e contatos interativos. */
.brand::after {
  content: none !important;
  display: none !important;
}

.contact-option {
  color: inherit;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.contact-option:hover,
.contact-option:focus-visible {
  background: #e4e4e4;
  border-color: #171717;
  transform: translateY(-2px);
}

.contact-option:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 2px;
}

/* Informações de partida nas páginas de projeto (exceto Epic Roller Coasters). */
.project-meta-overlap {
  display: flex;
  justify-content: flex-end;
  margin-top: -66px;
  pointer-events: none;
  position: relative;
  z-index: 4;
}

.project-meta-overlap .project-page-game-meta {
  pointer-events: auto;
  width: min(100%, 390px);
}

.case-intro-with-game-meta {
  align-items: start;
}

.project-page-game-meta {
  gap: 8px;
  margin: 0;
  max-width: none;
  width: 100%;
}

.project-page-game-meta > div {
  align-content: start;
  background: #fff;
  border: 1px solid #8a8a8a !important;
  min-height: 126px;
  padding: 13px 12px;
  grid-template-rows: 32px 2.5em auto;
}

.project-page-game-meta .meta-icon {
  color: #171717;
  height: 30px;
  margin: 0;
  width: 30px;
}

.project-page-game-meta dt {
  color: #171717;
  font-size: 8px;
  line-height: 1.25;
}

.project-page-game-meta dd {
  align-self: end;
  color: #171717;
  font: 600 13px/1.3 Manrope, Arial, sans-serif !important;
  margin-top: 8px;
}

@media (max-width: 800px) {
  .project-meta-overlap {
    justify-content: center;
    margin-top: -42px;
  }

  .case-intro-with-game-meta {
    grid-template-columns: 1fr;
  }

  .case-intro-with-game-meta .project-page-game-meta {
    max-width: 390px;
  }
}

@media (max-width: 440px) {
  .project-page-game-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .project-page-game-meta > div {
    min-height: 120px;
    padding: 10px 8px;
  }
}


