:root{--ink:#071019;--paper:#f3f1ea;--mint:#6de5b1;--line:rgba(255,255,255,.16);--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f8f7f3;font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:fixed;left:16px;top:-80px;background:#fff;color:#000;padding:10px 16px;z-index:100}.skip:focus{top:16px}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(7,16,25,.92),rgba(7,16,25,.15),transparent);backdrop-filter:blur(9px)}.brand{font:800 1.35rem var(--display);letter-spacing:-.08em}.brand span{color:var(--mint)}.nav{display:flex;gap:34px}.nav a,.top-cta{font-size:.86rem;font-weight:600}.nav a{opacity:.72}.nav a:hover{opacity:1}.top-cta{border-bottom:1px solid var(--mint);padding:8px 0}.top-cta span{color:var(--mint)}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;position:relative;overflow:hidden;padding:150px clamp(22px,7vw,112px) 70px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 43%,rgba(109,229,177,.12),transparent 28%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.025) 55%);z-index:-2}.hero-copy{max-width:1040px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.2em;font-weight:700}.eyebrow{color:var(--mint);margin:0 0 28px}.hero h1{font:700 clamp(3rem,7.5vw,7.4rem)/.98 var(--display);letter-spacing:-.075em;margin:0;max-width:1100px}.hero h1 em{font-style:normal;color:var(--mint)}.hero-lead{max-width:690px;font-size:clamp(1rem,1.45vw,1.28rem);color:#b9c3ca;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;justify-content:center;min-height:54px;padding:0 24px;border-radius:2px;font-weight:600}.primary{background:var(--mint);color:var(--ink)}.ghost{border:1px solid rgba(255,255,255,.28)}.hero-note{position:absolute;left:clamp(22px,7vw,112px);bottom:38px;display:flex;align-items:center;gap:26px;color:#89949c;font-size:.8rem}.availability{color:#dfe6e8}.availability i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint);margin-right:7px}.hero-index{position:absolute;right:clamp(22px,5vw,78px);bottom:38px;display:flex;gap:22px;color:#758089;font-size:.75rem}.hero-orbit{position:absolute;width:min(47vw,690px);aspect-ratio:1;right:-17vw;top:5vh;border:1px solid rgba(109,229,177,.12);border-radius:50%;z-index:-1;animation:spin 30s linear infinite}.hero-orbit i{position:absolute;border:1px solid rgba(109,229,177,.08);border-radius:50%;inset:14%}.hero-orbit i:nth-child(2){inset:29%}.hero-orbit i:nth-child(3){width:12px;height:12px;inset:50% auto auto 0;background:var(--mint);border:0;box-shadow:0 0 32px var(--mint)}@keyframes spin{to{transform:rotate(360deg)}}.intro{background:var(--paper);color:var(--ink);padding:130px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px;align-items:end}.intro .kicker{align-self:start}.intro h2,.capabilities h2,.about h2{font:700 clamp(2.6rem,5.5vw,5.5rem)/1 var(--display);letter-spacing:-.065em;margin:0}.intro>p:last-child{color:#52606a;margin:0;max-width:380px}.project-band{min-height:92vh;padding:clamp(60px,7vw,110px) clamp(22px,6vw,96px);display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,110px);align-items:center;overflow:hidden;position:relative}.project-band:before{content:'';position:absolute;width:45vw;aspect-ratio:1;border-radius:50%;right:-18vw;top:-20vw;background:rgba(255,255,255,.06);filter:blur(2px)}.project-copy{position:relative;z-index:2}.project-meta{display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:12px;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;opacity:.65}.project-copy h2{font:800 clamp(3.5rem,6.2vw,6.8rem)/.86 var(--display);letter-spacing:-.08em;margin:48px 0 28px}.project-copy>p{font-size:1.08rem;max-width:500px;opacity:.78}.project-copy ul{list-style:none;padding:0;margin:30px 0 38px;display:flex;gap:8px;flex-wrap:wrap}.project-copy li{border:1px solid currentColor;border-radius:999px;padding:6px 12px;font-size:.7rem;opacity:.7}.project-link{display:inline-flex;gap:34px;align-items:center;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:8px}.project-link span{transition:transform .25s}.project-link:hover span{transform:translate(5px,-5px)}.project-stage{min-width:0;position:relative;z-index:2;perspective:1000px}.browser{background:#0e1114;border-radius:14px;box-shadow:0 45px 90px rgba(0,0,0,.35);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);transition:transform .5s ease}.project-stage:hover .browser{transform:none}.browser-bar{height:40px;background:#161b20;display:flex;align-items:center;gap:6px;padding:0 13px;color:#7a858d;font-size:.65rem}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#39424a}.browser-bar span{margin-left:9px}.browser iframe{display:block;width:1440px;height:900px;border:0;transform:scale(.56);transform-origin:0 0;pointer-events:none}.browser{height:544px}.industrial{background:#f0c900;color:#10141a}.industrial .browser{outline:10px solid rgba(0,0,0,.07)}.gastronomy{background:#6e1f2b;color:#f4ede1}.beauty{background:#dad2c6;color:#2c332e}.fitness{background:#123adb;color:#fff}.legal{background:#0f3440;color:#f4f5f2}.capabilities{padding:140px clamp(22px,7vw,112px);display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#071019}.capabilities .kicker,.about .kicker{color:var(--mint)}.cap-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px}.cap-grid span{color:var(--mint);font-size:.72rem}.cap-grid h3{font:700 1.65rem var(--display);margin:32px 0 8px}.cap-grid p{color:#95a3ac;margin:0}.about{background:var(--paper);color:var(--ink);padding:130px clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:clamp(50px,9vw,140px);align-items:center}.portrait{position:relative}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%);border-radius:2px}.portrait span{position:absolute;right:-30px;bottom:55px;background:var(--mint);padding:10px 16px;font-size:.66rem;letter-spacing:.15em;font-weight:700;transform:rotate(-90deg);transform-origin:center}.about-copy .kicker{color:#147758}.about-copy h2{margin:15px 0 36px}.about-copy>p{max-width:760px;color:#52606a}.about-lead{font-size:1.35rem!important;color:var(--ink)!important}.tool-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.tool-row span{border:1px solid #adb4b0;border-radius:999px;padding:7px 12px;font-size:.72rem}.contact{padding:140px clamp(22px,8vw,130px);text-align:center;background:var(--mint);color:var(--ink)}.contact .kicker{margin:0 0 28px}.contact h2{font:800 clamp(4rem,9vw,9rem)/.85 var(--display);letter-spacing:-.08em;margin:0}.contact>p:not(.kicker){max-width:580px;margin:38px auto;font-size:1.1rem}.contact-button{background:var(--ink);color:#fff}.contact-button span{color:var(--mint)}footer{padding:34px clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;color:#8f9ba3;font-size:.78rem}footer>div{display:flex;gap:22px}footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-index{display:none}.intro{grid-template-columns:1fr;gap:20px}.project-band{grid-template-columns:1fr;min-height:auto}.project-copy h2{margin:30px 0 20px}.browser{height:min(58vw,500px)}.browser iframe{transform:scale(.47)}.capabilities,.about{grid-template-columns:1fr}.portrait{max-width:520px}.capabilities{gap:50px}}@media(max-width:620px){.topbar{height:66px}.top-cta{font-size:0}.top-cta span{font-size:1rem}.hero{padding-top:110px}.hero h1{font-size:3.25rem}.hero-lead{font-size:1rem}.hero-note{position:static;margin-top:70px;display:block}.hero-note p{margin:5px 0}.intro{padding-top:90px;padding-bottom:90px}.project-band{padding:72px 20px}.project-copy h2{font-size:3.8rem}.project-stage{margin:0 -5px}.browser{height:58vw;border-radius:8px}.browser-bar{height:26px}.browser iframe{transform:scale(.28)}.capabilities,.about,.contact{padding:90px 22px}.cap-grid{grid-template-columns:1fr}.portrait span{right:-45px}.contact h2{font-size:4rem}footer{flex-wrap:wrap;gap:16px}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit{animation:none}.browser,.project-link span,.reveal{transition:none}}

/* Static project previews avoid loading five complete sites while scrolling. */
.browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
@media(max-width:900px){.topbar{backdrop-filter:none;background:rgba(7,16,25,.96)}.hero-orbit{animation-duration:45s}.browser{box-shadow:0 24px 52px rgba(0,0,0,.28)}}
.therapy{background:#dbe5c9;color:#203629}.therapy:before{background:rgba(65,103,63,.1)}
.lume-preview{height:calc(100% - 40px);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px 34px 45px;color:#fff;background:linear-gradient(90deg,rgba(18,38,26,.8),rgba(18,38,26,.12)),url('projetos/lume-terapia/img/hero.webp') center/cover no-repeat}
.lume-preview__logo{font-size:1.45rem;font-weight:700;letter-spacing:-.08em}.lume-preview>div{max-width:390px;display:grid;justify-items:start;gap:16px}.lume-preview small{font-size:.58rem;letter-spacing:.17em}.lume-preview strong{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.01;font-weight:400;letter-spacing:-.06em}.lume-preview strong em{font-family:Georgia,serif;font-weight:400}.lume-preview__button{padding:9px 14px;border-radius:99px;background:#fbfaf3;color:#203629;font-size:.64rem;font-weight:700}
@media(max-width:900px){.lume-preview{padding:20px 25px 28px}.lume-preview strong{font-size:clamp(2rem,6vw,3rem)}}
@media(max-width:620px){.lume-preview{height:calc(100% - 26px);padding:10px 14px 15px}.lume-preview__logo{font-size:.9rem}.lume-preview>div{gap:6px}.lume-preview small{font-size:.35rem}.lume-preview strong{font-size:clamp(1.1rem,5vw,2rem)}.lume-preview__button{font-size:.4rem;padding:5px 8px}}
.architecture{background:#a63d22;color:#f3f1ea}.architecture:before{background:rgba(228,87,46,.35)}
.legal:before{background:rgba(242,169,59,.12)}.legal .project-link span{color:#f2a93b}
/* o anel girando do hero passava da borda direita e liberava rolagem lateral no mobile */
html,body{overflow-x:clip}
.photo{background:#bba7da;color:#161412}.photo:before{background:rgba(255,255,255,.22)}.photo .browser{outline:10px solid rgba(22,20,18,.08)}
.gastronomy:before{background:rgba(244,237,225,.08)}
.clinic{background:#6c89d6;color:#172039}.clinic:before{background:rgba(255,255,255,.18)}.clinic .browser{outline:10px solid rgba(255,255,255,.25)}