:root{--bg:#111513;--fg:#f2f5ed;--muted:#a7afa9;--accent:#ccff72;--line:#303831}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1200px,calc(100% - 100px));margin:auto}.skip{position:absolute;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-3px}.brand span{color:var(--accent)}nav{display:flex;gap:36px;font-size:14px}.nav-contact{font-size:14px;border:1px solid #505c50;border-radius:30px;padding:10px 22px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.6px}.hero{padding-top:66px}.hero .eyebrow{display:flex;gap:28px}.hero .eyebrow span{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6.7vw,86px);line-height:1.12;font-weight:500;letter-spacing:-4.5px;margin:33px 0 36px}h1>span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.hero-copy p{color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:28px}.button{font-size:14px;font-weight:600;padding:14px 24px;border-radius:40px;display:inline-block}.primary{background:var(--accent);color:#17220b}.primary:hover{background:#e1ffac;color:#17220b}.text-link{font-size:14px;border-bottom:1px solid #737e70;padding-bottom:3px}.profile{display:flex;gap:18px;align-items:center;border-left:1px solid var(--line);padding-left:38px}.profile img{border-radius:50%;object-fit:cover;filter:grayscale(1)}.profile span,.profile small{display:block;font-size:12px;color:var(--muted)}.profile a{font-size:23px;font-weight:500;display:block}.hero-foot{border-bottom:1px solid var(--line);padding:51px 0 24px;margin-bottom:80px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.2px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:24px}.section-heading .eyebrow,.about .eyebrow{color:var(--muted);margin-bottom:16px}h2{font-size:clamp(30px,3.3vw,43px);font-weight:500;letter-spacing:-1.7px;line-height:1.2}.section-heading>p{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.project-image{height:360px;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;padding:24px 24px 0}.score{background:#283329}.linker{background:#292c3b}.image-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#c1c9bc;margin-bottom:28px}.project-image img{width:100%;height:265px;object-fit:cover;object-position:top;box-shadow:0 10px 40px #0005;border-radius:5px 5px 0 0;transition:transform .5s}.project-image:hover img{transform:translateY(-7px) scale(1.025)}.project-info{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.project h3{font-size:26px;letter-spacing:-.7px;font-weight:600}.project-info span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.project-link{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:4px;white-space:nowrap}.project>p{color:var(--muted);margin:18px 0;font-size:15px;max-width:480px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;border:1px solid var(--line);padding:4px 12px;border-radius:20px;color:var(--muted)}.about{border-top:1px solid var(--line);margin-top:96px;padding-top:82px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px}.about-title h2{font-size:72px;line-height:1.04;letter-spacing:-4px;margin-bottom:30px}.about-title h2 span{color:var(--accent)}.large{font-family:Manrope,sans-serif;font-size:28px;line-height:1.4;letter-spacing:-.8px;margin-bottom:24px}.about-content>p:not(.large){color:var(--muted);margin-bottom:18px}.experience{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:26px}.experience span{display:block;font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-bottom:12px}.experience strong{font-weight:500;font-size:15px}.experience p{font-size:13px;color:var(--muted);margin-top:3px}.stack{padding:100px 0 96px}.stack-row{border-top:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:25px}.stack-row:last-child{border-bottom:1px solid var(--line)}.stack-row>div{display:flex;align-items:center;gap:24px}.number{font-size:12px;color:#7f8b7f}.stack-row h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.stack-row p{display:flex;flex-wrap:wrap;gap:12px 26px;color:var(--muted);font-size:15px}.contact{background:var(--accent);color:#182411;padding:66px 0 55px}.contact .eyebrow{color:#425b2b;margin-bottom:25px}.contact h2{font-size:clamp(36px,5.3vw,68px);letter-spacing:-3px;line-height:1.15}.contact em{font-family:Georgia,serif;font-weight:400}.contact-bottom{margin-top:42px;padding-top:25px;border-top:1px solid #18241133;display:flex;align-items:center;justify-content:space-between;gap:20px}.email{font-size:24px;letter-spacing:-.7px}.contact-bottom>div{display:flex;gap:30px;font-size:14px}.contact a:hover{color:#182411;text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:12px;color:var(--muted)}footer .brand{color:var(--fg);font-size:29px}@media(min-width:1500px){.hero{padding-top:85px}h1{font-size:96px}.hero-foot{padding-top:65px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}header{height:88px}nav{gap:20px}.hero{padding-top:48px}h1{letter-spacing:-2.5px}.profile{padding-left:20px}.profile img{width:50px;height:50px}.hero-copy p{font-size:16px}.hero-foot{margin-bottom:60px}.project-image{height:270px;padding:18px 18px 0}.project-image img{height:210px}.project-grid{gap:22px}.about{gap:35px}.about-title h2{font-size:58px}.large{font-size:24px}.experience{grid-template-columns:minmax(0,1fr);gap:20px}.stack-row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.contact h2{letter-spacing:-2px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}header{height:80px}header .brand{font-size:30px}nav{gap:17px;font-size:13px}.nav-contact{display:none}.hero{padding-top:38px}.hero .eyebrow{font-size:10px;flex-direction:column;gap:5px}h1{font-size:clamp(39px,9.5vw,58px);letter-spacing:-2px;margin:24px 0 28px}.hero-bottom{align-items:start;flex-direction:column;gap:32px}.hero-copy p br{display:none}.profile{padding-left:0;border-left:0}.profile a{font-size:20px}.actions{gap:24px}.hero-foot{font-size:9px;letter-spacing:.8px;gap:18px;padding-top:32px;margin-bottom:48px}.hero-foot span:last-child{text-align:right}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:28px}.section-heading>p br{display:none}.eyebrow{font-size:10px}.project-grid{grid-template-columns:minmax(0,1fr);gap:42px}.project-image{height:300px;padding:22px 22px 0}.project-image img{height:230px}.project-info{margin-top:18px}.about{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:60px;padding-top:48px}.about-title h2{font-size:clamp(36px,10.5vw,60px);letter-spacing:-2px}.about-title h2 br{display:none}.experience{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.stack{padding:64px 0}.stack-row{grid-template-columns:minmax(0,1fr);gap:18px;padding:23px 0}.stack-row p{gap:9px 22px;padding-left:39px;font-size:14px}.stack-row>div{gap:20px}.contact{padding:48px 0 38px}.contact h2{font-size:40px;letter-spacing:-1.8px}.contact-bottom{align-items:start;flex-direction:column;margin-top:30px}.email{font-size:22px}.contact-bottom>div{gap:25px}footer{gap:20px;flex-wrap:wrap}footer span{font-size:11px}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}} 

/* Let flex and grid content shrink naturally on narrow screens. */
.hero-bottom>*{min-width:0}.actions,.project-info{flex-wrap:wrap}.email{overflow-wrap:anywhere}.project-image img{min-width:0;max-width:100%}

.profile img{object-position:35% 46%}

.uniao{background:#151e35}.project-image.uniao img{object-position:center;object-fit:cover}

.project-image.uniao img{object-fit:cover;object-position:center;background:#d5d5d3}