.projects-section{background:#030106;position:relative}.proj-header{padding:2.5rem 3rem 2rem;text-align:center}.proj-header-inner{display:flex;flex-direction:column;align-items:center}.proj-header .section-title{margin-bottom:0}.proj-header .section-subtitle{margin-top:.75rem}.projects-flow{max-width:1200px;margin:0 auto;padding:2rem 2.5rem 3rem;display:flex;flex-direction:column;gap:4rem}.projects-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem 6rem;text-align:center}.projects-cta-text{color:#fff9;font-size:1rem;margin:0}.projects-cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 2.5rem;font-size:1rem;font-weight:700;color:#fff;background:transparent;border:2px solid rgba(176,36,255,.5);border-radius:3rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .3s ease;text-decoration:none}.projects-cta-btn:hover{background:#b024ff1a;border-color:#b024ff;box-shadow:0 0 30px #b024ff4d;transform:translateY(-3px)}.projects-cta-btn svg{transition:transform .3s ease}.projects-cta-btn:hover svg{transform:translate(4px)}@media (max-width: 768px){.projects-cta{padding:.5rem 1.5rem 3.5rem}.projects-cta-btn{width:100%;max-width:360px;justify-content:center;padding:1rem 2rem;font-size:.9rem}}.client-badge{display:flex;align-items:center;gap:.75rem}.client-badge--light .client-badge-name{font-size:1.3rem}.client-badge-logo{width:44px;height:44px;background:#fff;border-radius:10px;padding:.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-badge-logo img{width:100%;height:100%;object-fit:contain}.client-badge-name{font-size:1.1rem;font-weight:700;margin:0;line-height:1.2}.client-badge-cat{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.proj-services{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.proj-service-tag{font-size:.65rem;padding:.2rem .6rem;border-radius:100px;border:1px solid;color:#f9edfd8c;background:#ffffff08}.hero-layout{position:relative;border-radius:20px;overflow:hidden}.hero-layout-img{position:relative;width:100%;aspect-ratio:21 / 9;overflow:hidden}.hero-layout-img img{width:100%;height:100%;object-fit:cover;display:block}.hero-layout-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(3,1,6,.95) 0%,rgba(3,1,6,.3) 40%,transparent 70%)}.hero-number{position:absolute;top:-.2rem;right:1.5rem;font-size:9rem;font-weight:900;line-height:1;pointer-events:none}.hero-layout-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem;display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.hero-dots{display:flex;gap:.3rem;margin-left:auto;align-self:center}.hdot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:all .3s}.hdot.active{width:22px;border-radius:4px}.mosaic-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.mosaic-info{position:relative;padding-top:.5rem}.mosaic-number{font-size:5rem;font-weight:900;line-height:1;display:block;margin-bottom:-.5rem}.mosaic-count{display:block;font-size:.7rem;color:#f9edfd4d;margin-top:.75rem}.mosaic-grid{display:grid;gap:.5rem;border-radius:16px;overflow:hidden}.mosaic-grid--2{grid-template-columns:1fr 1fr}.mosaic-grid--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mosaic-grid--3 .mosaic-cell:first-child{grid-row:1 / 3}.mosaic-grid--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mosaic-cell{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1}.mosaic-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.mosaic-cell:hover img{transform:scale(1.05)}.mosaic-tipo{position:absolute;bottom:.5rem;left:.5rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:100px;color:#fff}.minimal-layout{text-align:center;max-width:600px;margin:0 auto}.minimal-top{margin-bottom:1.5rem}.minimal-idx{display:block;font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:0;margin-bottom:-.25rem;opacity:.2}.minimal-name{font-size:1.6rem;font-weight:800;margin:.3rem 0}.minimal-cat{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.minimal-img-wrap{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 5;margin:0 auto;max-width:420px}.minimal-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.minimal-bottom{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.minimal-dots{display:flex;gap:.25rem}.mdot{width:6px;height:6px;border-radius:50%;transition:all .3s}.mdot.active{width:18px;border-radius:3px}.film-layout{overflow:hidden}.film-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.film-number{font-size:3rem;font-weight:900;line-height:1}.film-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.film-strip::-webkit-scrollbar{height:3px}.film-strip::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.film-strip::-webkit-scrollbar-thumb{background:#b024ff4d;border-radius:3px}.film-frame{flex-shrink:0;width:220px;border-radius:12px;overflow:hidden;scroll-snap-align:start;position:relative}.film-frame img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;transition:transform .4s ease}.film-frame:hover img{transform:scale(1.05)}.film-tipo{position:absolute;bottom:.5rem;left:.5rem;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:100px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc}.split-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center;background:#0c0a1299;border-radius:20px;overflow:hidden;border:1px solid rgba(176,36,255,.06)}.split-left{position:relative;overflow:hidden;min-height:400px}.split-main-img{width:100%;height:100%;object-fit:cover;display:block}.split-right{padding:2rem 2rem 2rem 0;position:relative}.split-number{font-size:6rem;font-weight:900;line-height:1;position:absolute;top:-.5rem;right:1rem;pointer-events:none}.split-logo-wrap{width:44px;height:44px;background:#fff;border-radius:10px;padding:.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.split-logo-wrap img{width:100%;height:100%;object-fit:contain}.split-name{font-size:1.4rem;font-weight:700;margin:0 0 .3rem}.split-cat{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.split-thumbs{display:flex;gap:.4rem;margin-top:1.25rem}.split-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color .3s}.split-thumb.active{border-width:2px}.split-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scattered-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:420px;align-items:center}.scattered-imgs{position:relative;height:380px}.scattered-card{position:absolute;width:55%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006;cursor:pointer;transition:box-shadow .3s}.scattered-card:hover{box-shadow:0 12px 48px #b024ff26}.scattered-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.scattered-info{position:relative}.scattered-num{font-size:6rem;font-weight:900;line-height:1;display:block;margin-bottom:-.5rem}@media (max-width: 1024px){.projects-flow{padding:1.5rem 1.5rem 4rem;gap:3rem}.mosaic-layout{grid-template-columns:1fr}.mosaic-number{font-size:3rem}.split-layout{grid-template-columns:1fr}.split-left{min-height:280px}.split-right{padding:1.5rem}.scattered-layout{grid-template-columns:1fr;gap:1rem}.scattered-imgs{height:300px}.hero-layout-img{aspect-ratio:16 / 9}.hero-number{font-size:5rem}.film-frame{width:180px}}.projects-mobile{background:#030106;padding:4rem 0 3rem}.pm-header{text-align:center;padding:0 1.5rem 1.5rem}.pm-cards{display:flex;flex-direction:column;gap:1.25rem;padding:0 1rem}.pm-hero{border-radius:16px;overflow:hidden;position:relative}.pm-hero-img{position:relative;aspect-ratio:16 / 10;overflow:hidden}.pm-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.pm-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(3,1,6,.9) 0%,transparent 60%)}.pm-hero-content{position:absolute;bottom:0;left:0;padding:1rem;display:flex;align-items:center;gap:.6rem}.pm-hero-logo{width:32px;height:32px;background:#fff;border-radius:8px;padding:.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-hero-logo img{width:100%;height:100%;object-fit:contain}.pm-hero-content h3{font-size:.95rem;font-weight:700;margin:0}.pm-hero-content span{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pm-mosaic{border-radius:16px;overflow:hidden;background:#0c0a12b3;border:1px solid rgba(176,36,255,.06)}.pm-mosaic-head{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem}.pm-mosaic-logo{width:32px;height:32px;background:#fff;border-radius:8px;padding:.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pm-mosaic-logo img{width:100%;height:100%;object-fit:contain}.pm-mosaic-name{font-size:.9rem;font-weight:700;margin:0;line-height:1.2}.pm-mosaic-cat{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pm-mosaic-grid{display:grid;gap:2px}.pm-mosaic-grid--2{grid-template-columns:1fr 1fr}.pm-mosaic-grid--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pm-mosaic-grid--3 .pm-mosaic-cell:first-child{grid-row:1 / 3}.pm-mosaic-cell{overflow:hidden}.pm-mosaic-cell img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pm-simple{border-radius:16px;overflow:hidden;background:#0c0a12b3;border:1px solid rgba(176,36,255,.06)}.pm-simple-img{aspect-ratio:4 / 3;overflow:hidden}.pm-simple-img img{width:100%;height:100%;object-fit:cover;display:block}.pm-simple-info{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem}.pm-simple-logo{width:32px;height:32px;background:#fff;border-radius:8px;padding:.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pm-simple-logo img{width:100%;height:100%;object-fit:contain}.pm-simple-info h3{font-size:.9rem;font-weight:700;margin:0;line-height:1.2}.pm-simple-info span{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pm-simple-counter{margin-left:auto;font-size:.7rem;font-weight:700}.live-demos{max-width:1240px;margin:0 auto;padding:1rem 3rem 4rem}.live-demos-kicker{text-align:center;color:#ffffff8c;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2rem}.live-demos-kicker span{color:#fff;font-weight:700}.demo-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;row-gap:4rem;column-gap:0;padding-top:1.5rem}.demo-axis{position:absolute;background:#ffffff21;pointer-events:none}.demo-axis--v{left:50%;top:2%;bottom:2%;width:1px}.demo-axis--h{top:50%;left:4%;right:4%;height:1px;-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 28px),transparent calc(50% - 27px),transparent calc(50% + 27px),#000 calc(50% + 28px));mask-image:linear-gradient(90deg,#000 calc(50% - 28px),transparent calc(50% - 27px),transparent calc(50% + 27px),#000 calc(50% + 28px))}.demo-cell{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:.5rem 1rem}.demo-cell--tl,.demo-cell--bl{padding-right:5rem}.demo-cell--tr,.demo-cell--br{padding-left:5rem}.demo-head{display:flex;flex-direction:column;gap:.4rem}.demo-name{font-family:var(--font-display);font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--demo-color);line-height:1.15;margin:0}.demo-sub{font-family:var(--font-display);font-size:clamp(.85rem,1.2vw,1rem);font-weight:600;letter-spacing:.05em;color:#fff;line-height:1.4;margin:0}.demo-visual{display:flex;align-items:center;justify-content:center;gap:1.6rem;height:280px}.demo-cell--tr .demo-visual,.demo-cell--br .demo-visual{flex-direction:row-reverse}.demo-img-link{display:block;height:100%}.demo-img{height:100%;width:auto;max-width:min(340px,56vw);object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));transition:transform .4s var(--ease-out-expo),filter .4s ease}.demo-cell:hover .demo-img{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 30px 55px rgba(0,0,0,.5)) drop-shadow(0 0 42px color-mix(in srgb,var(--demo-color) 30%,transparent))}.demo-chips{display:flex;flex-direction:column;gap:.8rem;flex-shrink:0}.demo-chip{display:block;width:36px;height:36px;border-radius:12px;transition:transform .3s var(--ease-bounce)}.demo-chip--fill{background:var(--demo-color);box-shadow:0 0 18px color-mix(in srgb,var(--demo-color) 40%,transparent)}.demo-chip--line{border:2.5px solid #F39C12}.demo-cell:hover .demo-chip--fill{transform:scale(1.12)}.demo-cell:hover .demo-chip--line{transform:scale(.92)}.demo-links{display:flex;align-items:center;justify-content:center;gap:1.2rem}.demo-try{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);color:var(--demo-color);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.demo-try:hover{color:var(--demo-color);filter:brightness(1.3)}.demo-try .demo-live-dot{background:var(--demo-color)}.demo-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:demo-pulse 1.6s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.demo-wa{color:#ffffff80;font-size:.8rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.demo-wa:hover{color:#fff;border-color:var(--demo-color)}@media (max-width: 1100px){.demo-visual{height:240px}.demo-cell--tl,.demo-cell--bl{padding-right:3.5rem}.demo-cell--tr,.demo-cell--br{padding-left:3.5rem}}@media (max-width: 900px){.demo-stage{display:flex;flex-direction:column;gap:3.5rem}.demo-axis{display:none}.demo-cell--tl,.demo-cell--bl{padding-right:1rem}.demo-cell--tr,.demo-cell--br{padding-left:1rem}.demo-cell--bl .demo-head,.demo-cell--br .demo-head{order:-1}.demo-cell--tr .demo-visual,.demo-cell--br .demo-visual{flex-direction:row}}@media (max-width: 768px){.live-demos{padding:.5rem 1.25rem 2.5rem}}@media (max-width: 560px){.demo-visual{height:205px;gap:1.1rem}.demo-cell--center .demo-visual{height:175px}.demo-chip{width:30px;height:30px;border-radius:10px}.demo-links{flex-wrap:wrap;gap:.6rem 1.1rem}}.demo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#030106d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem}.demo-modal{width:min(1040px,100%);height:min(82vh,760px);background:#0b0712;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #0009}.demo-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}.demo-modal-title{display:inline-flex;align-items:center;gap:.55rem;color:#fff;font-weight:700;font-size:.92rem}.demo-modal-actions{display:flex;align-items:center;gap:.9rem}.demo-modal-actions a{color:#ffffffa6;font-size:.82rem;text-decoration:none}.demo-modal-actions a:hover{color:#fff}.demo-modal-close{background:#ffffff14;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.95rem;line-height:1}.demo-modal-close:hover{background:#ffffff2e}.demo-modal-iframe{flex:1;width:100%;border:0;background:#0b0712}@media (max-width: 768px){.demo-modal-overlay{padding:0}.demo-modal{width:100%;height:100dvh;border-radius:0}}