@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,800&family=DM+Sans:wght@400;500;700&family=Caveat:wght@600;700&display=swap";:root{--creme:#fff7ec;--papel:#fff;--tinta:#2a1840;--suave:#6b5a7e;--rosa:#ff5c9d;--amarelo:#ffc53d;--verde:#22c3a6;--roxo:#7a5cff;--rosa-claro:#ffe1ee;--amarelo-claro:#fff1c9;--verde-claro:#d4f6ef;--roxo-claro:#e8e2ff;--borda:#2a1840;--sombra:6px 6px 0 var(--borda);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--creme:#1b1128;--papel:#261a36;--tinta:#fbf2ff;--suave:#c7b8d8;--rosa-claro:#4a1f37;--amarelo-claro:#47391a;--verde-claro:#143d37;--roxo-claro:#2f2557;--borda:#0b0612;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--creme);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.6 DM Sans,system-ui,sans-serif}h1,h2,h3{margin:0 0 .5em;font-family:Fraunces,Georgia,serif;line-height:1.1}h2{font-size:clamp(2rem,5vw,3rem);font-weight:800}h3{font-size:1.35rem;font-weight:800}a{color:inherit}p{margin:0 0 1em}.topo{z-index:10;background:color-mix(in srgb, var(--creme) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:24px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;color:var(--tinta);font:800 2rem/1 Fraunces,serif;text-decoration:none}.topo nav{gap:22px;margin-left:auto;display:flex}.topo nav a{font-weight:500;text-decoration:none}.topo nav a:hover{-webkit-text-decoration:underline wavy var(--rosa);text-decoration:underline wavy var(--rosa);text-underline-offset:6px}.idioma{border:2px solid var(--borda);border-radius:999px;display:flex;overflow:hidden}.idioma button{cursor:pointer;background:var(--papel);color:var(--tinta);border:0;padding:6px 10px;font:700 .8rem DM Sans,sans-serif}.idioma button[aria-pressed=true]{background:var(--roxo);color:#fff}.colagem{--p:0;height:200vh;margin-bottom:-60vh;position:relative}.palco{height:100svh;position:sticky;top:0;overflow:hidden}.pecas{margin:0;padding:0;list-style:none;position:absolute;inset:72px 2vw 3vh}.peca{width:var(--w);height:var(--h);transform:translate(calc(var(--fx) * var(--p)), calc(var(--fy) * var(--p))) rotate(calc(var(--rot) * (1 + var(--p) * 4))) scale(calc(1 - var(--p) * .25));opacity:clamp(0, calc(1 - (var(--p) - var(--atraso)) * 1.25), 1);filter:drop-shadow(4px 5px #2a18402e);will-change:transform, opacity;position:absolute}.recorte{background-image:radial-gradient(#ffffff59 1.5px,#0000 1.5px),linear-gradient(135deg,#ffffff40,#00000014);background-size:14px 14px,100% 100%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.recorte img{object-fit:cover;width:100%;height:100%}.peca-emoji{filter:drop-shadow(2px 3px #00000026);font-size:clamp(2.2rem,5.5vw,4.4rem)}.peca-nome{color:#2a1840;white-space:nowrap;background:#fffdf7;border:1.5px solid #2a1840;padding:0 10px;font:700 clamp(1rem,1.8vw,1.35rem) Caveat,cursive;position:absolute;bottom:-10px;left:8%;transform:rotate(-3deg)}.fita{background:#fffdf0b3;border:1px dashed #2a184040;width:70px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-5deg)}.nota{z-index:4;text-align:center;background:var(--papel);border:2px solid var(--borda);width:max-content;max-width:90vw;box-shadow:var(--sombra);transform:translate(-50%, calc(-50% - var(--p) * 80px)) rotate(calc(-1.5deg + var(--p) * 3deg));opacity:clamp(0, calc(1 - var(--p) * 1.3), 1);border-radius:6px;padding:clamp(22px,4vw,36px) clamp(26px,5vw,48px);position:absolute;top:52%;left:50%}.nota:before{content:"";background:color-mix(in srgb, var(--amarelo) 75%, transparent);width:110px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg)}.ola{color:var(--rosa);margin:0;font:700 clamp(1.6rem,4vw,2.2rem) Caveat,cursive}.nota h1{letter-spacing:-.02em;margin:.1em 0 0;font-size:clamp(2.4rem,8vw,5rem);font-weight:800}.ponto{color:var(--amarelo)}.frase{color:var(--suave);margin:0;font-size:1.1rem}.botoes{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn{border:2px solid var(--borda);border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn-cheio{background:var(--rosa);color:#fff;box-shadow:4px 4px 0 var(--borda)}.btn-linha{background:var(--papel)}.btn:hover{box-shadow:6px 6px 0 var(--borda);transform:translate(-2px,-2px)}.desce{z-index:4;color:var(--suave);opacity:clamp(0, calc(1 - var(--p) * 5), 1);font:700 1.4rem Caveat,cursive;text-decoration:none;animation:1.8s ease-in-out infinite salta;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes salta{50%{translate:0 6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.peca{transform:rotate(var(--rot))}.nota{transform:translate(-50%,-50%)rotate(-1.5deg)}.desce{animation:none}}.bloco{z-index:1;max-width:1160px;margin:0 auto;padding:72px clamp(16px,4vw,48px);scroll-margin-top:60px;position:relative}.intro{color:var(--suave);margin-bottom:32px;font-size:1.1rem}.sobre-grelha{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;font-size:1.1rem;display:grid}.etiquetas{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.etiquetas li{border:2px solid var(--borda);border-radius:999px;padding:8px 16px;font-weight:700}.etiquetas li:nth-child(odd){transform:rotate(-3deg)}.etiquetas li:nth-child(2n){transform:rotate(2deg)}.c-rosa{background:var(--rosa-claro);--acento:var(--rosa)}.c-amarelo{background:var(--amarelo-claro);--acento:var(--amarelo)}.c-verde{background:var(--verde-claro);--acento:var(--verde)}.c-roxo{background:var(--roxo-claro);--acento:var(--roxo)}.cartoes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.cartao{border:2px solid var(--borda);box-shadow:var(--sombra);border-radius:22px;padding:18px 20px 22px;transition:transform .2s}.cartao:hover{transform:rotate(-1deg)translateY(-4px)}.cartao-capa{border:2px solid var(--borda);background:var(--acento);background-image:radial-gradient(#ffffff73 2px,#0000 2px);background-size:18px 18px;border-radius:14px;place-items:center;height:150px;margin-bottom:16px;display:grid}.cartao-capa span{color:#fff;-webkit-text-stroke:2px #2a1840;font:800 4rem Fraunces,serif}.tipo{text-transform:uppercase;letter-spacing:.08em;color:var(--suave);margin-bottom:4px;font-size:.78rem;font-weight:700}.cartao a{font-weight:700}.projetos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.projeto{border:2px solid var(--borda);box-shadow:var(--sombra);border-radius:28px;flex-direction:column;align-items:flex-start;padding:30px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative}a.projeto:hover{box-shadow:9px 9px 0 var(--borda);transform:translate(-3px,-3px)}.projeto p{flex:1}.emoji{background:var(--papel);border:2px solid var(--borda);border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:18px;font-size:2.2rem;display:grid}.selo{border:2px dashed var(--borda);background:var(--papel);border-radius:999px;padding:8px 16px;font-weight:700}.contacto{text-align:center}.contacto p{color:var(--suave);font-size:1.15rem}.email{-webkit-text-decoration:underline wavy var(--rosa);text-decoration:underline wavy var(--rosa);text-underline-offset:10px;overflow-wrap:anywhere;margin:8px 0 24px;font:800 clamp(1.4rem,5vw,2.6rem) Fraunces,serif;display:inline-block}.redes{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.redes a{border:2px solid var(--borda);background:var(--amarelo);color:#2a1840;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.rodape{text-align:center;color:var(--suave);padding:32px 16px 48px;font-size:.95rem}@media (width<=800px){.pecas{inset:64px 0 2vh}.peca{aspect-ratio:4/5;height:auto;width:calc(var(--w) * 1.35)}.peca-nome{font-size:.95rem}.nota{top:56%}.sobre-grelha{grid-template-columns:1fr}.topo nav{display:none}.idioma{margin-left:auto}.bloco{padding:56px 16px}}
