:root{--bg:#080a0d;--panel:#111419;--orange:#ff7a00;--orange-light:#ff9d2e;--orange-deep:#d95d00;--text:#f6f3ef;--muted:#aaa8a4;--line:rgba(255,122,0,.34);--width:1280px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}.labs-shell{width:min(calc(100% - 48px),var(--width));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ab-site-header{position:absolute!important;top:0;background:linear-gradient(180deg,rgba(5,6,8,.86),transparent)}
.labs-hero{position:relative;min-height:100svh;padding-top:var(--ab-header-height);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 78% 42%,#21170e 0,rgba(20,14,9,.55) 22%,transparent 50%),linear-gradient(110deg,#07090c 0%,#0b0d10 48%,#090a0c 100%)}
.labs-hero::before{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 25%,#000);content:""}
.labs-hero__canvas{position:absolute;inset:0;z-index:-1;width:100%;height:calc(100% - 126px);pointer-events:none}
.labs-hero__glow{position:absolute;z-index:-2;inset:8% 0 126px 48%;background:radial-gradient(circle,rgba(255,122,0,.12),transparent 62%);filter:blur(18px);pointer-events:none}
.labs-hero__main{display:grid;grid-template-columns:minmax(340px,40%) minmax(0,60%);min-height:calc(100svh - var(--ab-header-height) - 126px);align-items:center;gap:1rem;padding-block:42px 34px}
.labs-hero__copy{position:relative;z-index:8;max-width:510px;padding-right:28px}
.labs-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--orange-light);font-size:.72rem;font-weight:750;letter-spacing:.23em;text-transform:uppercase}.labs-eyebrow span{width:28px;height:1px;background:var(--orange)}
.labs-hero h1{margin:16px 0 24px;font-size:clamp(4rem,7.2vw,7.2rem);font-weight:650;letter-spacing:-.065em;line-height:.78}.labs-hero h1 span,.labs-hero h1 strong{display:block}.labs-hero h1 strong{color:var(--orange);font-weight:650}
.labs-lead{margin:0 0 18px;max-width:500px;font-size:clamp(1.15rem,1.6vw,1.46rem);line-height:1.42}.labs-copy{margin:0;max-width:500px;color:var(--muted);font-size:.96rem}.labs-since{display:flex;align-items:center;gap:10px;margin:22px 0 0;color:#ddd6ce;font-size:.78rem;font-weight:650;letter-spacing:.035em}.labs-since::before{width:7px;height:7px;border:1px solid var(--orange);border-radius:50%;box-shadow:0 0 10px var(--orange);background:var(--orange);content:""}
.labs-hero__actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.labs-button{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:3px;font-size:.83rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.labs-button:hover{transform:translateY(-2px)}.labs-button:active{transform:translateY(0) scale(.98)}.labs-button:focus-visible,.filter-button:focus-visible,.project-content a:focus-visible{outline:2px solid #fff;outline-offset:3px}.labs-button--primary{background:var(--orange);color:#090909}.labs-button--primary:hover{background:var(--orange-light)}.labs-button--ghost{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.035)}.labs-button--ghost:hover{border-color:var(--orange);background:rgba(255,122,0,.08)}
.labs-ecosystem{position:relative;height:min(650px,68vh);min-height:570px;transform-style:preserve-3d}.visual-object{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,122,0,.44);background:#121212;box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 28px rgba(255,122,0,.09);transition:transform .25s ease-out}.visual-object img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(1.08) brightness(.76)}.visual-object figcaption{position:absolute;right:0;bottom:0;left:0;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.visual-object figcaption span{float:right;color:var(--orange-light);font-weight:500}.visual-object--eventyx{top:18%;left:20%;z-index:2;width:54%;height:42%;transform:perspective(900px) rotateY(-7deg) rotateZ(-1deg)}.visual-object--zara{right:1%;bottom:7%;z-index:3;width:27%;height:40%;transform:rotate(3deg)}.visual-object--book{left:4%;bottom:6%;z-index:3;width:18%;height:37%;transform:rotate(-5deg)}.visual-object--book img{object-position:center top}.visual-object--parallax{top:4%;right:4%;width:28%;height:25%;transform:rotate(3deg)}
.lab-float-card{position:absolute;z-index:7;display:flex;width:190px;padding:12px;gap:10px;border:1px solid rgba(255,122,0,.36);border-radius:4px;background:rgba(10,11,13,.86);box-shadow:0 10px 34px rgba(0,0,0,.48),inset 2px 0 var(--orange);backdrop-filter:blur(8px);transition:transform .25s ease-out;animation:float 6s ease-in-out infinite}.lab-float-card svg,.labs-pillars svg{flex:0 0 auto;width:24px;height:24px;fill:none;stroke:var(--orange);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.lab-float-card h2{margin:0;color:#fff;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.lab-float-card p{margin:3px 0 0;color:#aaa;font-size:.58rem;line-height:1.35}.card-web{top:8%;left:2%}.card-design{top:48%;right:0;animation-delay:-2s}.card-ai{top:56%;left:22%;animation-delay:-4s}.card-experiments{right:19%;bottom:0;animation-delay:-1s}@keyframes float{50%{transform:translateY(-7px)}}
.tech-marks{position:absolute;top:0;left:42%;color:rgba(255,157,46,.62);font:600 .55rem/1 monospace;letter-spacing:.15em}.tech-marks i{display:inline-block;width:3px;height:3px;margin-left:6px;background:var(--orange);box-shadow:0 0 7px var(--orange)}
.lab-object{position:absolute;opacity:.55;filter:drop-shadow(0 8px 14px #000);transition:transform .25s ease-out}.lab-object--camera{right:31%;bottom:14%;width:70px;height:42px;border:2px solid #4b4038;border-radius:5px;background:#151515}.lab-object--camera::before{position:absolute;top:-9px;left:9px;width:25px;height:9px;border-radius:3px 3px 0 0;background:#443b34;content:""}.lab-object--camera i{position:absolute;top:8px;left:25px;width:25px;height:25px;border:2px solid var(--orange-deep);border-radius:50%;box-shadow:inset 0 0 0 6px #090909}.lab-object--camera span{position:absolute;top:6px;right:6px;width:5px;height:3px;background:var(--orange)}.lab-object--guitar{top:27%;right:0;width:9px;height:280px;border-radius:6px;background:linear-gradient(90deg,#38291e,#8b572b,#2a1c14);transform:rotate(18deg)}.lab-object--guitar::before,.lab-object--guitar::after{position:absolute;content:""}.lab-object--guitar::before{bottom:-12px;left:-28px;width:60px;height:82px;border:2px solid #8e4c1b;border-radius:48% 40% 42% 52%;background:#24140b}.lab-object--guitar::after{top:-10px;left:-7px;width:23px;height:30px;background:#5b351e;clip-path:polygon(20% 0,80% 0,100% 80%,50% 100%,0 80%)}.lab-object--notebook{left:27%;bottom:0;width:190px;height:105px;border:1px solid #55483d;background:#171411;transform:perspective(300px) rotateX(58deg) rotateZ(-4deg)}.lab-object--notebook i{display:block;width:70%;height:1px;margin:23px;background:#514235}.wire-cube{position:absolute;top:6%;left:35%;width:54px;height:54px;border:1px solid rgba(255,122,0,.45);transform:rotate(30deg) skew(-8deg);opacity:.6}.wire-cube::before,.wire-cube i{position:absolute;border:1px solid rgba(255,122,0,.35);content:""}.wire-cube::before{inset:10px}.wire-cube i:first-child{top:10px;left:-12px;width:54px;height:54px}.wire-cube i:last-child{inset:-12px 10px 10px -12px;border-width:0 1px 1px 0}
.labs-pillars{position:relative;z-index:10;border-top:1px solid rgba(255,122,0,.24);background:rgba(7,8,10,.94)}.labs-pillars__grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:126px}.labs-pillars article{display:flex;align-items:center;gap:13px;padding:22px 22px;border-right:1px solid rgba(255,255,255,.09)}.labs-pillars article:first-child{padding-left:0}.labs-pillars article:last-child{border:0;padding-right:0}.labs-pillars h2{margin:0;color:#f3eee9;font-size:.68rem;letter-spacing:.095em;text-transform:uppercase}.labs-pillars p{margin:4px 0 0;color:#898784;font-size:.66rem;line-height:1.4}
.projects-section{padding-block:clamp(76px,9vw,118px);scroll-margin-top:var(--ab-header-height)}.projects-heading{max-width:650px;margin-bottom:30px}.projects-heading h2{margin:10px 0 5px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.projects-heading>p:last-child{margin:0;color:var(--muted)}.project-filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filter-button{min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:2px;background:transparent;color:#aaa;font:inherit;font-size:.78rem;cursor:pointer}.filter-button:hover,.filter-button[aria-pressed=true]{border-color:var(--orange);background:rgba(255,122,0,.09);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#101216;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:rgba(255,122,0,.45)}.project-card[hidden]{display:none}.project-card>img,.design-preview{display:block;width:100%;height:220px;object-fit:cover;background:#17120e}.project-card:nth-child(2)>img,.project-card:nth-child(3)>img,.project-card:nth-child(5)>img{object-position:center 28%}.project-content{padding:22px}.project-category{margin:0 0 7px;color:var(--orange-light);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-content h3{margin:0;font-size:1.28rem}.project-content>p:not(.project-category){min-height:82px;margin:10px 0 18px;color:#aaa;font-size:.85rem}.project-content a,.project-disabled{color:#ddd;font-size:.78rem;font-weight:700;text-decoration:none}.project-content a:hover{color:var(--orange-light)}.project-disabled{color:#777}.design-preview{position:relative;display:flex;padding:26px;align-items:flex-end;justify-content:space-between;overflow:hidden;background:linear-gradient(135deg,#1d130c,#0b0d10)}.design-preview::before{position:absolute;inset:16px;border:1px solid rgba(255,122,0,.3);content:""}.design-preview span{color:var(--orange);font:700 5rem/1 Georgia,serif}.design-preview b{font-size:.72rem;letter-spacing:.18em;text-align:right;text-transform:uppercase}.design-preview i{position:absolute;width:90px;height:90px;border:1px solid var(--orange);border-radius:50%}
.labs-footer{display:flex;padding-block:34px;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);color:#777;font-size:.72rem}.labs-footer p{margin:0}.labs-footer nav{display:flex;gap:16px;flex-wrap:wrap}.labs-footer a{text-decoration:none}.labs-footer a:hover{color:var(--orange)}
@media(max-width:1050px){.labs-hero{min-height:760px}.labs-hero__main{grid-template-columns:42% 58%;min-height:690px}.labs-ecosystem{min-height:560px}.lab-float-card{width:170px}.card-design{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.labs-pillars__grid{grid-template-columns:repeat(2,1fr)}.labs-pillars article:nth-child(2){border-right:0}.labs-pillars article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}}
@media(max-width:760px){.labs-shell{width:min(calc(100% - 36px),var(--width))}.labs-hero{min-height:0;padding-top:var(--ab-header-height)}.labs-hero__canvas{height:100%}.labs-hero__main{display:block;min-height:0;padding-top:44px;padding-bottom:35px}.labs-hero__copy{max-width:none;padding:0}.labs-hero h1{font-size:clamp(3.8rem,19vw,6rem);margin-bottom:25px}.labs-lead{font-size:1.15rem}.labs-hero__actions{display:grid}.labs-button{width:100%}.labs-ecosystem{height:570px;min-height:0;margin-top:36px}.visual-object--eventyx{top:12%;left:3%;width:71%;height:31%}.visual-object--zara{right:0;bottom:9%;width:39%;height:34%}.visual-object--book{left:1%;bottom:7%;width:30%;height:37%}.visual-object--parallax{top:0;right:0;width:36%;height:22%}.card-web{top:40%;left:3%}.card-ai{top:47%;right:2%;left:auto}.card-experiments,.lab-object--guitar,.lab-object--camera,.lab-object--notebook,.wire-cube,.tech-marks{display:none}.labs-pillars__grid{grid-template-columns:repeat(2,1fr)}.labs-pillars article{min-height:118px;padding:16px 12px;align-items:flex-start}.labs-pillars article:first-child{padding-left:12px}.labs-pillars svg{width:20px}.labs-pillars p{font-size:.61rem}.project-grid{grid-template-columns:1fr}.project-card>img,.design-preview{height:240px}.project-content>p:not(.project-category){min-height:0}.labs-footer{flex-direction:column}.labs-footer nav{gap:10px 16px}}
@media(max-width:390px){.labs-pillars__grid{grid-template-columns:1fr}.labs-pillars article,.labs-pillars article:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.labs-ecosystem{height:530px}.lab-float-card{width:155px}.lab-float-card p{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.lab-float-card,.visual-object,.lab-object,.wire-cube{transform:none!important}}

/* Zara Vel: link oficial e espaço reservado para a arte aprovada da personagem. */
.visual-object--zara{color:#fff;text-decoration:none}
.visual-object--zara:hover{border-color:var(--orange-light);box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 34px rgba(255,122,0,.24)}
.visual-object--zara:focus-visible{outline:2px solid #fff;outline-offset:4px}
.visual-caption{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:26px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.visual-caption small{float:right;color:var(--orange-light);font-size:inherit;font-weight:500}
.visual-object .zara-vel-image,.project-card>.zara-vel-image{object-fit:cover;object-position:56% 42%}
.project-card--zara{position:relative}
.project-stretched-link::after{position:absolute;inset:0;content:""}
.project-card--zara:focus-within{outline:2px solid #fff;outline-offset:4px}
.project-card--zara .project-stretched-link:focus-visible{outline:0}

/* Links das prévias do ecossistema. */
a.visual-object{color:inherit;text-decoration:none}
a.visual-object:focus-visible{outline:2px solid #fff;outline-offset:4px}
a.visual-object:hover{border-color:var(--orange-light)}
.visual-caption>span{float:right;color:var(--orange-light);font-weight:500}