.intro { padding-bottom: 88px; }.metrics { margin-bottom: 0; }.metrics strong { color: #080b10; }.metrics div { min-height: 87px; padding: 17px 18px 14px 0; }.metrics div:not(:first-child) { padding-left: 18px; }.about .metrics div:nth-child(2) strong { font-size:clamp(1.4rem,2.2vw,2.4rem); letter-spacing:-.06em; }
.tech-stickers { position:relative; margin-top:24px; height:132px; overflow:hidden; }.sticker-track { display:flex; width:max-content; min-width:200%; animation:sticker-slide 31s linear infinite; }.sticker-set { min-width:100vw; display:flex; align-items:center; justify-content:space-around; gap:24px; padding:11px 3vw 17px; }.tech-sticker { position:relative; flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:8px 12px 8px 8px; border:3px solid #fff; border-radius:10px 13px 11px 15px; color:#121820; background:#e9eef6; box-shadow:0 6px 0 rgba(9,20,34,.2),0 10px 20px rgba(9,20,34,.12); font:700 10px 'DM Mono'; letter-spacing:.01em; transform:rotate(-5deg); }.tech-sticker::after { content:""; position:absolute; width:8px; height:8px; right:6px; top:5px; border-radius:50%; background:rgba(255,255,255,.52); }.tech-sticker b { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; color:#fff; background:#17447f; font:800 11px Syne; letter-spacing:-.08em; }.tech-sticker small { font:700 10px 'DM Mono'; }.tech-sticker:nth-child(2n) { transform:rotate(6deg) translateY(13px); }.tech-sticker:nth-child(3n) { transform:rotate(-10deg) translateY(-8px); }.tech-sticker.python b{background:linear-gradient(135deg,#366c9e 0 50%,#ffd747 50%)}.tech-sticker.javascript{background:#f8dc3d}.tech-sticker.javascript b{background:#1e1e1e}.tech-sticker.react{background:#dff5fc}.tech-sticker.react b{background:#58b7d5;font-size:20px}.tech-sticker.csharp{background:#e4d6f1}.tech-sticker.csharp b{background:#682e90}.tech-sticker.java{background:#fff0df}.tech-sticker.java b{background:#d35f28}.tech-sticker.html{background:#ffe0d6}.tech-sticker.html b{background:#e34f26}.tech-sticker.node{background:#dcebcf}.tech-sticker.node b{background:#3e873a;font-size:17px}.tech-sticker.git{background:#ffe2df}.tech-sticker.git b{background:#f05033;font-size:18px}@keyframes sticker-slide { to { transform:translateX(-50%); } }.tech-stickers:hover .sticker-track { animation-play-state:paused; }.locale-switch { margin-left:auto; margin-right:18px; padding:7px 8px; border:1px solid currentColor; border-radius:999px; color:var(--header-ink); background:rgba(8,17,30,.12); font:600 10px 'DM Mono'; letter-spacing:.08em; cursor:pointer; transition:transform .25s,background .25s,color .25s,border-color .25s; }.locale-switch:hover { transform:translateY(-2px); background:#2860ad; border-color:#2860ad; color:#fff; }
.tech-sticker b { color:transparent; background-color:#fff !important; background-repeat:no-repeat; background-position:center; background-size:23px 23px; border:1px solid rgba(8,17,30,.12); }.tech-sticker.python b { background-image:url("assets/tech-icons/python.svg"); }.tech-sticker.javascript b { background-image:url("assets/tech-icons/javascript.svg"); }.tech-sticker.react b { background-image:url("assets/tech-icons/react.svg"); }.tech-sticker.csharp b { background-image:url("assets/tech-icons/csharp.svg"); }.tech-sticker.java b { background-image:url("assets/tech-icons/java.svg"); }.tech-sticker.html b { background-image:url("assets/tech-icons/html5.svg"); }.tech-sticker.node b { background-image:url("assets/tech-icons/nodejs.svg"); }.tech-sticker.git b { background-image:url("assets/tech-icons/git.svg"); }
.service { cursor: pointer; }.service i { display: inline-block; color: currentColor; transform: translate(0,0); transition: transform .45s cubic-bezier(.2,.8,.2,1), color .35s; }.service:hover i { color: #cbe3ff; transform: translate(14px,-14px); }.service:hover h3 { letter-spacing: -.09em; }.service h3 { transition: letter-spacing .4s; }
.project-hr .hr-art { position: absolute; left: 4.5%; right: 28%; top: 7%; bottom: 10%; overflow: hidden; background: linear-gradient(135deg,#e7edf6,#b8cae3); }.project-hr .hr-art::before { content:"GESTÃO DE PESSOAS / 2025"; position:absolute; top:22px; left:25px; color:#17447f; font:10px 'DM Mono'; letter-spacing:.08em; }.project-hr .project-info { top:17%; right:6%; width:27%; }.project-hr .project-info h3 { margin-top:115px; }.hr-card { position:absolute; display:flex; flex-direction:column; justify-content:space-between; color:#eef5ff; background:#101b2b; border:1px solid rgba(23,68,127,.5); box-shadow:13px 15px 0 rgba(20,54,96,.18); padding:19px; transition:transform .65s cubic-bezier(.2,.8,.2,1); }.hr-card small { color:#8fb6ef; font:10px 'DM Mono'; }.hr-card b { font:700 24px/.92 Syne; letter-spacing:-.07em; }.hr-card p { margin:0; color:#c2d6ef; font:11px/1.45 Manrope; }.hr-card.one { width:190px; height:150px; left:11%; top:25%; transform:rotate(-9deg); }.hr-card.two { width:230px; height:205px; left:40%; top:17%; transform:rotate(4deg); background:#17447f; }.hr-card.three { width:176px; height:130px; right:9%; bottom:17%; transform:rotate(11deg); }.project-hr.is-story-active .hr-card.one { transform:rotate(-15deg) translate(-16px,-12px); }.project-hr.is-story-active .hr-card.two { transform:rotate(0) translateY(-20px) scale(1.04); }.project-hr.is-story-active .hr-card.three { transform:rotate(17deg) translate(13px,-10px); }
.statement-details { display:flex; gap:22px; margin-top:38px; padding-top:17px; border-top:1px solid var(--line); font:11px/1.5 'DM Mono'; color:#17447f; }.statement-details span { max-width:220px; }.footer-socials { display:flex; gap:18px; margin-top:22px; }.footer-socials a { color:#d8e8ff; font:10px 'DM Mono'; letter-spacing:.08em; text-decoration:none; border-bottom:1px solid rgba(216,232,255,.55); padding-bottom:5px; }
@media (max-width:720px) { .intro { padding-bottom:54px; }.metrics div,.metrics div:not(:first-child) { padding-left:0; }.tech-stickers { margin-top:19px;height:114px; }.sticker-set { min-width:190vw; gap:17px; padding-left:16px; }.tech-sticker { padding:6px 9px 6px 6px; }.tech-sticker b { width:25px;height:25px; }.tech-sticker small { font-size:9px; }.locale-switch { margin-right:13px; padding:6px 7px; }.project-hr { display:flex; flex-direction:column; min-height:0; }.project-hr .hr-art { position:relative; inset:auto; height:470px; width:100%; }.project-hr .project-info { position:relative; inset:auto; width:auto; padding:42px 20px; background:#111722; order:2; }.project-hr .project-info h3 { margin:55px 0 22px; font-size:17vw; }.hr-card.one { left:6%; }.hr-card.two { left:33%; }.hr-card.three { right:4%; }.statement-details { display:block; }.statement-details span { display:block; margin-bottom:9px; } }