:root{color-scheme:dark;--bg:#07090b;--fg:#f2f3ee;--muted:#a3afa9;--accent:#d8bc81;--edge:clamp(24px,5.6vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#344b40 var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.hero{height:100svh;min-height:780px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 80%,#0c1717 0,transparent 53%),var(--bg)}#binary{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.65}#sculpture{position:absolute;inset:0;z-index:0;pointer-events:none}#sculpture canvas{display:block;width:100%;height:100%}.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.webgl-unavailable .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:27px var(--edge);border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-.04em;font-weight:800}.brand svg{width:31px;height:31px;stroke:none;color:var(--accent)}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:52px;font-size:12px;font-weight:600}nav a{position:relative}nav a::after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover::after{transform:scaleX(1)}.nav-contact{display:flex;gap:30px;align-items:center}.nav-contact svg{width:14px;height:14px}.headline{position:absolute;z-index:2;top:15%;left:var(--edge);pointer-events:none}h1{font-size:clamp(70px,9.5vw,166px);line-height:.93;letter-spacing:-.04em;font-weight:600;margin:0}h1 span{font-weight:500}.hero-copy{position:absolute;right:var(--edge);top:30%;z-index:3;width:270px}.hero-copy p{font-size:16px;line-height:1.75;color:#ccd2cc;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 18px;background:var(--accent);color:#08110c;font-size:12px;font-weight:800;transition:transform .25s,background .25s}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-2px);background:#bbffc6}.button:active{transform:translateY(1px)}.side-note{position:absolute;left:var(--edge);bottom:20%;z-index:3;color:#a3afa9;font-size:16px;line-height:1.65;max-width:230px}.hero-bottom{position:absolute;left:var(--edge);right:var(--edge);bottom:30px;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a3afa9}.scroll-link{display:flex;align-items:center;gap:13px}.scroll-icon{display:flex;align-items:center;justify-content:center;width:28px;height:37px;border:1px solid #ffffff35;border-radius:20px;font-size:17px}#motion-toggle{border:0;color:#a3afa9;background:transparent;display:flex;align-items:center;gap:8px;font-size:10px;padding:10px}.motion-light{width:5px;height:5px;background:var(--accent);border-radius:50%}.bottom-label{font-size:8px;letter-spacing:.12em}.work,.contact{padding:110px var(--edge);position:relative;z-index:2;background:var(--bg)}.work{border-top:1px solid #ffffff12}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:75px}h2{font-size:clamp(42px,5.5vw,86px);line-height:1.05;letter-spacing:-.04em;font-weight:500;margin:0}.section-top p{font-size:14px;line-height:1.8;color:var(--muted)}.project{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28;padding:40px 0;transition:padding .3s,color .3s}.project:hover{padding-left:10px;padding-right:10px;color:var(--accent)}.project-name{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.04em}.project-domain{display:block;margin-top:14px;font-size:12px;letter-spacing:0;color:var(--muted)}.project-action{display:flex;align-items:center;gap:30px;font-size:12px}.project-action svg{width:26px;height:26px}.contact{padding-top:95px;padding-bottom:120px;background:#101713}.contact>p{font-size:14px;color:#b5c1b8;margin-bottom:32px}.contact h2 span{color:var(--accent)}.contact-link{display:inline-flex;align-items:center;gap:35px;padding:0 0 14px;margin-top:50px;border:0;border-bottom:1px solid #91a99a;background:none;color:var(--fg);font-size:20px;transition:gap .25s}.contact-link:hover{gap:50px}.contact-link svg{width:25px;height:25px}#contact-note{font-size:12px;max-width:420px;line-height:1.7;margin-top:25px}footer{padding:35px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px}footer .brand{color:var(--fg);font-size:22px}[data-enter]{animation:entrance 1.4s cubic-bezier(.16,1,.3,1) both}.hero-copy[data-enter]{animation-delay:.2s}@keyframes entrance{from{transform:translateY(24px);filter:blur(8px);opacity:.35}to{transform:translateY(0);filter:blur(0);opacity:1}}
@media(max-width:1050px){.hero-copy{top:31%;width:240px}.hero-copy p{font-size:14px}.side-note{font-size:13px;bottom:18%}.hero{min-height:760px}h1{font-size:11vw}.hero-bottom .bottom-label{display:none}}
@media(max-width:650px){header{padding-top:22px;padding-bottom:22px}.brand{font-size:25px}.brand svg{width:25px;height:25px}nav{gap:0}nav>a:first-child{display:none}.nav-contact{gap:12px;font-size:10px}.hero{min-height:840px;height:100svh;max-height:1000px}.headline{top:15%;left:24px}h1{font-size:clamp(61px,15vw,90px);line-height:.97;letter-spacing:-.04em}.hero-copy{left:24px;right:24px;top:auto;bottom:93px;width:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-copy p{font-size:11px;line-height:1.7;max-width:150px;margin:0}.button{font-size:10px;gap:12px;padding:16px 12px;max-width:169px}.button svg{width:13px;height:13px}.side-note{display:none}.hero-bottom{bottom:24px;left:24px;right:24px}.hero-bottom #motion-toggle{font-size:9px;padding-right:0}.scroll-link{font-size:9px;gap:8px}.scroll-icon{width:22px;height:31px}.work,.contact{padding:65px 24px}.section-top{display:block;margin-bottom:40px}.section-top h2{font-size:39px}.section-top p{margin-top:25px;font-size:12px}.project{padding:28px 0;gap:18px}.project-name{font-size:37px}.project-domain{font-size:9px}.project-action{font-size:0;gap:0}.project-action svg{width:25px;height:25px}.contact h2{font-size:47px}.contact>p{font-size:12px}.contact-link{font-size:18px;margin-top:34px}footer{padding:28px 24px;flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;font-size:9px}.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-enter]{animation:none}*,*::before,*::after{transition-duration:.01ms!important}}

/* Cubo dourado: camadas de interface presas às placas 3D. */
.hero{background:radial-gradient(ellipse at 56% 75%,#181612 0,transparent 57%),var(--bg)}
#sculpture{pointer-events:auto;touch-action:pan-y;cursor:pointer}
#cube-details,#cube-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}
#cube-leaders{z-index:3}.leader{fill:none;stroke:#fffaf0;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.leader-dot{fill:#fffaf0;stroke:#e5c88f;stroke-width:1.5}
.cube-card{position:absolute;padding:15px 16px 14px;background:#fbfaf5;color:#15171a;border-radius:12px;min-height:98px;box-shadow:0 12px 34px #0005;visibility:hidden;will-change:transform,opacity}
.cube-card h3{font-size:12px;font-weight:800;letter-spacing:-.015em;line-height:1.35;margin:0 0 8px;color:#11151a}.cube-card p{font-size:10px;line-height:1.6;margin:0;color:#3d4546}
#cube-trigger{position:absolute;bottom:94px;left:57%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px;background:#111310e8;border:1px solid #d8bc814d;border-radius:30px;padding:11px 17px;font-size:11px;color:#f7eddb;white-space:nowrap;transition:background .25s,border-color .25s}
#cube-trigger:hover{background:#29271e;border-color:#d8bc81}.cube-trigger-dot{width:5px;height:5px;border-radius:50%;background:#fffaf0;box-shadow:0 0 8px #fff4c44d}.cube-trigger-sign{font-size:17px;line-height:1;transition:transform .5s}.is-open .cube-trigger-sign{transform:rotate(45deg)}
.side-note{transition:opacity .35s}.is-open .side-note{opacity:0}.headline{transition:transform .9s cubic-bezier(.16,1,.3,1);transform-origin:left top}.is-open .headline{transform:scale(.86)}
.contact{background:#171611}#detail-navigation[hidden]{display:none!important}#detail-navigation{position:absolute;z-index:6;display:flex;justify-content:center;align-items:center;gap:25px;left:24px;right:24px;bottom:139px;color:#e9dfca;font-size:10px;font-variant-numeric:tabular-nums}#detail-navigation button{width:34px;height:30px;padding:0;background:#191a16;border:1px solid #b69c6b4d;border-radius:5px;color:#faf7ed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px) and (max-width:1100px){.is-open .headline{transform:scale(.7)}.cube-card{padding:12px;min-height:98px}.cube-card h3{font-size:11px}.cube-card p{font-size:10px}.hero-copy{right:24px;width:200px}.hero-copy p{font-size:12px}.hero-copy .button{font-size:10px;gap:12px}}
@media(max-width:699px){.hero{height:100svh;min-height:900px;max-height:1150px}.headline{top:14.5%}.is-open .headline{transform:scale(.93)}#cube-trigger{top:275px;bottom:auto;left:24px;transform:none;font-size:10px;padding:9px 13px;gap:9px}.cube-card{min-height:94px;padding:18px 20px;box-shadow:0 12px 30px #0004}.cube-card h3{font-size:14px;margin-bottom:6px}.cube-card p{font-size:12px;line-height:1.55;max-width:285px}.hero-copy{bottom:75px}.hero-copy p{font-size:10px;line-height:1.65}.hero-bottom{bottom:20px}.hero-bottom #motion-toggle{font-size:8px}.button{background:#e1c792}#detail-navigation{bottom:139px}}
@media(prefers-reduced-motion:reduce){.headline,.side-note,.cube-trigger-sign{transition:none}}

@media(min-width:700px) and (max-width:1099px){.hero{min-height:940px}.compact-layout #cube-trigger{top:350px;bottom:auto;left:var(--edge);transform:none}.compact-layout .hero-copy{top:auto;bottom:75px;left:var(--edge);right:var(--edge);width:auto;display:flex;justify-content:space-between;align-items:center;gap:18px}.compact-layout .hero-copy p{margin:0}.compact-layout .cube-card{padding:18px 20px;min-height:94px}.compact-layout .cube-card h3{font-size:14px;margin-bottom:6px}.compact-layout .cube-card p{font-size:12px;line-height:1.55}.compact-layout .side-note{display:none}}

.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.brand-name{font-size:22px;letter-spacing:-.035em;font-weight:800;line-height:1.05}.brand-separator{color:var(--accent);font-weight:400;margin-left:3px}.brand-tagline{font-size:9px;letter-spacing:0;font-weight:500;color:#c0c6bf;line-height:1.2}.footer-brand .brand-name{font-size:18px}.footer-brand .brand-tagline{font-size:8px}
@media(max-width:650px){.brand{gap:9px}.brand-name{font-size:19px}.brand-tagline{font-size:8px}.brand>svg{width:22px;height:25px}.nav-contact .nav-contact-label{display:none}.nav-contact{padding:10px}.nav-contact svg{width:18px;height:18px}header{gap:12px}.brand-copy{gap:5px}}