.hub{--u:calc(min(100vw, 560px) / 440);--c:var(--u);--hub-bg:#0a0907;--hub-text:#faf7f0;--hub-accent:var(--brand-yellow);--hub-accent-light:color-mix(in srgb, var(--brand-yellow) 78%, #fff);--hub-accent-glow:color-mix(in srgb, var(--brand-yellow) 52%, #fff);--hub-accent-dark:color-mix(in srgb, var(--brand-yellow) 78%, #000);--hub-on-accent:#151004;--hub-ease:cubic-bezier(.25, .1, .2, 1);background:var(--hub-bg);min-height:100dvh;color:var(--hub-text);font-family:var(--font-hub), "Arial Narrow", Arial, sans-serif;font-size:calc(var(--u) * 10);-webkit-tap-highlight-color:transparent;line-height:1.3;position:relative;overflow-x:clip}.hub *,.hub :before,.hub :after{box-sizing:border-box}.hub a{color:inherit;text-decoration:none}.hub :focus-visible{outline:2px solid var(--hub-accent-light);outline-offset:4px}.hub-pause{z-index:50;border:1px solid var(--hub-accent);background:var(--hub-bg);min-height:48px;color:var(--hub-text);font:600 14px/1 var(--font-hub), Arial, sans-serif;border-radius:6px;padding:0 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.hub-pause:focus-visible{transform:none}.hub[data-paused=true] *,.hub[data-paused=true] :before,.hub[data-paused=true] :after{animation-play-state:paused!important}.hub-hero{isolation:isolate;height:69.6em;position:relative;overflow:hidden}.hub-layer{pointer-events:none;position:absolute}.hub-dots{background-image:radial-gradient(#faf7f01a 1px,#0000 1.5px);background-size:2.4em 2.4em;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 32%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 32%,#000,#0000)}.hub-light{background:radial-gradient(circle, color-mix(in srgb, var(--hub-accent) 46%, transparent) 0%, color-mix(in srgb, var(--hub-accent-dark) 20%, transparent) 34%, color-mix(in srgb, var(--hub-accent-dark) 6%, transparent) 52%, transparent 68%);width:52em;height:52em;top:13em;left:50%;transform:translate(-50%,-50%)}.hub-ghost{opacity:.13;filter:grayscale()contrast(1.15);width:22em;height:30em;top:6em;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}.hub-ghost--left{left:calc(50% - 31em)}.hub-ghost--right{left:calc(50% + 9em);transform:scaleX(-1)}.hub-ghost img{object-fit:contain;object-position:top}.hub-trails{width:100%;height:100%;inset:0}.hub-trails path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.hub-trail-wide{stroke:color-mix(in srgb, var(--hub-accent) 10%, transparent);stroke-width:6px}.hub-trail-fine{stroke-width:1.2px}.hub-ring{width:24em;height:24em;box-shadow:0 0 1.4em color-mix(in srgb, var(--hub-accent) 85%, transparent), 0 0 4em color-mix(in srgb, var(--hub-accent) 45%, transparent), inset 0 0 1.4em color-mix(in srgb, var(--hub-accent) 55%, transparent);border:2px solid #fff6e4eb;border-radius:50%;margin-left:-12em;top:.4em;left:50%}.hub-ring:after{content:"";background:conic-gradient(from 0deg, transparent 0 80%, var(--hub-accent-glow) 95%, #fff 100%);border-radius:50%;animation:7s linear infinite hub-spin;position:absolute;inset:-3px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.hub-corner{border:0 solid #faf7f061;width:1.4em;height:1.4em}.hub-corner--tl{border-top-width:1px;border-left-width:1px;top:1.6em;left:1.6em}.hub-corner--tr{border-top-width:1px;border-right-width:1px;top:1.6em;right:1.6em}.hub-corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:1.6em;left:1.6em}.hub-corner--br{border-bottom-width:1px;border-right-width:1px;bottom:1.6em;right:1.6em}.hub-photo{pointer-events:none;width:36em;height:46em;margin-left:-19.6em;position:absolute;top:3em;left:50%;-webkit-mask-image:linear-gradient(#000 52%,#0000 86%);mask-image:linear-gradient(#000 52%,#0000 86%)}.hub-photo img{object-fit:contain;object-position:top}.hub-seal{display:none}.hub-sign{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;inset:30.6em 0 auto}.hub-name{letter-spacing:-.01em;text-transform:uppercase;filter:drop-shadow(0 .04em .23em #0000008c);margin:0;font-size:5.2em;font-weight:800;font-stretch:125%;line-height:.92}.hub-name span,.hub-wordmark span{display:block}.hub-silver{color:#f6f1ec}.hub-outline{color:var(--hub-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hub-silver{background:linear-gradient(#fff 0%,#f6f1ec 45%,#b8afa6 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}@supports (-webkit-text-stroke:1px #000){.hub-outline{color:#0000;-webkit-text-stroke:calc(var(--u) * 1.4) var(--hub-accent)}}.hub-tagline{font-family:var(--font-hub-serif), Georgia, serif;letter-spacing:.005em;color:var(--hub-accent-light);margin:.26em 0 0;font-size:2.7em;font-style:italic;font-weight:400;line-height:1.05}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hub-tagline{background:linear-gradient(90deg, var(--hub-accent-glow), var(--hub-accent-light) 35%, var(--hub-accent) 70%, var(--hub-accent-light));color:#0000;-webkit-background-clip:text;background-clip:text}}.hub-profile{flex-direction:column;align-items:center;margin-top:1.7em;display:flex}.hub-avatar{border:calc(var(--u) * 1.8) solid var(--hub-accent-light);background:var(--hub-bg);width:4.8em;height:4.8em;box-shadow:0 0 0 .25em var(--hub-bg), 0 0 0 .63em color-mix(in srgb, var(--hub-accent) 45%, transparent), 0 0 1.6em .4em color-mix(in srgb, var(--hub-accent) 45%, transparent);border-radius:50%;margin-bottom:1.3em;position:relative;overflow:hidden}.hub-avatar img{object-fit:cover;object-position:top}.hub-profile-name{color:#faf7f0b8;margin:0;font-size:1.25em;line-height:1.3}.hub-handle{letter-spacing:.01em;align-items:center;min-height:2em;font-size:1.45em;font-weight:700;line-height:1.25;display:inline-flex;position:relative}.hub-pill{background:linear-gradient(180deg, var(--hub-accent-glow) 0%, var(--hub-accent) 52%, var(--hub-accent-dark) 100%);max-width:min(300px,78vw);min-height:clamp(52px,5.9em,54px);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #00000047, 0 1em 2.6em -.8em color-mix(in srgb, var(--hub-accent) 75%, transparent);transition:transform .4s var(--hub-ease), box-shadow .4s var(--hub-ease);border-radius:999px;justify-content:space-between;align-items:center;gap:1.2em;margin-top:clamp(26px,3.2em,34px);padding:0 clamp(4px,.55em,6px) 0 2.4em;display:inline-flex;position:relative;overflow:hidden}.hub .hub-pill{color:var(--hub-on-accent)}.hub-pill-label{letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:1.24em;font-weight:700;font-stretch:112%;line-height:1;overflow:hidden}.hub-pill-icon{width:clamp(42px,4.8em,44px);height:clamp(42px,4.8em,44px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hub-accent) 35%, transparent);color:var(--hub-accent);background:#0a0907;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hub-pill-icon svg{width:18px;height:18px;animation:1.8s ease-in-out infinite hub-bob}.hub-pill:after,.hub-card-button:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:5s ease-in-out infinite hub-sheen;position:absolute;inset:0;transform:translate(-120%)}.hub-pill:hover,.hub-pill:active{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #00000047, 0 0 4em .5em color-mix(in srgb, var(--hub-accent) 60%, transparent);transform:scale(1.05)}.hub-marquee{border-block:1px solid color-mix(in srgb, var(--hub-accent) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--hub-accent) 5%, transparent), color-mix(in srgb, var(--hub-accent) 13%, transparent) 50%, color-mix(in srgb, var(--hub-accent) 5%, transparent));height:3.4em;display:flex;overflow:hidden}.hub-marquee-track{flex-shrink:0;align-items:center;margin:0;padding:0;list-style:none;animation:30s linear infinite hub-marquee;display:flex}.hub-marquee[data-idle=true] .hub-marquee-track{animation-play-state:paused}.hub-marquee-track li{white-space:nowrap;align-items:center;height:3.2em;display:flex}.hub-marquee-track li>span:first-child{letter-spacing:.12em;text-transform:uppercase;color:#faf7f0e0;font-size:1.15em;font-weight:500;font-stretch:110%}.hub-diamond{color:var(--hub-accent);margin:0 1.8em;font-size:.85em}.hub-scroll{color:#faf7f09e;justify-content:center;padding:3.8em 0 3.6em;display:flex}.hub-scroll svg{width:1.8em;height:2.9em;animation:2s ease-in-out infinite hub-float}.hub-cards{font-size:calc(var(--c) * 10);flex-direction:column;align-items:center;padding-bottom:1em;scroll-margin-top:2em;display:flex}.hub-group{flex-direction:column;gap:2.4em;width:38.6em;display:flex}.hub-group+.hub-group{margin-top:4em}.hub-group-label{letter-spacing:.12em;text-transform:uppercase;color:#faf7f09e;align-items:center;gap:.7em;margin:0 0 .4em;font-size:1.15em;font-weight:500;font-stretch:110%;display:flex}.hub-group-label span{color:var(--hub-accent);font-size:.74em}.hub-card{--tone:var(--hub-accent);--b1:var(--hub-accent-glow);--b2:var(--hub-accent);--b3:var(--hub-accent-dark);--bt:var(--hub-on-accent);aspect-ratio:2.25;background:#0b0908;border:1px solid #faf7f02b;border-radius:.9em;align-items:center;width:38.6em;display:flex;position:relative;overflow:hidden;box-shadow:0 2em 4em -2em #000000e6}.hub-card[data-section=servicos]{--tone:#e0a100;--b1:#ffd54a;--b2:#e0a100;--b3:#a87600}.hub-card[data-section=projetos]{--tone:#cfc8be;--b1:#fff;--b2:#f6f1ec;--b3:#b8afa6;--bt:#0a0907}.hub-card[data-section=conteudos]{--tone:#c9b27a;--b1:#efe0b4;--b2:#d2bd84;--b3:#97834f}.hub-card-tone{background:radial-gradient(55% 100% at 80% 35%, color-mix(in srgb, var(--tone) 32%, transparent), transparent);position:absolute;inset:0}.hub-card[data-featured=true]{border-color:color-mix(in srgb, var(--hub-accent) 45%, transparent)}.hub-card[data-featured=true] .hub-card-tone{background:radial-gradient(55% 100% at 80% 35%, color-mix(in srgb, var(--tone) 34%, transparent), transparent), linear-gradient(#faf7f00f 1px, transparent 1px) 0 0 / 1.8em 1.8em, linear-gradient(90deg, #faf7f00f 1px, transparent 1px) 0 0 / 1.8em 1.8em}.hub-card-art{transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.hub-card-art img{object-fit:contain;object-position:right center}.hub-card-art:after{content:"";background:linear-gradient(90deg,#0b0908f0 0%,#0b0908c7 30%,#0b090840 52%,#0000 68%);position:absolute;inset:0}.hub-card:hover .hub-card-art,.hub-card:active .hub-card-art{transform:scale(1.045)}.hub-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1a,#0000 26%);position:absolute;inset:0}.hub-card-text{z-index:1;flex-direction:column;align-items:flex-start;gap:.85em;width:23.9em;padding:1.2em 0 1.2em 1.9em;display:flex;position:relative}.hub-card-badge{border:1px solid color-mix(in srgb, var(--tone) 55%, transparent);letter-spacing:.13em;text-transform:uppercase;color:var(--b1);border-radius:.3em;padding:.35em .7em;font-size:.86em;font-weight:700;font-stretch:112%;line-height:1}.hub-card-title{font-family:var(--font-hub-serif), Georgia, serif;letter-spacing:-.005em;color:#f6f1ec;text-shadow:0 .04em .4em #00000080;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-bottom:.08em;font-size:2.9em;font-style:italic;font-weight:400;line-height:.98;display:-webkit-box;overflow:hidden}.hub-card-desc{color:#faf7f0a8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-.35em 0 0;font-size:1.08em;line-height:1.35;display:-webkit-box;overflow:hidden}.hub-card-text:has(.hub-card-badge) .hub-card-desc{-webkit-line-clamp:1}.hub-card-button{background:linear-gradient(180deg, var(--b1) 0%, var(--b2) 52%, var(--b3) 100%);width:19.24em;height:2.94em;box-shadow:inset 0 1px 0 #ffffff80, 0 .6em 1.6em -.6em color-mix(in srgb, var(--b2) 80%, transparent);color:var(--bt);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;transition:transform .4s var(--hub-ease), box-shadow .4s var(--hub-ease);border-radius:.44em;justify-content:center;align-items:center;gap:.8em;font-size:.92em;font-weight:700;font-stretch:112%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.hub-card-button svg{width:1.25em;height:1.25em}.hub-card:hover .hub-card-button,.hub-card:active .hub-card-button{box-shadow:inset 0 1px 0 #ffffff80, 0 0 2.4em .2em color-mix(in srgb, var(--b2) 60%, transparent);transform:scale(1.05)}.hub-card:hover .hub-card-button svg{animation:.9s ease-in-out infinite hub-nudge}.hub-reveal{opacity:0;transform:translateY(calc(var(--u) * 70)) scale(.94);transition:opacity 1.4s var(--hub-ease), transform 1.4s var(--hub-ease);animation:10ms 6s forwards hub-failsafe}.hub-reveal.is-in{opacity:1;transform:none}.hub-footer{text-align:center;padding-top:5em}.hub-wordmark{letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:3.4em;font-weight:800;font-stretch:125%;line-height:.92}.hub-wordmark .hub-outline{-webkit-text-stroke-width:1px}.hub-socials{flex-wrap:wrap;justify-content:center;gap:0 2em;margin:2.6em 0 0;padding:0;list-style:none;display:flex}.hub-socials a{letter-spacing:.1em;text-transform:uppercase;color:#faf7f0e0;align-items:center;min-height:48px;font-size:1.2em;font-weight:500;font-stretch:110%;display:inline-flex}.hub-credits{padding:1.55em 1.8em calc(1.55em + env(safe-area-inset-bottom));color:#faf7f08c;border-top:1px solid #faf7f01a;margin:2.2em 0 0;font-size:1.1em;line-height:1.5}.hub-handle:before,.hub-credits a:before{content:"";height:48px;position:absolute;top:50%;left:-12px;right:-12px;transform:translateY(-50%)}.hub-credits a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--hub-accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--hub-accent) 60%, transparent);text-underline-offset:.2em;padding:.9em 0;display:inline-block;position:relative}@media (min-width:1024px){.hub{--u:calc(min(100svh, 1100px) / 760);--c:calc(min(100vw, 1920px) / 1920 * 2.8)}.hub-seal{pointer-events:none;color:#faf7f0b3;width:13em;height:13em;animation:35s linear infinite hub-spin;display:block;position:absolute;top:15em;left:calc(50% + 17em)}.hub-seal text{letter-spacing:.22em;text-transform:uppercase;fill:currentColor;font-size:9.4px;font-weight:600;font-stretch:112%}}@keyframes hub-spin{to{transform:rotate(360deg)}}@keyframes hub-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes hub-sheen{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes hub-marquee{to{transform:translate(-100%)}}@keyframes hub-float{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes hub-nudge{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes hub-failsafe{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hub *,.hub :before,.hub :after{transition:none!important;animation:none!important}.hub-reveal{opacity:1;transform:none}.hub-pill:after,.hub-card-button:after{display:none}}
