/* Motion direction: light, materials and the official Grupo Criativa symbol. */
.official-logo{display:block;width:225px;max-width:100%;height:auto}.header .brand{width:225px}.footer .official-logo{width:200px}.hero{padding-top:55px;grid-template-columns:1fr 1.06fr;column-gap:2%;padding-bottom:90px}.hero-copy{padding-top:10px}.hero-art.kinetic-stage{height:590px;margin-top:0;background:radial-gradient(ellipse at 48% 47%,#ff6e2b18,transparent 60%);perspective:1100px;--accent:#ff6e2b;--scene-x:0deg;--scene-y:0deg;overflow:visible}.kinetic-stage:before{display:none}.stage-field{position:absolute;inset:20px 0 100px;width:100%;height:calc(100% - 120px);opacity:.75;pointer-events:none}.studio-top{height:38px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #39342d;font:8px/1.5 monospace;letter-spacing:1px;color:#b2a99c;position:relative;z-index:3}.motion-status{font-size:8px;color:var(--orange)}.stage-viewport{height:400px;position:relative;perspective:1000px;transform-style:preserve-3d}.kinetic-word{position:absolute;top:30px;left:50%;transform:translateX(-50%);font-size:clamp(44px,5.7vw,83px);font-weight:900;letter-spacing:-4px;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #7c655144;opacity:.8;transition:color .5s;user-select:none}.monument{position:absolute;left:50%;top:58px;width:65%;height:285px;transform:translateX(-50%) rotateX(calc(-12deg + var(--scene-y))) rotateY(calc(-18deg + var(--scene-x)));transform-style:preserve-3d;animation:monument-drift 6s ease-in-out infinite;will-change:transform}.symbol-stack{position:relative;height:225px;width:100%;transform-style:preserve-3d;filter:drop-shadow(5px 24px 28px #000a)}.symbol-front,.depth-layer{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;backface-visibility:visible}.symbol-front{transform:translateZ(22px);filter:drop-shadow(0 0 20px #ff6e2b30)}.depth-layer{transform:translateZ(calc(var(--layer) * 3px));filter:brightness(.22)}.depth-layer:nth-child(even){filter:brightness(.4)}.stage-wordmark{position:absolute;left:50%;bottom:-4px;width:82%;height:auto;transform:translateX(-50%) translateZ(24px);opacity:.9;filter:drop-shadow(0 8px 8px #0008)}.orbit{position:absolute;left:5%;top:10px;width:90%;height:340px;border:1px solid #ff6e2b30;border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit:before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}.orbit-a{animation:orbit-a-spin 13s linear infinite}.orbit-b{border-color:#e6d7c619;animation:orbit-b-spin 17s linear infinite reverse}.orbit-b:before{background:#e6d7c6;box-shadow:0 0 12px #e6d7c6}.material{position:absolute;z-index:3;box-shadow:0 15px 30px #0007;will-change:transform}.material>span{display:block;font:7px monospace;letter-spacing:1px}.material-print{left:0;top:135px;width:95px;height:145px;padding:12px;background:#ede5d7;color:#111;transform:rotate(-13deg);animation:print-float 5s ease-in-out infinite}.material-print>div{display:flex;height:22px;margin-top:15px}.material-print i{flex:1;background:#ff6e2b}.material-print i:nth-child(2){background:#a0785e}.material-print i:nth-child(3){background:#2f88b4}.material-print i:nth-child(4){background:#565fa0}.material-print b{display:block;font-size:15px;line-height:1;letter-spacing:-1px;margin-top:14px}.material-glass{right:0;top:96px;width:110px;height:155px;padding:12px;background:linear-gradient(120deg,#ffffff05,#b8e4ff18 48%,#ffffff33 49%,#ffffff01 54%);border:1px solid #91b2bc5c;transform:rotate(14deg);animation:glass-float 6s ease-in-out infinite;color:#aed6e4;backdrop-filter:blur(3px)}.material-glass>i{position:absolute;top:40px;bottom:17px;width:1px;background:#9cc3d244;left:25%}.material-glass>i:nth-of-type(2){left:50%}.material-glass>i:nth-of-type(3){left:75%}.material-form{right:30px;bottom:18px;width:103px;height:100px;padding:12px;background:#211b15;border:1px solid #6c4d30;color:#c5a27e;transform:rotate(-8deg);animation:form-float 5.5s ease-in-out infinite}.material-form b{display:block;font-size:38px;line-height:1.4}.material-form i{position:absolute;right:12px;top:40px;width:20px;height:45px;background:linear-gradient(90deg,#947050,#c5a582);border-left:1px solid #171410;transform:skewY(-15deg)}.material-form i+i{right:33px;height:38px;top:47px}.stage-glint{position:absolute;left:6%;right:6%;height:1px;top:15%;background:linear-gradient(90deg,transparent,#ffc49caa,transparent);box-shadow:0 0 18px #ff6e2b44;animation:scan-sweep 5s ease-in-out infinite;pointer-events:none}.stage-caption{display:flex;align-items:center;gap:14px;border-top:1px solid #39342d;padding-top:15px}.scene-count{font:9px monospace;color:var(--orange);white-space:nowrap}.scene-description{font-size:12px;color:#c1b6a7;margin:0}.scene-progress{display:block;height:2px;background:#37312b;flex:1;min-width:25px;overflow:hidden}.scene-progress i{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;animation:scene-timer 6s linear infinite}.scene-services{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:20px}.scene-services button{font:10px monospace;padding:12px 3px;background:transparent;border:1px solid #40382e;color:#b4aa9b;cursor:pointer;transition:background .3s,color .3s}.scene-services button[aria-pressed="true"]{color:#111;background:var(--orange);border-color:var(--orange)}.scene-services button:hover{border-color:#a0785e}.scene-controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:10px}.scene-controls button{border:0;background:transparent;color:#c8beaf;padding:8px 0;font:10px monospace;cursor:pointer}.scene-controls button:first-child span{font:17px Arial;color:var(--orange);vertical-align:middle;margin-right:3px}.scene-controls button:hover{color:var(--orange)}.kinetic-stage[data-scene="1"] .material-form{border-color:#e1ae77;background:#3e2c1c;box-shadow:0 0 30px #b8945d30}.kinetic-stage[data-scene="2"] .material-glass{border-color:#bdddeb;box-shadow:0 0 35px #8ad4ef28}.kinetic-stage[data-scene="3"] .material-print{background:#ff6e2b}.kinetic-stage[data-scene="3"] .material-print i:first-child{background:#222}.kinetic-stage[data-scene="0"] .material-print{box-shadow:0 0 35px #ff6e2b22,0 15px 30px #0007}.scene-replaying .stage-wordmark{animation:wordmark-reveal 1s var(--ease) both}.page-progress{position:fixed;left:0;top:0;height:2px;background:var(--orange);width:100%;transform:scaleX(0);transform-origin:left;z-index:80;pointer-events:none}.service-graphic{transition:transform .5s var(--ease),border-color .5s}.service:hover .service-graphic{transform:perspective(600px) rotateY(-5deg) translateY(-4px);border-color:#826144}.service:hover .graphic-sign>span{animation:sign-pop 2s ease-in-out infinite}.service:hover .graphic-glass>i{animation:glass-shift 2s ease-in-out infinite alternate}.service:hover .graphic-glass>i:nth-child(2){animation-delay:.2s}.service:hover .graphic-glass>i:nth-child(3){animation-delay:.4s}.motion-paused .scene-progress i{animation-play-state:paused}.motion-paused .stage-glint{opacity:.3}.motion-paused .motion-status{color:#aaa}.motion-paused .monument{will-change:auto}.motion-paused .material{will-change:auto}
@keyframes monument-drift{0%,100%{transform:translateX(-50%) translateY(5px) rotateX(calc(-10deg + var(--scene-y))) rotateY(calc(-23deg + var(--scene-x))) rotateZ(-4deg)}50%{transform:translateX(-50%) translateY(-17px) rotateX(calc(7deg + var(--scene-y))) rotateY(calc(19deg + var(--scene-x))) rotateZ(3deg)}}
@keyframes orbit-a-spin{from{transform:rotateX(64deg) rotateZ(0)}to{transform:rotateX(64deg) rotateZ(360deg)}}
@keyframes orbit-b-spin{from{transform:rotateX(25deg) rotateY(65deg) rotateZ(0)}to{transform:rotateX(25deg) rotateY(65deg) rotateZ(360deg)}}
@keyframes print-float{0%,100%{transform:translate(0,8px) rotate(-13deg)}50%{transform:translate(7px,-15px) rotate(-6deg)}}
@keyframes glass-float{0%,100%{transform:translate(0,-10px) rotate(14deg)}50%{transform:translate(-9px,12px) rotate(5deg)}}
@keyframes form-float{0%,100%{transform:translate(0,5px) rotate(-8deg)}50%{transform:translate(-7px,-14px) rotate(2deg)}}
@keyframes scan-sweep{0%,100%{top:15%;opacity:0}20%,80%{opacity:.8}50%{top:85%;opacity:1}}
@keyframes scene-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wordmark-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes sign-pop{50%{transform:rotate(-6deg) translateY(-5px);filter:drop-shadow(0 0 13px #ff6e2b55)}}
@keyframes glass-shift{to{transform:skewY(-7deg) translateY(-6px)}}
@media(max-width:1100px){.header .brand,.official-logo{width:198px}.hero-art.kinetic-stage{height:570px}.stage-viewport{height:380px}.monument{top:67px;height:260px}.symbol-stack{height:200px}.material-print{width:80px;height:130px;top:145px}.material-print b{font-size:13px}.material-glass{width:85px;height:140px;right:-2px}.material-form{width:87px;height:85px;right:0}.material-form b{font-size:28px}.material-form i{height:30px;top:37px}.material-form i+i{height:25px;top:42px}.orbit{height:300px;top:30px}.scene-description{font-size:11px}.studio-top{font-size:7px}.scene-controls button{font-size:9px}}
@media(max-width:760px){.header .brand,.official-logo{width:165px}.header-cta{margin-right:17px}.header .brand{flex-shrink:0}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art.kinetic-stage{height:530px;max-width:500px;margin-top:35px}.studio-top{font-size:7px}.stage-viewport{height:345px}.monument{top:63px;height:240px;width:66%}.symbol-stack{height:185px}.stage-wordmark{bottom:0}.kinetic-word{font-size:clamp(41px,10.5vw,66px);letter-spacing:-2px;top:27px}.material-print{left:0;top:124px;width:73px;height:118px;padding:10px}.material-print>div{height:17px;margin-top:12px}.material-print b{font-size:12px}.material>span{font-size:6px}.material-glass{width:76px;height:129px;top:90px;right:0;padding:10px}.material-form{width:77px;height:77px;right:8px;bottom:3px;padding:9px}.material-form i{height:28px;top:32px;width:15px;right:9px}.material-form i+i{height:23px;top:37px;right:25px}.orbit{height:285px;top:20px}.stage-caption{gap:10px}.scene-description{font-size:11px}.scene-controls button{font-size:10px;min-height:38px}.scene-services button{min-height:44px;font-size:10px}.stage-field{inset:20px 0 100px}.hero-caption{font-size:7px;line-height:1.6}.footer .official-logo{width:190px}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}}
@media(max-width:370px){.header .brand,.header .official-logo{width:140px}.header-cta{font-size:9px;margin-right:13px}.hero-art.kinetic-stage{height:505px}.stage-viewport{height:320px}.monument{top:65px;height:216px}.symbol-stack{height:165px}.material-print{width:64px;height:109px}.material-glass{width:65px;height:115px}.orbit{height:260px}.scene-description{font-size:10px}.scene-controls button{font-size:9px}.scene-count{font-size:8px}.scene-caption{gap:7px}}

.ticker b img{display:inline-block;width:28px;height:auto;vertical-align:middle}.about-emblem img{width:75px;height:auto;vertical-align:middle}@media(max-width:760px){.ticker b img{width:22px}.about-emblem img{width:55px}}
@media(max-width:760px){.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;margin-bottom:22px}.hero h1{grid-row:2;margin-bottom:0}.hero-art.kinetic-stage{grid-row:3;margin-top:24px;margin-bottom:25px;height:490px}.stage-viewport{height:310px}.monument{top:50px;height:220px}.symbol-stack{height:168px}.orbit{height:255px}.material-print{top:105px}.material-glass{top:74px}.material-form{bottom:2px}.hero-description{grid-row:4;margin-bottom:24px}.hero-copy>.button{grid-row:5;justify-self:start}.hero-caption{grid-row:6;margin-top:22px}.hero{padding-bottom:75px}}
@media(max-width:370px){.hero-art.kinetic-stage{height:460px}.stage-viewport{height:280px}.monument{top:46px;height:200px}.symbol-stack{height:150px}.material-print{top:92px}.material-glass{top:68px}.orbit{height:230px}.kinetic-word{top:18px}}