:root{--amarelo:#f2b63d;--vermelho:#f24c3d;--amarelo-transparente:#f2b63d4d;--laranja:#f1732a;--roxo:#b9a0f2;--rosa:#f2809f;--marrom:#381f1b;--verde:#607358;--bg-light:#f2d8c9;--bg-dark:#131313;--font-area:"area-variable", sans-serif;--font-montserrat:var(--font-area);--font-haas:var(--font-area);--area-inkt:0;--area-slnt:0;--area-wdth:100}html{scroll-padding-top:110px}*{box-sizing:border-box;margin:0;padding:0}@media (pointer:coarse){:not(input):not(textarea){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}body{font-family:var(--font-area);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 100;background-color:var(--bg-dark);color:var(--amarelo);position:relative;overflow-x:hidden}#canvas-container{z-index:-1000;pointer-events:none;width:100vw;height:100svh;position:fixed;top:0;left:0}.container{flex-direction:column;align-items:center;gap:60px;max-width:1440px;margin:0 auto;display:flex;position:relative}.navbar{z-index:1000;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 40px;width:100vw;padding:1rem;display:flex;position:fixed;top:0;left:0;&:before,&:after{content:"";pointer-events:none;background-color:#00000003;position:absolute;inset:0 0 -100%}&:before{z-index:-1;backdrop-filter:blur(10px);mask-image:linear-gradient(#000 0%,#0000 100%)}@media (width<768px){& .logo{order:1}& .nav-links{flex:100%;order:3}& .lang-switch{order:2}}@media (width>768px){& .nav-links{margin-left:auto}}}.navbar .logo a{color:var(--amarelo);font-family:gunter,sans-serif;font-size:32px;font-style:normal;font-weight:400;text-decoration:none;display:inline-block}.navbar .nav-links{flex-wrap:wrap;gap:12px 32px;display:flex}.navbar .nav-links a{color:var(--amarelo);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;font-size:15.8px;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:inline-block}.navbar .nav-links a:hover{opacity:1;transform:scale(1.1)translateY(-2px)}.lang-switch{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.lang-btn{color:var(--amarelo);opacity:.4;font-family:var(--font-area);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;background:0 0;border:none;padding:4px;transition:opacity .3s,transform .3s}.lang-btn:hover{opacity:.8;transform:translateY(-1px)}.lang-btn.active{opacity:1;pointer-events:none}.hero{justify-content:flex-start;align-items:center;width:100%;min-height:calc(90vh - 4rem);margin-top:0;padding:110px 1rem 0;display:flex}.hero-content{flex-direction:column;gap:24px;display:flex}.hero h1{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;max-width:1082px;color:var(--amarelo);font-size:84px;line-height:1.1}.hero h1 strong{--area-wdth:200;font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 800}.hero-subtitle{opacity:.7;font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;font-size:25.2px}.projects{flex-direction:column;gap:27px;width:100%;padding:0 1rem;display:flex;position:relative}.section-title{flex-direction:column;gap:27px;width:100%;padding-bottom:27px;display:flex}.section-title h2{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;font-size:28.8px}.project-list{flex-direction:column;width:100vw;margin-left:calc(50% - 50vw);display:flex}.project-list-header{width:100%;color:var(--amarelo);border-bottom:1px solid var(--amarelo-transparente);grid-template-columns:1fr 3fr 1fr;align-items:center;padding:16px max(50px,50vw - 670px);display:grid}.project-list-header .project-year,.project-list-header .project-title,.project-list-header .project-category{font-family:var(--font-area);text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:11px}.project-list-item{border-bottom:1px solid var(--amarelo-transparente);width:100%;color:var(--amarelo);grid-template-columns:1fr 3fr 1fr;align-items:center;padding:32px max(50px,50vw - 670px);text-decoration:none;transition:color .2s;display:grid;position:relative;&:before{content:"";z-index:-100;background-color:var(--amarelo);opacity:0;transition:opacity .2s;position:absolute;inset:0}& :is(.project-year,.project-title,.project-category){will-change:mix-blend-mode;transition:all .2s}}.project-list-item:hover{&:before{opacity:1}& :is(.project-year,.project-title,.project-category){mix-blend-mode:difference}}.project-year{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;font-size:14px}.project-title{font-family:var(--font-haas);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;text-align:left;font-size:28px}.project-category{text-align:right;font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;font-size:14px}.hover-preview-container{pointer-events:none;opacity:0;z-index:-10;width:320px;height:240px;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.hover-preview-container.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.hover-preview-container img{object-fit:cover;width:100%;height:100%}.about{flex-direction:column;gap:81px;width:100%;margin-top:60px;padding:0 1rem;display:flex}.about-content{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.about-text{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;max-width:535px;font-size:17.9px;line-height:1.8}.about-text p{margin-bottom:1.4em}.about-text p:last-child{margin-bottom:0}.about-process{flex-direction:column;gap:20px;width:642px;display:flex}.about-process h3{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 700;font-size:19.2px}.accordion{flex-direction:column;gap:24px;width:100%;display:flex}.accordion-item{padding-bottom:24px;position:relative;overflow:hidden}.accordion-item:after{content:"";background-color:var(--amarelo-transparente);width:100%;height:1px;position:absolute;bottom:0;left:0}.accordion-header{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;justify-content:space-between;align-items:center;padding:10px 0;font-size:19.2px;display:flex}.accordion-content{opacity:1;max-height:none;padding-top:10px;padding-right:40px;font-size:12.5px;line-height:1.8;overflow:hidden;@media (width<800px){font-size:14px}}.accordion-content span{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;font-style:italic}.marquee-container{white-space:nowrap;font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 700;align-items:center;width:100%;margin:84px 0;padding:40px 0;font-size:180px;display:flex;overflow:hidden}.marquee-content{flex-shrink:0;animation:33.3s linear infinite marquee;display:flex}.marquee-content span{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.footer{background-color:#0000;flex-direction:column;align-items:center;gap:32px;width:100%;margin-top:60px;padding:40px 1rem 80px;display:flex}.footer-socials{align-items:center;gap:32px;display:flex}.footer-icon{color:var(--amarelo);justify-content:center;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.footer-icon:hover{transform:scale(1.15)}.footer-icon svg{width:32px;height:32px}.footer-info{text-align:center;color:var(--amarelo);font-size:14px;line-height:1.6}.footer-info p{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 400;margin:0;& span{display:inline-block;rotate:180deg}}.footer-info p:first-child{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 700;margin-bottom:4px}.custom-cursor{background-color:var(--amarelo);mix-blend-mode:exclusion;pointer-events:none;z-index:9999;border-radius:50rem;width:16px;height:16px;transition:transform .1s ease-out,width .3s,height .3s,opacity .3s;display:none;position:fixed;transform:translate(-50%,-50%)}@media (pointer:coarse){.custom-cursor{display:none!important}}@media (pointer:fine){body,a,button,.project-list-item,.accordion-header,.slider-arrow{cursor:none}}.custom-cursor.hover{width:48px;height:48px;transform:translate(-50%,-50%)rotate(45deg)}@media (width<=1024px){.hero h1{font-size:38.4px}.hero-subtitle{font-size:11.5px}.about-content{flex-direction:column}.about-text,.about-process{width:100%;max-width:100%}}@media (width<=768px){.hero h1{font-size:40px}.hero-subtitle{font-size:12px}.project-list{border-top:none}.project-list-header{display:none}.project-list-item{grid-template-columns:1fr 1fr;gap:16px;padding:1.5rem 1rem;&>:first-child{grid-area:1/1}&>:nth-child(2){grid-area:2/1/auto/-1}&>:last-child{grid-area:1/2}}.project-title{grid-column:1/-1;font-size:22px}.project-category{text-align:right}.marquee-container{font-size:128px}.hover-preview-container{display:none!important}}.project-detail-container{grid-template-columns:35% minmax(0,1fr);grid-template-areas:"sidebar main";gap:0 60px;width:100%;max-width:1440px;min-height:100vh;margin:160px auto 0;padding:0 1rem;display:grid;position:relative}.project-sidebar{grid-area:sidebar;height:max-content;padding-bottom:40px;position:sticky;top:160px}.project-navigation,.project-sidebar-navigation{border-top:1px solid var(--amarelo-transparente);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:680px;margin-top:60px;padding-top:40px;display:flex}.project-header-info{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.project-header-info h1{--area-wdth:200;font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 800;word-break:break-word;hyphens:auto;font-size:72px;line-height:1.1}.project-meta{flex-direction:column;gap:20px;font-size:14px;display:flex}.project-meta-item{& p{text-wrap-style:balance}& span{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:11px;display:block}}.tag-list{flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.project-main{flex-direction:column;grid-area:main;gap:40px;padding-bottom:100px;display:flex}.project-intro-label h2{font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 500;opacity:.6;margin-bottom:20px;font-size:24px}.tag{border:1px solid var(--amarelo-transparente);text-transform:lowercase;color:var(--amarelo);padding:.5em 1em .675em;font-size:14px;transition:background-color .3s,color .3s}.tag:hover{background-color:var(--amarelo);color:var(--bg-dark)}.project-body{opacity:.9;font-size:18.5px;line-height:1.5;& a{color:currentColor}& em:only-child:has(a){font-size:.75em}& :is(h1,h2,h3,h4,h5,h6){font-variation-settings:"slnt" 0, "wdth" 200, "wght" 700, "INKT" 0}& :where(ul,ol){padding-left:1.5em}& iframe{width:min(100%,42.5rem)}&>iframe[src*=figma]{aspect-ratio:5/6.3}}@supports selector(::scroll-button(*)){.project-body .wp-block-gallery.is-style-slider{scrollbar-width:none;anchor-name:--slider;anchor-scope:--slider;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}&::scroll-button(*){position-anchor:--slider;aspect-ratio:1;border:1.5px solid var(--amarelo);backdrop-filter:blur(8px);width:2.75rem;color:var(--amarelo);cursor:none;background:0 0;border-radius:50%;place-items:center;margin:.75rem;padding:0 0 .2em;font-size:1.75rem;line-height:1;transition:background-color .3s,color .3s,opacity .3s;display:grid;position:fixed;inset-block-end:anchor(end)}&::scroll-button(left){content:"‹" / "Anterior";inset-inline-start:anchor(start)}&::scroll-button(right){content:"›" / "Próximo";inset-inline-end:anchor(end)}&:lang(en)::scroll-button(left){content:"‹" / "Previous"}&:lang(en)::scroll-button(right){content:"›" / "Next"}&::scroll-button(*):hover:enabled{background-color:var(--amarelo);color:var(--bg-dark)}&::scroll-button(*):disabled{opacity:0;pointer-events:none}}}.back-to-projects{color:var(--amarelo);text-transform:uppercase;letter-spacing:.1em;opacity:.6;align-items:center;gap:12px;font-size:14px;text-decoration:none;transition:opacity .3s;display:flex}.back-to-projects:hover{opacity:1}.next-project-link{color:var(--amarelo);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 600;align-items:center;gap:20px;font-size:28px;text-decoration:none;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.next-project-link:hover{transform:translate(15px)}.prev-project-link{color:var(--amarelo);font-variation-settings:"INKT" var(--area-inkt), "slnt" var(--area-slnt), "wdth" var(--area-wdth), "wght" 600;align-items:center;gap:20px;font-size:28px;text-decoration:none;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.prev-project-link:hover{transform:translate(-15px)}@media (width<=1024px){.project-detail-container{flex-direction:column;gap:60px;margin-top:130px;display:flex}.project-sidebar{border-bottom:1px solid var(--amarelo-transparente);width:100%;padding-bottom:40px;position:relative;top:0}.project-main{width:100%;padding-bottom:40px}.project-sidebar-navigation{border-top:1px solid var(--amarelo-transparente);z-index:1;width:100%;margin-top:0;padding-top:40px;position:relative;top:0}.project-header-info h1{font-size:48px}.project-meta{flex-flow:wrap;gap:30px}.next-project-link,.prev-project-link{font-size:24px}}.wave-entrance{--ease:ease;transform-origin:75% 75%;animation:wave .4s 1s var(--ease) 2;display:inline-block}.wave{transform-origin:75% 75%;display:inline-block;&:hover{animation:wave .4s .5s var(--ease) 2}}.sun{&:hover{animation:glow 4s .5s var(--ease,ease) infinite}}.world{transition:rotate .4s .5s var(--ease,ease);display:inline-block;&:hover{rotate:-.5turn}}blockquote{font-style:italic;&>*{padding-left:1rem}& p{border-left:1px solid var(--amarelo)}& footer{font-size:.75em}}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes glow{25%,75%{filter:drop-shadow(0 0 .5em var(--amarelo))}50%{filter:drop-shadow(0 0 .25em var(--amarelo))}}a.lang-btn{text-decoration:none}.project-cover{border-radius:8px;width:100%;height:auto;display:block}