:root{--preto:#111416;--gelo:#edf2f1;--verde:#70e0b1;--azul:#5575ff;--cinza:#697478;--linha:#cbd3d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--gelo);color:var(--preto);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:5;width:100%;height:82px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;color:white;border-bottom:1px solid #ffffff24}.logo{font:bold 25px Arial,sans-serif;letter-spacing:-1.5px}.logo span,.logo b{color:var(--verde)}nav{display:flex;gap:28px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.hero{min-height:750px;padding:135px 8vw 80px;background:var(--preto);color:white;display:flex;align-items:center;position:relative;overflow:hidden}.grade{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{position:relative;z-index:2;max-width:950px}.tag{margin:0 0 24px;color:#399b75;font-size:10px;font-weight:bold;letter-spacing:2.8px;text-transform:uppercase}.hero .tag{color:var(--verde)}.hero h1{margin:0;font:normal clamp(58px,8vw,112px)/.9 Georgia,serif;letter-spacing:-6px}.hero h1 em{font-weight:normal;color:var(--verde)}.hero-copy>p:not(.tag){max-width:600px;color:#b8c2c0;font:19px/1.7 Georgia,serif;margin:38px 0}.botao{display:inline-block;padding:16px 22px;background:var(--verde);color:#102019;font-size:9px;font-weight:bold;letter-spacing:1.6px;text-transform:uppercase}.orbita{position:absolute;right:5%;width:430px;height:430px;border:1px solid #70e0b144;border-radius:50%;display:grid;place-items:center;color:var(--verde);font:bold 90px Arial;opacity:.65}.orbita:before{content:"";position:absolute;width:270px;height:270px;border:1px solid #5575ff66;border-radius:50%}.orbita i{position:absolute;color:white;font:9px Arial;letter-spacing:2px;text-transform:uppercase}.orbita i:nth-of-type(1){top:25px}.orbita i:nth-of-type(2){bottom:65px;left:20px}.orbita i:nth-of-type(3){right:0;top:55%}.destaque{padding:110px 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center}.arte{aspect-ratio:1;background:var(--azul);position:relative;overflow:hidden;display:grid;place-items:center}.arte:after{content:"";position:absolute;width:70%;height:70%;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 50px #ffffff0c}.arte span{position:absolute;top:25px;left:25px;color:#dce2ff}.arte b{color:white;font-size:130px;letter-spacing:-10px}.destaque h2,.cabecalho h2,.temas h2,.autor h2,.artigo h1{font:normal clamp(44px,6vw,78px)/1.02 Georgia,serif;letter-spacing:-3px;margin:0}.destaque>div>p:not(.tag){font:18px/1.8 Georgia,serif;color:#586367}.destaque a,.cards a{color:#2d6e55;font-size:10px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase}.artigos{padding:110px 6vw;background:white}.cabecalho{display:flex;justify-content:space-between;align-items:end;max-width:1400px;margin:0 auto 55px}.busca{width:300px}.busca label{display:block;margin-bottom:8px;color:var(--cinza);font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.busca input{width:100%;padding:15px 0;border:0;border-bottom:1px solid #909b98;background:transparent;outline:none;font-size:14px}.cards{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cards article{padding-bottom:30px;border-bottom:1px solid var(--linha)}.cards article[hidden]{display:none}.visual{height:230px;margin-bottom:25px;display:grid;place-items:center;overflow:hidden;position:relative}.visual:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #fff7;border-radius:50%}.visual span{color:white;font:bold 74px Arial}.v1{background:#1d2c33}.v2{background:#df5c4f}.v3{background:#5575ff}.cards small{color:#6a777a;text-transform:uppercase;letter-spacing:1.2px;font-size:8px}.cards h3{font:normal 29px/1.1 Georgia,serif;margin:16px 0}.cards p{color:#667276;line-height:1.7;min-height:82px}.sem-resultado{display:none;text-align:center;padding:50px;color:var(--cinza)}.temas{padding:120px 8vw;background:#dce5e2}.temas>div{margin-top:55px;display:flex;flex-wrap:wrap;gap:12px}.temas span{padding:14px 19px;border:1px solid #8e9d98;border-radius:30px;font-size:11px;letter-spacing:1px}.autor{padding:105px 9vw;background:var(--preto);color:white;display:grid;grid-template-columns:1fr 1.7fr;gap:7vw;align-items:center}.monograma{width:320px;height:320px;border:1px solid #70e0b177;border-radius:50%;display:grid;place-items:center;color:var(--verde);font:italic 90px Georgia,serif}.autor p:not(.tag){max-width:700px;color:#b3bfbc;font:18px/1.8 Georgia,serif}footer{min-height:130px;padding:30px 6vw;background:#080a0b;color:#85908e;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.artigo{max-width:850px;margin:auto;padding:150px 25px 100px}.artigo .voltar{display:inline-block;margin-bottom:50px;color:#38795f;font-size:10px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase}.artigo h1{font-size:clamp(48px,7vw,82px)}.artigo .linha-fina{margin:35px 0;color:#77827f;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.artigo .lede{font:22px/1.7 Georgia,serif;color:#4c585b}.artigo h2{margin-top:52px;font:normal 35px Georgia,serif}.artigo p,.artigo li{font:17px/1.85 Georgia,serif;color:#384448}.artigo blockquote{margin:45px 0;padding:25px 30px;border-left:3px solid var(--verde);background:white;font:italic 23px/1.5 Georgia,serif}.artigo-header{position:static;background:var(--preto)}
@media(max-width:800px){.orbita{opacity:.15}.destaque{grid-template-columns:1fr}.arte{max-width:500px}.cabecalho{display:block}.busca{margin-top:35px;width:100%}.cards{grid-template-columns:1fr 1fr}.autor{grid-template-columns:1fr}.monograma{width:220px;height:220px}}
@media(max-width:600px){header{height:70px;padding:0 20px}.logo{font-size:20px}nav{gap:10px;font-size:8px;letter-spacing:.7px}nav a:first-child{display:none}.hero{min-height:680px;padding:120px 23px 70px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-copy>p:not(.tag){font-size:17px}.destaque,.artigos,.temas,.autor{padding:75px 22px}.destaque h2,.cabecalho h2,.temas h2{font-size:48px}.arte b{font-size:100px}.cards{grid-template-columns:1fr}.cards p{min-height:0}.monograma{margin:auto}footer{flex-direction:column;gap:20px;text-align:center;padding:38px 20px}.artigo{padding-top:90px}.artigo h1{font-size:48px}}