.site-header,body{background-color:var(--bg)}.logo,.nav-link{text-decoration:none}.logo,.nav-link:hover,body{color:var(--text)}.lang-btn,body{font-family:var(--font)}.lang-btn,.nav-link{transition:color .2s}.logo-text,.tag{white-space:nowrap}.project-thumb,body.is-loading{overflow:hidden}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0ede4;--text:#1a1a1a;--text-muted:#1D1D19;--btn-bg:#2e2e2e;--btn-text:#f0ede4;--font:'Quicksand',sans-serif;--header-h:64px}body{font-size:16px;line-height:1.6;min-height:100vh}.site-header{margin:15px;z-index:100;height:var(--header-h);display:flex;align-items:center}.header-inner,.logo{align-items:center;display:flex}.header-inner{width:100%;margin:0 auto;padding:0 2rem;justify-content:space-between;gap:3rem}.logo{gap:.5rem}.logo-text{font-size:24px;font-weight:600;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:19px;font-weight:600;color:var(--text-muted)}.nav-divider{display:inline-block;width:1px;height:18px;background-color:#bbb}.lang-switcher{display:flex;align-items:center;gap:.25rem}.lang-btn{background:0 0;border:none;cursor:pointer;font-size:18px;font-weight:500;color:var(--text-muted);padding:.1rem .2rem;opacity:.7}.lang-btn.lang-active,.lang-btn:hover,.lang-btn[aria-pressed=true]{color:var(--text-muted);font-weight:700;opacity:1}#conteudo-principal{padding-top:70px}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(60vh - var(--header-h));padding:4rem 2rem}.hero-inner,.projects-intro{flex-direction:column;text-align:center}.hero-inner p,.hero-title{padding-left:15px;padding-right:15px}.hero-inner{max-width:1300px;display:flex;padding-bottom:150px;align-items:center;margin:0 auto;gap:2.5rem}.hero-title{font-size:clamp(26px, 4vw, 3rem);font-weight:400;line-height:1.25;letter-spacing:-.01em;color:var(--text)}.hero-cta,.hero-cta-outline{display:inline-block;font-family:var(--font);font-size:.95rem;font-weight:500;text-decoration:none}.hero-cta,.hero-cta-outline:hover{background-color:var(--text-muted);color:var(--btn-text)}.hero-cta{padding:.85rem 2.5rem;border-radius:999px;transition:opacity .2s,transform .15s}.hero-cta-outline{background-color:transparent;color:var(--text-muted);border:2px solid var(--text-muted);padding:.71rem 2.5rem;border-radius:999px;transition:.25s}.hero-cta-outline:hover{transform:translateY(-2px)}.hero-cta:hover{opacity:.85;transform:translateY(-1px)}.hero-cta:active{transform:translateY(0);opacity:1}@media (max-width:640px){.header-inner{justify-content:space-between;gap:1rem;padding:0}.nav{gap:1rem}.nav-link{display:none}}.projects-grid,.projects-intro{padding-left:15px;padding-right:15px}@media(max-width:768px){.hero-inner{padding-bottom:60px}.logo-text{font-size:20px}.logo-avatar{width:40px}}.projects{background:#fff;padding-top:45px;border-radius:60px;margin:0 auto;padding-bottom:60px}.projects-intro{max-width:780px;margin:0 auto 5rem;display:flex;gap:.8rem}.projects-label{font-size:1rem;font-style:italic;color:var(--text-muted);letter-spacing:.01em}.projects-headline{font-size:clamp(20px, 3.2vw, 30px);font-weight:600;line-height:1.3;color:var(--text);letter-spacing:-.01em}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 3rem;margin:0 auto}.project-card:nth-child(odd) .project-thumb{aspect-ratio:16/11}.project-card:nth-child(2n){padding-top:4rem}.project-card:nth-child(2n) .project-thumb{aspect-ratio:16/10}.project-thumb-link{display:block;text-decoration:none}.project-thumb{width:100%;border-radius:4px;background-color:#d8d4cb}.project-thumb img{width:100%;object-fit:cover;display:block;transition:transform .5s}.project-thumb-link:hover .project-thumb img{transform:scale(1.03)}.project-info{margin-top:1.1rem;display:flex;flex-direction:column;gap:.5rem}.project-name{font-size:18px;font-weight:700;font-style:italic;color:var(--text);letter-spacing:.01em}.project-desc,.project-link,footer a{color:var(--text-muted)}.project-link{text-decoration:none}.project-desc{font-size:.9rem;line-height:1.55;max-width:420px}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.copy,footer a{align-items:center}.tag{font-size:.75rem;font-weight:500;color:var(--text);border:1px solid #bbb;border-radius:999px;padding:.25rem .75rem;letter-spacing:.02em}footer{padding-top:100px;padding-bottom:50px;text-align:center}footer img{padding-bottom:20px}footer a{margin-right:20px;text-decoration:none;font-size:18px;transition:.3s;display:inline-flex;gap:5px}.arrow-myicon .arrow-icon{transition:.3s;opacity:.7;transform:rotate(315deg)}.arrow-myicon:hover .arrow-icon{transform:translateX(4px)}footer a:last-child{margin-right:0}.copy{padding-top:20px;display:flex;justify-content:center;gap:10px}#curtain{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;transform-origin:bottom;transform:scaleY(1);transition:transform .9s cubic-bezier(.76, 0, .24, 1)}#curtain.open{transform:scaleY(0)}#curtain-logo{width:120px;height:120px;object-fit:contain;opacity:0;animation:1.2s cubic-bezier(.4,0,.2,1) forwards logoSpin;animation-delay:.2s}@keyframes logoSpin{0%{opacity:0;transform:rotate(0) scale(.8)}30%{opacity:1}100%{opacity:1;transform:rotate(360deg) scale(1)}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.project-card{opacity:0;transform:translateY(36px);transition:opacity .6s,transform .6s}.project-card.is-visible{transition:opacity .6s,transform .6s;opacity:1;transform:translateY(0)}.project-card:nth-child(2){transition-delay:80ms}.project-card:nth-child(3){transition-delay:0.16s}.project-card:nth-child(4){transition-delay:0.24s}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:3rem}.projects{border-radius:40px}.body{padding-left:15px;padding-right:15px}.project-card:nth-child(2n){padding-top:0}}.container{max-width:100%;margin:0 auto;padding:0 20px}@media (min-width:640px){.container{max-width:600px}}@media (min-width:768px){.container{max-width:740px}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1180px}}@media (min-width:1440px){.container{max-width:1320px}}@media (min-width:1600px){.container{max-width:1500px}}@media (min-width:1920px){.container{max-width:1700px}}