/* Direção de arte: cinema, escala e contraste. */
:root{--ink:#080a0b;--accent:#d6ff4b}
.navbar{background:linear-gradient(#080a0bdd,transparent);padding-block:22px}
.navbar.scrolled{background:#080a0be8}
.cinema-hero{min-height:780px;height:100svh;max-height:1200px;padding:150px 6vw 38px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:#0b1114}
.cinema-scene{position:absolute;inset:0;z-index:-3;opacity:0;transition:opacity 1.3s ease;overflow:hidden}
.cinema-scene.is-current{opacity:1}
.cinema-scene img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);animation:cinema-drift 16s ease-in-out infinite alternate;animation-play-state:paused}
.cinema-scene.is-current img{animation-play-state:running}
.cinema-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050709c9 0%,#05070945 65%),linear-gradient(0deg,#050709e8,transparent 50%,#05070950)}
.cinema-hero .cinema-kicker{font-size:11px;letter-spacing:.19em;color:#e4e5df;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.cinema-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}
.cinema-title{font-size:clamp(75px,10.6vw,170px);line-height:.89;letter-spacing:-.075em;font-weight:500;max-width:11ch;margin:36px 0}
.cinema-title em{font-style:normal;color:var(--accent)}
.cinema-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:end}
.cinema-intro{max-width:42ch;font-size:18px;line-height:1.65;color:#e0e0da}
.cinema-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:25px}
.cinema-actions a{font-size:14px;font-weight:600;padding:15px 0;border-bottom:1px solid #ffffff80}
.cinema-actions a:first-child{color:var(--accent);border-color:var(--accent)}
.cinema-controls{display:flex;justify-content:flex-end;align-items:end;gap:10px}
.cinema-controls button{color:#dadbd6;background:#080a0b55;border:1px solid #ffffff40;padding:15px 18px;text-align:left;font-size:11px;line-height:1.5;transition:background .3s;backdrop-filter:blur(8px)}
.cinema-controls button[aria-pressed=true]{background:#d6ff4b;color:#111;border-color:#d6ff4b}
.cinema-controls button span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:9px}
.cinema-controls .cinema-pause{font-size:16px;align-self:stretch}
.cinema-controls button:focus-visible,.cinema-actions a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.cinema-label{position:absolute;top:160px;right:6vw;writing-mode:vertical-rl;font-size:10px;letter-spacing:.16em;color:#deded6}
.cinema-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;z-index:1200;pointer-events:none}
#sobre{padding-block:120px;background:#080a0b}
#sobre .lede{font-size:clamp(26px,3.4vw,49px);line-height:1.25;letter-spacing:-.04em;max-width:100%;opacity:1}
#construcao-de-sites{border-radius:32px 32px 0 0}
#construcao-de-sites h2{font-size:clamp(38px,4.7vw,66px);line-height:1.04;letter-spacing:-.05em}
.step{border-radius:0!important;box-shadow:none!important}
#projecao-mapeada{padding-top:0}
#projecao-mapeada .feature-banner{min-height:80svh;border-radius:0;margin-inline:calc(-1 * max(24px,(100vw - 1152px)/2));padding:7vw}
#projecao-mapeada .feature-banner h2{font-size:clamp(48px,7.7vw,110px);line-height:.97;letter-spacing:-.06em}
#projecao-mapeada .feature-banner:after{background:linear-gradient(90deg,#080a0bbd,transparent 85%),linear-gradient(0deg,#080a0be0,transparent 70%)}
.feature-banner{border-radius:0;overflow:hidden}
.feature-banner img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.feature-banner:hover img{transform:scale(1.035)}
#servicos{background:#14181b;color:#efeee8}
#servicos .lede{color:#c7cbc7}
#servicos .service-row{border-color:#ffffff30}
#servicos .service-row-num{-webkit-text-stroke-color:#d6ff4b60;font-size:40px}
#servicos .service-row h3{font-size:clamp(25px,3.5vw,45px);letter-spacing:-.045em}
#portfolio{padding-top:110px}
#portfolio>div>h2{font-size:clamp(45px,7vw,98px);line-height:1;letter-spacing:-.055em;max-width:12ch}
.wow-demos{margin-top:65px}
.wow-demo img{width:165px;height:110px}
.wow-demo{padding-block:28px}
.photo-strip{gap:25px}
#contato{background:var(--accent);color:#10120c;padding-block:115px}
#contato h2{font-size:clamp(48px,7vw,100px);line-height:1.02;letter-spacing:-.055em}
#contato .lede{color:#18200f}
#contato .btn-accent{background:#10120c;color:#d6ff4b;border-radius:0}
#contato .accent{color:#10120c}
.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}
@keyframes cinema-drift{from{transform:scale(1.04) translateY(-.5%)}to{transform:scale(1.13) translateY(.5%)}}
body.cinema-paused .cinema-scene img{animation-play-state:paused!important}
@media(max-width:1000px){.cinema-bottom{grid-template-columns:1fr;gap:30px}.cinema-controls{justify-content:flex-start}.cinema-hero{height:auto;min-height:100svh;gap:30px;padding-top:140px}.cinema-title{font-size:clamp(75px,12vw,120px)}.wow-demo img{width:95px;height:85px}}
@media(max-width:600px){.cinema-hero{padding:125px 6vw 30px;min-height:850px}.cinema-title{font-size:clamp(65px,16vw,96px);margin:32px 0;max-width:10ch}.cinema-label{display:none}.cinema-hero .cinema-kicker{font-size:9px;letter-spacing:.1em}.cinema-intro{font-size:16px}.cinema-controls{gap:6px;flex-wrap:wrap}.cinema-controls button{padding:12px 10px;font-size:10px;flex:1}.cinema-controls .cinema-pause{flex:0}.cinema-controls button span{font-size:8px}.cinema-actions{gap:20px;margin-top:15px}.cinema-actions a{font-size:12px}.cinema-scene img{object-position:60% center}#sobre{padding-block:75px}#projecao-mapeada .feature-banner{min-height:650px;margin-inline:-24px;padding:35px 24px}.wow-demo img{width:100px;height:85px}#portfolio{padding-top:75px}#contato{padding-block:75px}}
@media(prefers-reduced-motion:reduce){.cinema-scene,.feature-banner img{transition:none}.cinema-scene img{animation:none;transform:none}.cinema-pause{display:none}}