.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.2) brightness(.55);opacity:.46;z-index:0}.hero-video-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.36) 55%,rgba(0,0,0,.68) 100%),linear-gradient(0deg,#000 0%,transparent 42%,rgba(0,0,0,.25) 100%)}.hero-grid{z-index:1;opacity:.75}.hero-pixels{z-index:2}.experience-canvas{z-index:3!important}.hero-title,.hero-label,.hero-bottom{z-index:4!important}.case-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;margin:22px 0}.case-kicker{position:absolute;font:10px var(--pixel);letter-spacing:.14em}.project-colchoaria{background:#cce2d0}.stage-colchoaria{grid-template-columns:1fr 1fr;gap:24px}.stage-colchoaria>strong{position:absolute;font:clamp(130px,18vw,320px)/.7 Piximisa;color:rgba(26,61,48,.13);inset:auto auto 5% -2%;letter-spacing:-.04em}.stage-colchoaria>.case-kicker{left:2%;top:8%;color:#234c3c}.pack-card{width:min(25vw,360px);aspect-ratio:.78;background:#f6f0df;border:1px solid rgba(0,0,0,.25);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transform:rotate(-5deg);box-shadow:0 24px 50px rgba(22,57,43,.16);z-index:1}.pack-card i{position:absolute;inset:22px 22px 34%;background:radial-gradient(ellipse at 50% 80%,#a99a7e 0 11%,transparent 12%),linear-gradient(150deg,#d6c9b0,#f5eee0);border-radius:50% 50% 4px 4px}.pack-card b{font-size:24px;font-weight:500}.pack-card small{margin-top:6px}.pack-two{transform:translateY(45px) rotate(5deg);background:#1d3e32;color:#fff}.project-xcolor{background:#ef1d23;color:#fff}.stage-xcolor{background:#090909;border-radius:24px}.stage-xcolor>strong{font:clamp(130px,20vw,350px)/.7 Piximisa;color:#fff;letter-spacing:-.04em}.stage-xcolor>.case-kicker{bottom:7%;left:5%;color:#fff}.phone-light{position:absolute;width:15vw;max-width:230px;aspect-ratio:.52;background:#111;border:6px solid #2b2b2b;border-radius:32px;right:10%;transform:rotate(8deg);box-shadow:0 0 90px 45px #ff4d2e}.phone-light:after{content:"";position:absolute;inset:12px;background:linear-gradient(140deg,#ff8d2c,#e91430 48%,#7f00ff);border-radius:21px}.color-dots{position:absolute;display:flex;gap:10px;right:5%;bottom:8%}.color-dots i{width:18px;height:18px;border-radius:50%;background:#ff2f2f}.color-dots i:nth-child(2){background:#fff229}.color-dots i:nth-child(3){background:#29e26e}.color-dots i:nth-child(4){background:#2e72ff}.color-dots i:nth-child(5){background:#d635ff}.project-conquistador{background:#d9d2ed}.stage-conquistador{grid-template-columns:1fr 1fr;gap:6vw}.shirt-visual{width:min(30vw,430px);aspect-ratio:.85;background:#222;clip-path:polygon(24% 8%,39% 0,61% 0,76% 8%,100% 24%,84% 43%,76% 35%,76% 100%,24% 100%,24% 35%,16% 43%,0 24%);display:grid;place-items:center;color:#fff;filter:drop-shadow(0 22px 24px rgba(0,0,0,.18))}.shirt-visual span{font:80px Piximisa;color:#d9d2ed}.editor-panel{width:min(28vw,390px);background:#f7f5fb;border:1px solid #111;padding:28px;box-shadow:14px 14px 0 #111;display:flex;flex-direction:column;gap:22px}.editor-panel small{font:10px var(--pixel)}.editor-panel label{border-top:1px solid #aaa;padding-top:16px;display:flex;justify-content:space-between}.editor-panel label i{width:18px;height:18px;border-radius:50%;background:#111}.editor-panel label i:nth-of-type(2){background:#8169b9}.editor-panel label i:nth-of-type(3){background:#ddd}.editor-panel button{background:#111;color:#fff;border:0;padding:16px;font:10px var(--pixel);text-transform:uppercase}.project-maria{background:#f2c6a8}.stage-maria{grid-template-columns:auto 6vw auto 6vw auto;align-content:center}.stage-maria>strong{position:absolute;left:4%;top:7%;font:clamp(70px,9vw,150px)/.8 Piximisa;color:#563929}.stage-maria>.infra-node{border:1px solid #563929;border-radius:50%;width:min(14vw,210px);aspect-ratio:1;display:grid;place-items:center;font:11px var(--pixel);background:rgba(255,255,255,.24);z-index:1}.stage-maria>i{height:1px;background:#563929;position:relative}.stage-maria>i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;background:#563929}.project-private{background:#111;color:#fff}.stage-private{background-image:linear-gradient(rgba(56,227,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,227,196,.08) 1px,transparent 1px);background-size:42px 42px}.stage-private>strong{position:absolute;right:3%;bottom:4%;font:clamp(72px,9vw,150px)/.76 Piximisa;color:rgba(56,227,196,.17);text-align:right}.private-flow{position:absolute;top:10%;left:4%;display:flex;gap:14px;align-items:center;font:10px var(--pixel)}.private-flow span{border:1px solid var(--mint);padding:11px 14px;color:var(--mint)}.private-flow i{font-style:normal}.admin-window{width:min(44vw,630px);background:#eef2ee;color:#111;padding:26px;border:1px solid var(--mint);box-shadow:18px 18px 0 rgba(56,227,196,.22);display:flex;flex-direction:column;gap:16px}.admin-window small{font:10px var(--pixel);border-bottom:1px solid #aaa;padding-bottom:18px}.admin-window b{font-size:22px;font-weight:400;border-bottom:1px solid #ccc;padding:12px 0}.services-link{margin:70px 0 0 auto;width:min(520px,100%);border:1px solid #aaa;border-radius:100px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;font-size:18px}.services-link:hover{background:#000;color:#fff;border-color:#000}.services-link i{font-size:25px;font-style:normal}footer{grid-template-columns:1.5fr 1.3fr .8fr .8fr auto}
@media(max-width:800px){.hero-video{opacity:.32;object-position:58% center}.case-stage{min-height:430px;margin:20px 0}.stage-colchoaria{grid-template-columns:1fr 1fr;gap:10px}.pack-card{width:41vw;padding:14px}.pack-card b{font-size:17px}.pack-card small{font-size:10px}.stage-xcolor>strong{font-size:28vw}.phone-light{width:27vw;right:5%}.stage-conquistador{grid-template-columns:1fr 1fr;gap:16px}.shirt-visual{width:46vw}.editor-panel{width:41vw;padding:14px;box-shadow:8px 8px 0 #111}.editor-panel label{font-size:12px}.editor-panel button{padding:12px}.stage-maria{grid-template-columns:1fr;gap:14px}.stage-maria>strong{font-size:16vw}.stage-maria>.infra-node{width:110px}.stage-maria>i{width:1px;height:22px}.stage-maria>i:after{right:-3px;top:auto;bottom:-1px}.private-flow{gap:5px;left:10px}.private-flow span{padding:8px 6px;font-size:8px}.admin-window{width:84%;padding:18px}.admin-window b{font-size:16px}footer{grid-template-columns:1fr 1fr}footer>div{margin-top:18px}footer small{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
.project{padding-top:92px}
.editor-panel .editor-action{background:#111;color:#fff;border:0;padding:16px;font:10px var(--pixel);text-transform:uppercase;text-align:center}
@media(max-width:800px){.project{padding-top:82px}.editor-panel .editor-action{padding:12px}}
.real-stage{background:#090a0a;isolation:isolate}.real-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:40px 40px}.real-stage>img{width:88%;height:82%;object-fit:cover;object-position:top center;position:relative;z-index:1;box-shadow:0 28px 70px rgba(0,0,0,.28);transform:rotate(-1.2deg) scale(1.01);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s}.project:nth-child(even) .real-stage>img{transform:rotate(1.2deg) scale(1.01)}.project:hover .real-stage>img{transform:rotate(0) scale(1.055);filter:saturate(1.08)}.real-badge{position:absolute;z-index:2;left:2%;bottom:4%;background:var(--mint);color:#000;padding:15px 20px;min-width:190px;box-shadow:9px 9px 0 #000}.real-badge small{display:block;font:9px var(--pixel);margin-bottom:6px}.real-badge b{font-size:19px;font-weight:500}.case-arrow{position:absolute;z-index:3;right:2%;top:4%;width:52px;height:52px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font:23px/1 var(--outfit);font-style:normal;transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s}.project:hover .case-arrow{transform:rotate(45deg);background:var(--mint)}.project-colchoaria{background:#ebd8ca}.project-xcolor .real-stage{background:#111}.project-xcolor .real-stage>img{object-position:center}.project-conquistador{background:#d9d2c5}.project-luisa{background:#171328;color:#fff}.project-luisa .real-stage{background:#080616}.project-luisa .real-badge{background:#dca18f}.maria-profile-stage{background:#e9e1d5;grid-template-columns:1.25fr .75fr;gap:24px;padding:6%;background-image:linear-gradient(rgba(70,57,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,57,40,.08) 1px,transparent 1px);background-size:44px 44px}.profile-card{width:100%;height:78%;background:#fff;border:1px solid #806f5a;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:34px;box-shadow:14px 14px 0 #806f5a;transform:rotate(-2deg);z-index:1}.profile-card img{width:clamp(95px,11vw,170px);aspect-ratio:1;border-radius:50%;object-fit:cover;border:8px solid #eee3d4}.profile-card small{font:10px var(--pixel);color:#806f5a}.profile-card strong{display:block;font-size:clamp(34px,4vw,68px);font-weight:400;line-height:.92;letter-spacing:-.05em;margin-top:18px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:center}.profile-grid i{aspect-ratio:1;background:#806f5a;color:#fff;display:grid;place-items:center;font:8px var(--pixel);font-style:normal;transition:transform .45s}.project-maria:hover .profile-grid i:nth-child(1){transform:translate(-7px,-7px)}.project-maria:hover .profile-grid i:nth-child(2){transform:translate(7px,-7px)}.project-maria:hover .profile-grid i:nth-child(3){transform:translate(-7px,7px)}.project-maria:hover .profile-grid i:nth-child(4){transform:translate(7px,7px)}
@media(max-width:800px){.real-stage>img{width:92%;height:80%}.real-badge{left:4%;bottom:6%;min-width:0;padding:12px 14px}.real-badge b{font-size:15px}.case-arrow{width:42px;height:42px}.maria-profile-stage{grid-template-columns:1fr;padding:30px 22px}.profile-card{height:auto;padding:20px;gap:16px;grid-template-columns:82px 1fr}.profile-card img{width:82px;border-width:5px}.profile-card strong{font-size:30px;margin-top:10px}.profile-grid{grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.profile-grid i{font-size:6px}.project-maria .case-arrow{right:22px;top:22px}}