section:not(.hero){width:75vw;margin:0 auto}@media screen and (max-width: 1320px){section:not(.hero){width:90vw}}.hero{width:100%;height:calc(100vh - 6rem);padding-bottom:6rem;display:flex;align-items:center;justify-content:space-around;position:relative}@media screen and (max-width: 1540px){.hero{justify-content:space-between}}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-header span{font-family:Anero,Arial,Helvetica,sans-serif;font-size:4em}.hero-desc{font-size:1.25em;font-weight:400}@media screen and (max-width: 530px){.hero-header span{font-size:3em}.hero-desc{font-size:1em;font-weight:400}}@media screen and (max-width: 1420px){#carousel,.carousel-placeholder{display:none}.hero-text{width:100%;text-align:center;align-items:center}.hero-header{display:flex;align-items:center;justify-content:center;gap:.5em;flex-wrap:wrap}.hero-header br,.hero-desc br{display:none}}.bento-grid{display:flex;flex-direction:column;gap:2rem;width:100%;margin-bottom:25vh!important;position:relative}.bento-row{display:flex;flex-direction:row;gap:2rem;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.card{border-radius:16px;padding:1.5rem;overflow:hidden;height:100%;min-height:300px;width:100%;.icon{width:3.5rem;height:3.5rem;border-radius:8px;background-color:var(--border);margin-bottom:1rem;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;svg{width:2rem;height:2rem;stroke-width:1}}h3{font-size:2em;margin-bottom:1rem}}@media screen and (max-width: 530px){.card h3{font-size:1.5em}}.card:not(.transparent){background-color:var(--card);border:1px solid var(--border);box-shadow:0 0 16px 0 var(--border) inset,0 4px 4px #00000040}.card.sm{grid-column:span 1}.card.lg{width:100%;display:flex;flex-direction:row;gap:2rem;grid-column:span 2;>div{width:50%}p{font-size:1em;line-height:normal}}.graphic{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1140px){.card.lg{grid-column:span 1;>div{width:100%}}.graphic{display:none}.bento-row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 760px){.card{min-height:auto}.bento-row{grid-template-columns:repeat(1,1fr)}}.keyword{background:-webkit-linear-gradient(270deg,var(--primary),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card.transparent{h2{font-size:2.5em;margin-bottom:2rem;font-weight:900}}@media screen and (max-width: 530px){.card.transparent h2{font-size:2em}}.testemonials{width:100%;margin-bottom:25vh!important;h2{font-size:2.5em;margin-bottom:4rem;font-weight:900;text-align:center}}@media screen and (max-width: 530px){.testemonials h2{font-size:2em}}.testemonials-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media screen and (max-width: 1000px){.testemonials-row{grid-template-columns:repeat(2,1fr)}.testemonial:nth-child(2){order:1;grid-column:span 2}}@media screen and (max-width: 660px){.testemonials-row{grid-template-columns:repeat(1,1fr)}.testemonial:nth-child(2){order:1;grid-column:span 1}}.testemonial{width:100%;background-color:var(--card);padding:1.5rem;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 16px 0 var(--border) inset;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;>*{--card: #151515;--border: #202020}}.testemonial.cta{align-items:center;justify-content:space-around}.info{display:flex;flex-direction:column}.person{font-size:1.25em;font-weight:500}.project{font-size:1em;color:var(--muted-text)}.cta-header{font-size:1.75em;font-weight:900;text-align:center;line-height:normal}section.cta{display:flex;flex-direction:column;align-items:center;margin-bottom:25vh;h2{font-size:2.5em;margin-bottom:2rem;font-weight:900;text-align:center}}@media screen and (max-width: 530px){section.cta h2{font-size:2em}}.block{width:225px;height:225px;position:absolute;background-color:#0a0a0a99;box-shadow:0 0 32px #bd0249bf inset;backdrop-filter:blur(5px);border-radius:8px;transform:rotateX(55deg) rotate(320deg) translateZ(var(--translate-pos));animation:float 5s alternate infinite ease-in-out}.block.bottom{--translate-pos: -56px;filter:drop-shadow(-32px 32px 8px rgba(0,0,0,.5)) drop-shadow(0px 0px 8px rgba(189,2,73,.25));animation-delay:0;animation:float 5s alternate infinite ease-in-out,shadow 5s alternate infinite ease-in-out}.block.center{--translate-pos: -24px;animation-delay:.5s}.block.top{--translate-pos: 8px;display:flex;align-items:center;justify-content:center;animation-delay:1s}.lightbulb{width:4rem;height:4rem;color:var(--primary);filter:drop-shadow(0px 0px 16px var(--primary)) drop-shadow(-4px 4px 8px rgba(0,0,0,.5))}@keyframes float{to{transform:rotateX(55deg) rotate(320deg) translateZ(calc(var(--translate-pos) + 32px));box-shadow:0 0 32px #bd02498c inset}}@keyframes shadow{to{filter:drop-shadow(-64px 64px 24px rgba(0,0,0,.25)) drop-shadow(0px 0px 24px rgba(189,2,73,.0125))}}#letters-canvas{width:100%;height:100%;mask-image:radial-gradient(100% 100% at 50% 50%,#bd0249 10%,#0000 50%);position:relative;z-index:1}.animated-header{overflow:hidden;transition:clip-path .05s ease;span{position:relative;top:51px}}.animated-header.active{span{top:0;animation:up .5s ease-in-out forwards}}@keyframes up{to{top:0}}@media screen and (max-width: 920px){.bento-grid,.testemonials,.cta{margin-bottom:12.5vh!important}}.carousel,.carousel-placeholder{--border-radius: 16px;border-radius:var(--border-radius);background-color:var(--card);border:1px solid var(--border);box-shadow:0 0 16px 0 var(--border) inset,0 4px 4px #00000040;width:560px;aspect-ratio:16 / 9;overflow:hidden!important;position:relative;display:flex;flex-direction:column}.carousel-placeholder{animation:2s skeleton-bg infinite}@keyframes skeleton-bg{0%{background-color:var(--card)}50%{background-color:var(--border)}to{background-color:var(--card)}}.controls{width:26px;height:fit-content;background-color:var(--border);border:1px solid var(--border-light);padding:.5rem 6px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:8;border-radius:8px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;gap:.75rem;.dot{width:12px;height:12px;background-color:var(--border-light);display:block;border-radius:100%;cursor:pointer;transition:background-color .5s ease}.dot.active{background-color:#fff}}.slide{width:100%;height:100%;position:relative;transition:all 1s ease-in-out;z-index:5;img{width:100%;height:100%}}.overlay{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;transition:opacity .15s ease-in-out}.slide:hover .overlay{opacity:.75}.project-info{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;font-weight:500;opacity:0;transition:opacity .15s ease-in-out;padding:0 6rem;display:flex;flex-direction:column;gap:1rem;align-items:center;span{font-size:1.25em}}.slide:hover .project-info{opacity:1}.image{width:100%;height:100%;z-index:1}.carousel[data-slides="1"] .controls{display:none}#letters-canvas[data-astro-cid-5xxm26p4]{will-change:transform}.notif-wrapper{position:absolute;top:8rem;left:50%;transform:translate(-50%);text-decoration:none}a.notif-wrapper:hover{.glow,.eclipse{background-color:#fff}}.glow-wrapper{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:999px;filter:blur(4px)}.glow{transform:translate(50%);filter:blur(12px);position:absolute;inset:0;z-index:-1;animation:eclipse 3s linear infinite;border-radius:999px;background-color:var(--primary);transition:background-color .3s ease}.eclipse-wrapper{position:relative;z-index:0;overflow:hidden;border-radius:999px;background-color:var(--border-light);padding:2px}.eclipse{transform:translate(50%);filter:blur(12px);position:absolute;inset:0;z-index:-1;animation:eclipse 3s linear infinite;background-color:var(--primary);transition:background-color .3s ease}.content{white-space:nowrap;border-radius:999px;background-color:var(--card);padding:.375rem .75rem;font-size:.875rem;line-height:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.content.href{padding-right:.5rem!important}@keyframes eclipse{0%{transform:translate(-115%)}to{transform:translate(115%)}}.notif-wrapper .arrow-line{stroke-dashoffset:0}.notif-wrapper svg{transform:translate(-5px);transition:all .2s ease}.notif-wrapper path:first-child{z-index:2}.notif-wrapper path:last-child{stroke-dasharray:10;stroke-dashoffset:-10;transition:all .2s ease}.notif-wrapper:hover path:last-child{stroke-dashoffset:0}.notif-wrapper:hover svg{transform:translate(0)}
