:root{--purple:#7c00ff;--violet:#a23bff;--black:#050505;--white:#f4f1f6;--gray:#a8a3ac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-space),sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}main{overflow:hidden;background-image:radial-gradient(#ffffff0a 1px,transparent 1px);background-size:5px 5px}.nav{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid #ffffff1c}.logo{font-family:var(--font-marker);font-size:27px;line-height:.8;transform:rotate(-3deg);text-shadow:3px 3px 0 var(--purple)}.logo span{display:block;color:var(--violet);margin-left:22px}.links{display:flex;gap:44px;text-transform:uppercase;font:700 12px var(--font-syne)}.links a{padding:31px 0}.links a:hover,.links .active{color:var(--violet);border-bottom:2px solid var(--violet)}.contact,.outline{border:2px solid var(--purple);padding:12px 20px;font-weight:800;font-size:12px;letter-spacing:1px}.hero{height:930px;min-height:100vh;padding:150px 5.5vw 80px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#030303 0,#070707 47%,#110920 100%)}.noise{position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.hero:after,.work:before,.services:before,.about:before{content:"";position:absolute;left:0;right:0;height:22px;background:linear-gradient(177deg,transparent 35%,#211b25 38%,#211b25 44%,transparent 47%),linear-gradient(183deg,transparent 47%,#ddd 50%,transparent 53%);opacity:.45;bottom:-10px;z-index:5}.heroCopy{width:49%;position:relative;z-index:4}.micro,.tag{font-size:10px;letter-spacing:3px;color:#b8b2bf;font-weight:700}.micro:before{content:"●";color:var(--violet);margin-right:11px}.hero h1,.work h2,.serviceTitle h2,.about h2,.cta h2{font-family:var(--font-marker);font-weight:400;text-transform:uppercase}.hero h1{font-size:clamp(65px,7.4vw,118px);line-height:.83;margin:32px 0 25px;transform:rotate(-2deg);text-shadow:4px 4px 0 #151515}.hero h1 span,.work h2 span{position:relative;z-index:1}.hero h1 span:before,.work h2 span:before{content:"";position:absolute;inset:10% -5%;background:var(--purple);z-index:-1;transform:rotate(-3deg);clip-path:polygon(3% 8%,100% 0,96% 88%,0 100%)}.lead{font-size:17px;line-height:1.55;max-width:500px;color:#d0cbd4}.heroButtons{display:flex;gap:18px;margin-top:35px}.brush{display:inline-block;background:var(--purple);padding:15px 24px;font-weight:900;font-size:13px;letter-spacing:.8px;clip-path:polygon(3% 0,97% 6%,100% 84%,94% 100%,2% 94%,0 10%)}.brush:hover{background:var(--violet)}.slashes{position:absolute;left:2%;top:22%;font:70px/1 var(--font-marker);color:var(--purple);transform:rotate(-8deg)}.slashes i{color:#fff}.slashes.right{left:auto;right:2%}.heroCollage{position:absolute;right:3.5%;width:52%;height:76%;top:15%}.purpleSplash{position:absolute;inset:10% 0 6%;background:linear-gradient(125deg,transparent 5%,#33006d 14%,var(--purple) 42%,#25004d 79%,transparent 91%);filter:blur(2px);clip-path:polygon(0 38%,15% 25%,7% 17%,33% 23%,42% 3%,53% 24%,78% 13%,69% 32%,100% 28%,83% 48%,96% 57%,68% 58%,83% 77%,56% 70%,38% 96%,32% 71%,4% 78%,20% 57%)}.cover{position:absolute;width:38%;aspect-ratio:1;object-fit:cover;border:5px solid #0a0a0a;box-shadow:0 12px 35px #000b;filter:saturate(.82) contrast(1.08)}.cover.a{left:10%;top:12%;transform:rotate(-8deg)}.cover.b{right:8%;top:20%;transform:rotate(7deg)}.cover.c{left:34%;bottom:5%;transform:rotate(-2deg)}.tape{position:absolute;background:#111;color:#fff;padding:7px 45px;font-size:9px;letter-spacing:3px;transform:rotate(-13deg);top:52%;right:0}.drop{position:absolute;right:1%;bottom:5%;font:30px/1 var(--font-marker);text-align:center;transform:rotate(-6deg)}.drop b{font-size:46px}.drop small{display:block;background:var(--purple);font:13px var(--font-space);padding:4px}.valueStrip{padding:48px 5vw;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #332d35;border-bottom:1px solid #332d35;background:#070707}.valueStrip>div{padding:0 35px;border-right:1px solid #2d2830;display:grid;grid-template-columns:55px 1fr}.valueStrip>div:last-child{border:0}.valueStrip b{grid-row:1/3;color:var(--violet);font-size:38px}.valueStrip h3{font-size:12px;letter-spacing:1px;margin:4px 0}.valueStrip p{font-size:11px;color:var(--gray);margin:3px 0}.work{position:relative;padding:140px 5vw;background:#080709}.workHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.workHead>div:first-child{max-width:670px}.work h2,.serviceTitle h2,.about h2{font-size:clamp(50px,6.5vw,95px);line-height:.88;margin:24px 0}.workHead>div>p:last-child{color:var(--gray);max-width:460px;line-height:1.6}.filters{display:flex;gap:8px}.filters button{cursor:pointer;color:#ddd;background:#101010;border:1px solid #4f4654;padding:11px 18px;text-transform:uppercase;font-size:11px}.filters button.active,.filters button:hover{background:var(--purple);border-color:var(--purple)}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.project{background:#0d0c0f;border:1px solid #242027;padding:10px}.projectImg{aspect-ratio:1;position:relative;overflow:hidden;background:#151515}.projectImg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,#6e00d955);mix-blend-mode:screen;pointer-events:none}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.05)}.projectImg a{position:absolute;z-index:3;bottom:14px;right:14px;background:var(--purple);padding:9px 12px;font-size:9px;font-weight:900;opacity:0;transition:.3s}.project:hover .projectImg a{opacity:1}.project>div:last-child{padding:15px 5px 8px}.project span{color:var(--violet);font-size:9px;letter-spacing:1.5px}.project h3{font:28px var(--font-marker);margin:7px 0 2px;text-transform:uppercase}.project p{margin:0;color:#8f8994;font-size:11px}.services{position:relative;padding:130px 5vw;display:grid;grid-template-columns:34% 1fr;gap:8vw;background:#050505}.serviceTitle>span{font:15px var(--font-marker);color:var(--violet)}.serviceTitle h2 i,.about h2 i{color:var(--violet);font-style:normal}.serviceTitle p{color:var(--gray);line-height:1.6;max-width:360px;margin-bottom:40px}.serviceList{border-top:1px solid #3d3740}.service{display:grid;grid-template-columns:50px 1fr 35px;align-items:center;padding:26px 5px;border-bottom:1px solid #3d3740;transition:.25s}.service:hover{padding-left:20px;background:#11091b}.service>b{font-size:10px;color:var(--violet)}.service h3{font:34px var(--font-marker);margin:0}.service p{margin:3px 0;color:#87818b;font-size:11px}.service>span{font-size:22px;color:var(--violet)}.about{position:relative;padding:150px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:radial-gradient(circle at 15% 45%,#250545 0,transparent 38%),#09080a}.aboutPics{height:570px;position:relative}.aboutPics img{position:absolute;width:58%;aspect-ratio:1;object-fit:cover;border:6px solid #0b0b0b}.aboutPics img:first-child{top:0;right:2%;transform:rotate(4deg)}.aboutPics img:nth-child(2){bottom:0;left:0;transform:rotate(-5deg)}.aboutPics span{position:absolute;right:-20px;bottom:60px;writing-mode:vertical-rl;font:20px var(--font-marker);color:var(--violet)}.aboutCopy>p:nth-of-type(2){color:#c0bac3;line-height:1.8;max-width:570px;font-size:17px;margin-bottom:35px}.cta{text-align:center;padding:140px 5vw;background:linear-gradient(#100619dd,#100619dd),radial-gradient(circle,#7c00ff 0,#060606 65%)}.cta>p{font-size:10px;letter-spacing:4px}.cta h2{font-size:clamp(60px,8vw,125px);line-height:.84;margin:30px 0}.cta h2 span{color:var(--violet)}.cta>a{display:inline-block;border:2px solid var(--violet);padding:17px 25px;font-weight:900;font-size:12px}footer{padding:65px 5vw;display:flex;justify-content:space-between;align-items:end}footer>p{font-size:9px;letter-spacing:2px;color:#777}footer>div{display:flex;gap:25px;font-size:11px}
@media(max-width:850px){.nav{height:72px}.links{display:none}.logo{font-size:21px}.contact{padding:9px 12px}.hero{height:auto;min-height:900px;padding:120px 6vw 40px;align-items:flex-start}.heroCopy{width:100%}.hero h1{font-size:19vw}.lead{font-size:14px;width:82%}.heroButtons{flex-direction:column;align-items:flex-start}.heroCollage{width:100%;height:420px;top:auto;bottom:10px;right:0;opacity:.8}.cover{width:36%}.cover.a{top:22%}.cover.b{top:15%}.cover.c{bottom:2%}.drop{display:none}.slashes{display:none}.valueStrip{grid-template-columns:1fr 1fr;gap:30px 0}.valueStrip>div{padding:0 18px}.work{padding:100px 5vw}.workHead{display:block}.filters{margin-top:35px;overflow-x:auto}.projectGrid{grid-template-columns:1fr 1fr}.services{grid-template-columns:1fr;padding:100px 5vw}.about{grid-template-columns:1fr;padding:110px 6vw}.aboutPics{height:450px}.cta{padding:100px 5vw}footer{align-items:flex-start;flex-direction:column;gap:35px}}@media(max-width:520px){.valueStrip{grid-template-columns:1fr}.valueStrip>div{border-right:0}.projectGrid{grid-template-columns:1fr}.project h3{font-size:32px}.service h3{font-size:26px}.aboutPics{height:360px}.cta h2{font-size:16vw}}

.brandLogo{width:142px;height:66px;display:flex;align-items:center;justify-content:flex-start;filter:drop-shadow(0 0 11px #7c00ff73);transition:filter .25s ease,transform .25s ease}.brandLogo:hover{filter:drop-shadow(0 0 16px #a23bffcc);transform:scale(1.035)}.brandLogo img{display:block;width:100%;height:100%;object-fit:contain}.brandLogoFooter{width:190px;height:100px}
@media(max-width:850px){.brandLogo{width:112px;height:56px}.brandLogoFooter{width:170px;height:90px}}

/* Logo ampliado para la cabecera y el cierre del portafolio. */
.nav{height:132px;background:linear-gradient(180deg,#050505f2 0%,#050505a8 76%,transparent 100%)}
.links a{padding:51px 0}
.hero{padding-top:195px}
.brandLogo{position:relative;width:220px;height:126px;isolation:isolate;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 9px #7c00ff99)}
.brandLogo:after{content:"";position:absolute;width:84%;height:42%;z-index:-1;background:#050505b8;filter:blur(14px);border-radius:50%}
.brandLogo:hover{filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 15px #a23bffcc)}
.brandLogo img{object-position:left center}
.brandLogoFooter{width:280px;height:168px}
@media(max-width:850px){.nav{height:90px;padding:0 4vw}.hero{padding-top:140px}.brandLogo{width:158px;height:92px}.brandLogoFooter{width:230px;height:138px}}
@media(max-width:420px){.brandLogo{width:142px;height:84px}.contact{font-size:10px;padding:8px 10px}}

/* Sistema tipográfico editorial inspirado en las referencias. */
body{font-family:var(--font-space),sans-serif;letter-spacing:-.01em}
.links{font-family:var(--font-space),sans-serif;letter-spacing:.09em}
.hero h1,.work h2,.serviceTitle h2,.about h2,.cta h2{font-family:var(--font-marker),Impact,sans-serif;font-weight:400;letter-spacing:-.035em}
.hero h1{font-size:clamp(76px,8.2vw,138px);line-height:.72;transform:none;text-shadow:none;margin:34px 0 32px}
.work h2,.serviceTitle h2,.about h2{font-size:clamp(62px,7.2vw,112px);line-height:.78}
.cta h2{font-size:clamp(74px,9vw,142px);line-height:.76}
.micro,.tag,.modalType,.project span,.tape{font-family:var(--font-space),sans-serif;letter-spacing:.2em}
.lead,.workHead>div>p:last-child,.serviceTitle p,.aboutCopy>p:nth-of-type(2){letter-spacing:0}
.project h3{font-family:var(--font-marker),Impact,sans-serif;font-size:34px;line-height:.95;letter-spacing:-.02em}
.serviceTitle>span{font-family:var(--font-space),sans-serif;font-size:11px;letter-spacing:.22em}
.service h3{font-family:var(--font-marker),Impact,sans-serif;font-size:43px;line-height:.95;letter-spacing:-.02em}
.drop,.aboutPics span{font-family:var(--font-marker),Impact,sans-serif;letter-spacing:-.025em}
.brush,.outline,.contact,.filters button,.cta>a,.openLabel,footer{font-family:var(--font-space),sans-serif;letter-spacing:.08em}
@media(max-width:850px){.hero h1{font-size:20vw;line-height:.73}.work h2,.serviceTitle h2,.about h2{font-size:16vw}.service h3{font-size:35px}}

/* Seis entradas aleatorias y clicables en el banner principal. */
.heroProject{--r:0deg;position:absolute;width:28%;aspect-ratio:1;padding:0;overflow:hidden;background:#090909;border:0;box-shadow:0 12px 32px #000c;color:#fff;cursor:pointer;z-index:2;transform:rotate(var(--r));transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.heroProject img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.08);transition:transform .35s ease}
.heroProject span{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 8px;background:#090909e8;border-left:3px solid var(--purple);font:600 8px var(--font-space),sans-serif;letter-spacing:.08em;text-align:left;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}
.heroProject:hover,.heroProject:focus-visible{transform:rotate(var(--r)) scale(1.06);border-color:var(--purple);box-shadow:0 16px 40px #000e,0 0 22px #7c00ff66;z-index:4}
.heroProject:hover img,.heroProject:focus-visible img{transform:scale(1.05)}
.heroProject:hover span,.heroProject:focus-visible span{opacity:1;transform:translateY(0)}
.heroProject:focus-visible{outline:2px solid #fff;outline-offset:3px}
.heroProject.a{--r:-7deg;left:3%;top:14%}
.heroProject.b{--r:4deg;left:36%;top:10%}
.heroProject.c{--r:7deg;right:1%;top:15%}
.heroProject.d{--r:5deg;left:4%;bottom:14%}
.heroProject.e{--r:-4deg;left:37%;bottom:11%}
.heroProject.f{--r:6deg;right:0;bottom:15%}
.heroCollage .purpleSplash{inset:13% 2% 12%;background:radial-gradient(ellipse at 50% 50%,rgba(222,176,255,.96) 0%,rgba(177,86,255,.92) 13%,rgba(124,0,255,.66) 34%,rgba(82,0,165,.34) 55%,rgba(35,0,70,0) 76%);filter:blur(28px);clip-path:none;opacity:.95;transform:scale(1.04)}
.heroCollage .tape{z-index:5;pointer-events:none;top:48%;right:4%}
@media(max-width:850px){.heroCollage{opacity:1}.heroProject{width:29%;border-width:2px}.heroProject span{display:none}.heroProject.a{left:2%;top:17%}.heroProject.b{left:35.5%;top:12%}.heroProject.c{right:1%;top:18%}.heroProject.d{left:3%;bottom:12%}.heroProject.e{left:36%;bottom:8%}.heroProject.f{right:0;bottom:13%}.heroCollage .purpleSplash{inset:15% 1% 10%;filter:blur(22px)}.heroCollage .tape{top:51%;right:2%;padding-inline:24px}}

/* Mosaico editorial de seis columnas por tres filas. */
.work .projectGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px}
.work .project{padding:6px}
.work .projectInfo{padding:10px 3px 7px}
.work .project h3{font-size:22px;line-height:.92;margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work .project p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work .project span{font-size:7px;letter-spacing:.12em}
.work .projectOpen .projectImg .openLabel{bottom:8px;right:8px;padding:7px 8px;font-size:7px}
@media(max-width:1200px){.work .projectGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.work .projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.work .project h3{font-size:20px}}
@media(max-width:520px){.work .projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.work .project h3{font-size:19px}}

/* Tarjetas de proyecto inspiradas en una ficha de lanzamiento musical. */
.work .projectGrid{gap:18px 13px;align-items:start}
.work .project{padding:10px;background:linear-gradient(160deg,#342c40 0%,#292230 100%);border:1px solid #51455d;border-radius:16px;box-shadow:0 12px 28px #0007,inset 0 1px 0 #ffffff0b;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.work .project:hover{transform:translateY(-5px);border-color:#8e54c2;box-shadow:0 17px 34px #000a,0 0 24px #7c00ff26,inset 0 1px 0 #ffffff12}
.work .projectOpen{display:block;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.work .projectOpen:focus-visible{outline:2px solid #c996ff;outline-offset:5px;border-radius:10px}
.work .projectImg{aspect-ratio:4/5;border-radius:11px;background:#17131d;box-shadow:0 7px 18px #0008;isolation:isolate}
.work .projectImg:after{background:linear-gradient(180deg,#14082112 45%,#12001c70 100%);mix-blend-mode:normal}
.work .project img{filter:saturate(.92) contrast(1.04)}
.work .project:hover img{transform:scale(1.045)}
.work .projectBadge{position:absolute;z-index:3;top:9px;left:9px;padding:5px 7px;border-radius:5px;background:#140c1bd9;color:#f7f2fa;font:700 6px var(--font-space),sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 3px 9px #0008}
.work .projectPlay{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f8f6fa;color:#211a29;font:700 13px/1 var(--font-space),sans-serif;letter-spacing:0;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0009;transition:transform .24s ease,background .24s ease,color .24s ease}
.work .projectPlay::first-letter{margin-left:2px}
.work .project:hover .projectPlay{transform:translate(-50%,-50%) scale(1.1);background:#8b1dff;color:#fff}
.work .projectInfo{padding:13px 4px 4px}
.work .projectInfo h3{margin:0 0 5px;font:800 16px/1.1 var(--font-space),sans-serif;letter-spacing:-.025em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work .projectInfo p{margin:0;color:#b7acbe;font:500 9px/1.35 var(--font-space),sans-serif;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work .projectMeta{display:flex;align-items:center;gap:6px;margin-top:15px;color:#978b9f}
.work .projectMeta .projectMetaIcon{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#44394f;color:#d9cfe0;font-size:7px;letter-spacing:0}
.work .projectMeta span:last-child{font:600 6px/1 var(--font-space),sans-serif;letter-spacing:.08em;color:#9d91a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.work .projectGrid{gap:16px 12px}.work .projectInfo h3{font-size:17px}}
@media(max-width:850px){.work .project{padding:8px;border-radius:14px}.work .projectImg{border-radius:9px}.work .projectPlay{width:34px;height:34px;font-size:12px}.work .projectInfo{padding:11px 3px 3px}.work .projectInfo h3{font-size:15px}.work .projectMeta{margin-top:12px}}
@media(max-width:520px){.work .projectGrid{gap:12px 9px}.work .projectInfo h3{font-size:14px}.work .projectMeta span:last-child{font-size:5.5px}}

/* Carrusel de proyectos: dos filas por página y navegación por arrastre. */
.projectCarousel{position:relative}
.projectRail{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none}
.projectRail::-webkit-scrollbar{display:none}
.projectRail:active{cursor:grabbing}
.projectPage{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:1px 1px 8px}
.projectRail .projectGrid{grid-template-rows:repeat(2,auto)}
.projectCarouselNav{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:14px;border-top:1px solid #322b37;color:#8f8597;font:600 8px var(--font-space),sans-serif;letter-spacing:.15em}
.projectDots{display:flex;gap:7px}
.projectDots button{min-width:34px;padding:7px 9px;border:1px solid #4e4456;border-radius:5px;background:#17131a;color:#8f8597;font:700 8px var(--font-space),sans-serif;cursor:pointer;transition:.2s}
.projectDots button:hover,.projectDots button.active{background:var(--purple);border-color:var(--purple);color:#fff}
@media(max-width:850px){.projectCarouselNav{margin-top:18px}.projectCarouselNav>span{font-size:7px;letter-spacing:.1em}}
@media(max-width:520px){.projectCarouselNav{align-items:flex-end;gap:12px}.projectCarouselNav>span{max-width:150px;line-height:1.45}.projectDots button{min-width:30px;padding:6px 7px}}

/* Ficha completa de cada entrada, con el mismo lenguaje visual de las tarjetas. */
.modalBackdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:#050307dc;backdrop-filter:blur(12px);animation:modalFade .2s ease}
.projectModal{position:relative;width:min(1080px,94vw);max-height:91vh;padding:15px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(155deg,#352d41 0%,#28212f 58%,#211b27 100%);border:1px solid #675775;border-radius:21px;box-shadow:0 30px 90px #000e,0 0 42px #7c00ff24,inset 0 1px 0 #ffffff10;scrollbar-color:#75548e #211b27;animation:modalRise .28s ease}
.modalClose{position:sticky;top:0;float:right;z-index:8;display:grid;place-items:center;width:40px;height:40px;margin:-2px -2px -40px 0;padding:0;border:1px solid #776884;border-radius:50%;background:#18131dd9;color:#fff;font:300 25px/1 var(--font-space),sans-serif;cursor:pointer;box-shadow:0 7px 20px #0008;transition:.22s}
.modalClose:hover,.modalClose:focus-visible{background:var(--purple);border-color:#b878ff;transform:rotate(8deg)}
.modalMain{display:grid;grid-template-columns:minmax(280px,40%) 1fr;gap:34px;padding:8px}
.modalMedia{position:relative;align-self:start;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:18px;background:#17131d;box-shadow:0 15px 35px #000a}
.modalMedia img{display:block;width:100%;height:100%;object-fit:cover}
.modalMediaPlay{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;padding-left:3px;border-radius:50%;background:#f8f6fa;color:#211a29;font:700 18px/1 var(--font-space),sans-serif;transform:translate(-50%,-50%);box-shadow:0 9px 25px #000b}
.modalContent{min-width:0;padding:16px 48px 10px 0}
.modalEyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.modalEyebrow span{padding:7px 9px;border:1px solid #655670;border-radius:5px;background:#251e2d;color:#cdbed7;font:700 8px/1 var(--font-space),sans-serif;letter-spacing:.14em;text-transform:uppercase}
.modalEyebrow span:first-child{background:#7913e8;border-color:#9e55ed;color:#fff}
.projectModal .modalContent h2{margin:0;color:#fff;font:800 clamp(36px,4.6vw,68px)/.9 var(--font-marker),Impact,sans-serif;letter-spacing:.018em;text-transform:uppercase}
.modalArtist{margin:11px 0 25px;color:#c1b5c9;font:600 14px/1.35 var(--font-space),sans-serif}.modalArtist span{display:block;margin-bottom:6px;color:#a86dff;font:800 8px/1 var(--font-space),sans-serif;letter-spacing:.15em}.modalArtist b{font:inherit}
.modalFacts{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;padding:13px 0;border-top:1px solid #514557;border-bottom:1px solid #514557}
.modalFacts>div{min-width:0;padding-right:8px;border-right:1px solid #4b3f51}
.modalFacts>div:last-child{border-right:0}
.modalFacts span{display:block;margin-bottom:7px;color:#9f91a8;font:700 8px/1 var(--font-space),sans-serif;letter-spacing:.12em}
.modalFacts strong{display:block;color:#f3edf6;font:700 11px/1.3 var(--font-space),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modalFacts>div:first-child strong{white-space:normal;overflow:visible;text-overflow:clip}
.modalCategories{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.modalCategories span{padding:6px 8px;border-radius:4px;background:#44364e;color:#d2c5d9;font:600 8px/1 var(--font-space),sans-serif;letter-spacing:.06em;text-transform:uppercase}
.modalEntryText{margin-top:24px}
.modalEntryText h3{margin:0 0 10px;color:#b881ff;font:800 10px/1 var(--font-space),sans-serif;letter-spacing:.15em}
.modalEntryText p{margin:0;color:#ddd4e2;font:400 14px/1.7 var(--font-space),sans-serif;white-space:pre-line}
.modalEntryLink{display:inline-flex;margin-top:22px;padding:12px 15px;border:1px solid #8154a4;border-radius:6px;color:#fff;font:800 9px/1 var(--font-space),sans-serif;letter-spacing:.1em;transition:.2s}
.modalEntryLink:hover{background:var(--purple);border-color:var(--purple)}
.spotifyButton{gap:8px}.spotifyIcon{position:relative;display:inline-block;flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:#1ed760}.spotifyIcon i{position:absolute;left:3px;height:5px;border-top:1.5px solid #09070b;border-radius:50%;transform:rotate(7deg)}.spotifyIcon i:nth-child(1){top:4px;width:11px}.spotifyIcon i:nth-child(2){top:7px;left:4px;width:9.5px}.spotifyIcon i:nth-child(3){top:10px;left:5px;width:8px}
.modalVideoSection{margin:15px 8px 8px;padding:17px;border:1px solid #594a65;border-radius:14px;background:#1c1721;box-shadow:inset 0 1px 0 #ffffff09}
.modalVideoHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px;color:#b7a7c0;font:700 8px/1 var(--font-space),sans-serif;letter-spacing:.13em}
.modalVideoHead span{color:#a86dff}
.modalVideoHead strong{max-width:60%;color:#d9cfdf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.videoWrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#0b090d;box-shadow:0 12px 30px #0009}
.videoWrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.modalFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.modalFacts>div:nth-child(2){border-right:0}}
@media(max-width:760px){.modalBackdrop{padding:12px}.projectModal{width:min(96vw,620px);max-height:94vh;padding:11px;border-radius:17px}.modalMain{grid-template-columns:1fr;gap:20px;padding:4px}.modalMedia{width:min(100%,390px);margin:auto}.modalContent{padding:4px 5px 8px}.projectModal .modalContent h2{font-size:clamp(38px,13vw,68px)}.modalFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.modalFacts>div{padding:7px 0}.modalVideoSection{margin:13px 4px 4px;padding:10px}.modalVideoHead{align-items:flex-start;flex-direction:column;gap:6px}.modalVideoHead strong{max-width:100%}}

/* Pie de página técnico, derechos de autor y versión del tema. */
.siteFooter{display:block;padding:54px 5vw 24px;border-top:1px solid #211c24;background:#050505}
.footerTop{display:grid;grid-template-columns:1fr auto 1fr;gap:42px;align-items:center}
.footerTop .brandLogoFooter{grid-column:2;grid-row:1;justify-self:center;width:115px;height:66px;filter:none}
.footerTop .brandLogoFooter:hover{filter:none}
.footerDisciplines{grid-column:1;grid-row:1;justify-self:start;margin:0;color:#77717b;font:500 8px/1.5 var(--font-space),sans-serif;letter-spacing:.2em}
.footerSocial{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:25px;font:600 9px/1 var(--font-space),sans-serif;letter-spacing:.12em}
.footerSocial a{color:#aaa2ad;transition:color .2s ease}
.footerSocial a:hover{color:var(--violet)}
.footerSponsors{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:18px;margin-bottom:30px;padding:25px 24px 23px;border-bottom:0;background:transparent}
.footerSponsorsIntro{display:flex;align-items:center;justify-content:center;min-width:0}
.footerSponsorsIntro h3{margin:0;color:#a86dff;font:800 7px/1 var(--font-space),sans-serif;letter-spacing:.28em;text-align:center;white-space:nowrap}
.sponsorGrid{display:flex;align-items:center;flex-wrap:nowrap;justify-content:center;gap:36px}
.sponsorCard{width:auto;padding:0;border:0;background:transparent;box-shadow:none;transition:transform .25s ease,filter .25s ease}
.sponsorCard:hover{transform:translateY(-3px);filter:drop-shadow(0 0 14px #8b35ff4d)}
.sponsorLogoFrame{display:flex;align-items:center;justify-content:center;width:180px;height:64px;overflow:visible}
.sponsorLogoFrame img{position:static;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:scale(var(--sahelxrd-logo-scale,1));transform-origin:center;transition:transform .2s ease}
.footerBottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px;padding-top:18px;border-top:1px solid #1e1a20}
.footerBottom p{margin:0;color:#716b74;font:500 7px/1.6 var(--font-space),sans-serif;letter-spacing:.18em}
.footerBottom span{color:#a873d2}
@media(max-width:850px){.siteFooter{padding:42px 5vw 22px}.footerSponsors{gap:15px;margin-bottom:24px;padding:22px 14px 20px}.sponsorGrid{justify-content:center;gap:20px}.sponsorLogoFrame{width:145px;height:54px}.footerTop{grid-template-columns:1fr;gap:14px;align-items:center;justify-items:center;text-align:center}.footerTop .brandLogoFooter{grid-column:1;grid-row:1;justify-self:center;width:110px;height:62px}.footerDisciplines{grid-column:1;grid-row:2;justify-self:center}.footerSocial{grid-column:1;grid-row:3;justify-self:center;margin-top:4px}.footerBottom{align-items:flex-start;flex-direction:column;gap:8px;margin-top:20px}.footerBottom p{font-size:6.5px;letter-spacing:.14em}}
@media(max-width:760px){.sponsorGrid{width:100%;max-width:420px;flex-wrap:wrap;gap:16px 20px}}
@media(max-width:470px){.footerSponsorsIntro h3{font-size:6px;letter-spacing:.2em}.sponsorGrid{width:100%;gap:10px}.sponsorLogoFrame{width:96px;height:42px}}

/* Dirección visual condensada para el banner y Proyectos destacados. */
.hero{background:radial-gradient(circle at 31% 48%,#6510a12e 0%,transparent 34%),linear-gradient(135deg,#08020d 0%,#13051c 48%,#060209 100%);border-top:1px solid #5f36764a;border-bottom:1px solid #44265366}
.hero .noise{opacity:.12}
.hero .slashes{display:none}
.heroCopy{width:51%}
.hero h1{margin:36px 0 31px;font-size:clamp(66px,7vw,126px);line-height:.72;letter-spacing:-.045em}
.hero h1 span{display:block;position:relative;color:#f5f0f7;white-space:nowrap}
.hero h1 span:before,.work h2 span:before{display:none}
.hero h1 .heroPurple{margin-top:-.04em;color:#982cff}
.hero .micro{color:#d1c5d8}
.hero .micro:before{display:none}
.hero .lead{color:#c8bdce}
.hero .brush,.hero .outline{clip-path:none;border:2px solid #9a2cff;padding:15px 23px;background:transparent;color:#fff;transition:background .2s ease,border-color .2s ease}
.hero .brush:hover,.hero .outline:hover{background:#8f20ed;border-color:#b967ff}
.work{background:radial-gradient(circle at 50% 8%,#64139a24 0%,transparent 30%),linear-gradient(180deg,#100617 0%,#09030e 46%,#070208 100%);border-top:1px solid #48245766}
.workHead{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:58px;text-align:center}
.workHead>div:first-child{max-width:1100px}
.work .tag{color:#d5c8db}
.work h2{margin:28px 0 27px;font-size:clamp(78px,9vw,156px);line-height:.68;letter-spacing:-.045em;color:#f5f0f7}
.work h2 span{display:block;margin-top:-.015em;color:#982cff}
.workHead>div>p:last-child{max-width:560px;margin-inline:auto;color:#b9adbf}
.workHead .filters{justify-content:center;margin-top:29px}
.workHead .filters button{background:#100817;border-color:#553063}
.workHead .filters button.active,.workHead .filters button:hover{background:#8f20ed;border-color:#a94cff}
@media(max-width:850px){.heroCopy{width:100%}.hero h1{font-size:clamp(58px,16vw,96px);line-height:.73}.hero h1 span{white-space:normal}.work h2{font-size:clamp(68px,18vw,112px);line-height:.7}.workHead{align-items:flex-start;text-align:left}.workHead>div>p:last-child{margin-inline:0}.workHead .filters{justify-content:flex-start}}

/* Integración WordPress. */
:root{--font-space:"Oxanium",sans-serif;--font-marker:"Anton",Impact,sans-serif}
[hidden]{display:none!important}
body.admin-bar .nav{top:32px}
.sahelxrd-main{overflow:hidden;background-image:radial-gradient(#ffffff0a 1px,transparent 1px);background-size:5px 5px}
.projectEmpty{max-width:620px;margin:35px auto 0;padding:22px;border:1px solid #4d3658;border-radius:12px;background:#160d1b;color:#bcb2c1;text-align:center}
.entryShell,.singleShell{min-height:100vh;padding:70px 6vw 110px;background:radial-gradient(circle at 50% 0,#49106d28,transparent 35%),#09040d;color:#f5f0f7}
.entryBack{display:inline-flex;margin-bottom:45px;padding:12px 16px;border:1px solid #7439a1;color:#d8c8e3;font:700 9px var(--font-space);letter-spacing:.12em}
.entryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.entryCard{overflow:hidden;padding:12px;border:1px solid #4b3b54;border-radius:16px;background:#2a2230}
.entryCard img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.entryCard p{color:#9e8ca8;font:600 8px var(--font-space);letter-spacing:.1em}
.entryCard h2{margin:8px 0;color:#fff;font:400 36px/.95 var(--font-marker)}
.entryCard div{color:#b8acbe;font:400 12px/1.65 var(--font-space)}
.singleEntry{max-width:980px;margin:auto}
.singleMeta{color:#a576c4;font:700 9px var(--font-space);letter-spacing:.13em}
.singleEntry h1{margin:18px 0 34px;font:400 clamp(62px,9vw,145px)/.78 var(--font-marker);letter-spacing:-.04em;text-transform:uppercase}
.singleImage img{display:block;width:100%;height:auto;border-radius:18px}
.singleContent{margin-top:38px;color:#d3c8d8;font:400 16px/1.8 var(--font-space)}
.singleContent iframe{max-width:100%}
@media(max-width:782px){body.admin-bar .nav{top:46px}}
@media(max-width:850px){.entryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.entryGrid{grid-template-columns:1fr}.entryShell,.singleShell{padding-inline:5vw}.entryCard h2{font-size:32px}}

/* v.0.00.08: banner superpuesto, aleatorio y no interactivo. */
.heroProject{--r:0deg;position:absolute;width:35%;aspect-ratio:1;margin:0;padding:0;overflow:hidden;background:#090909;border:0;box-shadow:0 18px 42px #000d,0 0 1px #ffffff26;pointer-events:none;user-select:none;z-index:2;transform:rotate(var(--r));animation:heroCardReveal .48s cubic-bezier(.2,.75,.25,1) both}
.heroProject img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08)}
.heroProject.a{--r:-7deg;left:0;top:9%;z-index:2}.heroProject.b{--r:4deg;left:31%;top:3%;z-index:3}.heroProject.c{--r:7deg;right:0;top:10%;z-index:4}
.heroProject.d{--r:5deg;left:2%;bottom:8%;z-index:5}.heroProject.e{--r:-4deg;left:34%;bottom:2%;z-index:6}.heroProject.f{--r:6deg;right:-1%;bottom:9%;z-index:7}
.heroProject.b,.heroProject.e{animation-delay:.04s}.heroProject.c,.heroProject.f{animation-delay:.08s}
@keyframes heroCardReveal{from{opacity:0;transform:rotate(var(--r)) scale(.93)}to{opacity:1;transform:rotate(var(--r)) scale(1)}}
.heroCollage .purpleSplash{inset:6% -5% 3%;background:radial-gradient(ellipse at 50% 50%,rgba(222,176,255,.96) 0%,rgba(177,86,255,.9) 13%,rgba(124,0,255,.64) 35%,rgba(82,0,165,.32) 57%,rgba(35,0,70,0) 78%);filter:blur(32px);clip-path:none;opacity:.95;transform:scale(1.07)}
@media(max-width:850px){.heroCollage{opacity:1}.heroProject{width:36%;border-width:3px}.heroProject.a{left:-1%;top:12%}.heroProject.b{left:31%;top:7%}.heroProject.c{right:-1%;top:13%}.heroProject.d{left:0;bottom:8%}.heroProject.e{left:33%;bottom:3%}.heroProject.f{right:-2%;bottom:9%}.heroCollage .purpleSplash{inset:9% -5% 2%;filter:blur(24px)}}

/* Menú superior técnico con enlace directo a Instagram. */
.nav .links{gap:36px;font:600 9px/1 var(--font-space),sans-serif;letter-spacing:.15em}
.nav .links a{padding:51px 0;color:#c5c7d5;border:0;transition:color .2s ease,text-shadow .2s ease}
.nav .links a:hover,.nav .links a.active{color:#fff;border:0;text-shadow:0 0 12px #9a2cff5c}
.navArrow{display:inline-block;margin-left:2px;color:#a735ff;font-size:.95em;letter-spacing:0;transition:transform .2s ease,color .2s ease}
.nav .links a:hover .navArrow,.nav .contact:hover .navArrow{color:#c16fff;transform:translate(2px,-2px)}
.nav .contact{padding:0;border:0;background:transparent;color:#c5c7d5;font:600 9px/1 var(--font-space),sans-serif;letter-spacing:.15em;white-space:nowrap;transition:color .2s ease,text-shadow .2s ease}
.nav .contact:hover{color:#fff;text-shadow:0 0 12px #9a2cff5c}
@media(max-width:850px){.nav .contact{padding:0;font-size:8px;letter-spacing:.12em}}

/* Sistema unificado de botones morados con interacción. */
.actionButton.actionButton{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;padding:13px 21px;border:1px solid #a667ff;border-radius:8px;background:linear-gradient(180deg,#853af2 0%,#5b1dc0 52%,#49129f 100%);box-shadow:inset 0 1px 0 #e2c5ff66,inset 0 -1px 0 #31006d99,0 8px 20px #23003d66,0 0 0 1px #7f2ce433;color:#fff;clip-path:none;font:700 9px/1 var(--font-space),sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transform:translateY(0);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.actionButton.actionButton:hover{background:linear-gradient(180deg,#a14eff 0%,#7629e2 52%,#5b18bd 100%);border-color:#c58bff;box-shadow:inset 0 1px 0 #f1dcff99,inset 0 -1px 0 #3b007c99,0 13px 28px #30005299,0 0 22px #8e33ff73;filter:saturate(1.12);transform:translateY(-3px) scale(1.015)}
.actionButton.actionButton:active{box-shadow:inset 0 2px 8px #2b005c99,0 5px 13px #23003d66;transform:translateY(0) scale(.985)}
.actionButton.actionButton:focus-visible{outline:2px solid #ead7ff;outline-offset:4px}
.buttonArrow{display:inline-block;color:#efe3ff;font-size:1.05em;letter-spacing:0;transition:transform .22s ease,color .22s ease}
.actionButton:hover .buttonArrow{color:#fff;transform:translate(3px,-2px)}
.filters button.actionButton{background:linear-gradient(180deg,#54209e 0%,#32105f 100%);border-color:#6b398f;color:#cfc3d8;box-shadow:inset 0 1px 0 #d4a9ff24,0 6px 14px #17002555}
.filters button.actionButton.active{background:linear-gradient(180deg,#9342fa 0%,#651fcf 55%,#4e13a8 100%);border-color:#bc78ff;color:#fff;box-shadow:inset 0 1px 0 #f0d6ff7d,0 8px 20px #43007b70,0 0 18px #8d2dff55}
.actionButton.actionButtonCompact{min-height:38px;padding:10px 15px;border-radius:7px;font-size:8px;gap:10px}
@media(max-width:520px){.actionButton.actionButton{min-height:42px;padding:12px 17px;font-size:8px}.actionButton.actionButtonCompact{min-height:36px;padding:9px 12px;font-size:7px}}
.modalEntryLink.actionButton.actionButtonCompact{font-size:9px}
@media(max-width:520px){.modalEntryLink.actionButton.actionButtonCompact{font-size:8px}}
@media(prefers-reduced-motion:reduce){.actionButton.actionButton,.buttonArrow{transition:none}}

/* Feed de Instagram controlado desde Proyectos > Instagram. */
.instagramFeed{padding:72px 5vw 80px;border-top:1px solid #392344;border-bottom:1px solid #211c24;background:radial-gradient(circle at 50% 0,#4f127329,transparent 38%),#08050a}
.instagramFeedHead{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
.instagramFeedHead p{margin:0 0 14px;color:#a86dff;font:800 8px/1 var(--font-space),sans-serif;letter-spacing:.24em}
.instagramFeedHead h2{margin:0;color:#f4eff7;font:400 clamp(38px,4.8vw,72px)/.87 var(--font-marker),Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.instagramFeedHead h2 span{color:#9b39ff}
.instagramFeedHead>a{flex:0 0 auto;padding-bottom:7px;color:#c7bacf;font:700 9px/1 var(--font-space),sans-serif;letter-spacing:.14em;transition:color .2s ease,transform .2s ease}
.instagramFeedHead>a span{color:#a735ff}.instagramFeedHead>a:hover{color:#fff;transform:translateY(-2px)}
.instagramGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.instagramPost{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid #3c2f44;border-radius:13px;background:#151019;box-shadow:0 12px 28px #0008;isolation:isolate}
.instagramPost:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 50%,#160522e8 100%);opacity:.28;transition:opacity .25s ease}
.instagramPost img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.instagramPost:hover img{transform:scale(1.045);filter:saturate(1.08)}
.instagramPost:hover:after{opacity:.85}
.instagramMediaBadge{position:absolute;right:10px;top:10px;z-index:3;padding:6px 8px;border-radius:5px;background:#7c00ffe8;color:#fff;font:800 7px/1 var(--font-space),sans-serif;letter-spacing:.12em}
.instagramPostHover{position:absolute;left:13px;right:13px;bottom:12px;z-index:3;color:#fff;font:800 7px/1.35 var(--font-space),sans-serif;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.instagramPost:hover .instagramPostHover,.instagramPost:focus-visible .instagramPostHover{opacity:1;transform:none}
.instagramPost:focus-visible{outline:2px solid #b873ff;outline-offset:3px}
.instagramFallback{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #4b3856;border-radius:13px;background:#120d16}
.instagramFallback p{margin:0;color:#bfb3c5;font:400 13px/1.6 var(--font-space),sans-serif}
@media(max-width:900px){.instagramFeed{padding:60px 5vw 65px}.instagramGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.instagramPost:nth-child(4),.instagramPost:nth-child(5){grid-column:auto}.instagramFeedHead h2{font-size:clamp(40px,8vw,68px)}}
@media(max-width:560px){.instagramFeedHead{align-items:flex-start;flex-direction:column;gap:18px}.instagramFeedHead h2{font-size:clamp(36px,12vw,55px)}.instagramGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.instagramPost:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 4.5px)}.instagramFallback{align-items:flex-start;flex-direction:column}.instagramPostHover{display:none}}

/* v0.02.02 — Último estreno, etiquetas y ambiente interactivo. */
.latestRelease{position:relative;padding:105px 6vw 115px;overflow:hidden;background:radial-gradient(circle at 15% 45%,#3d086538 0%,transparent 34%),linear-gradient(145deg,#070409 0%,#100717 58%,#060407 100%);border-bottom:1px solid #3f244c}
.latestRelease:before{content:"";position:absolute;right:-12%;top:10%;width:46vw;height:46vw;border-radius:50%;background:#7c00ff12;filter:blur(70px);pointer-events:none}
.latestReleaseHead{position:relative;z-index:1;margin-bottom:45px;text-align:center}
.latestReleaseHead h2{margin:18px 0 0;color:#f4eff7;font:400 clamp(64px,8.2vw,132px)/.76 var(--font-marker),Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.latestReleaseHead h2 span{color:#982cff}
.latestReleaseLayout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:clamp(35px,6vw,95px);align-items:center;max-width:1440px;margin:0 auto}
.latestReleaseCover{position:relative;margin:0;aspect-ratio:1;transform:rotate(-2.2deg);border:8px solid #0b090d;border-radius:18px;overflow:hidden;background:#17121b;box-shadow:0 28px 70px #000b,0 0 38px #741cd72b}
.latestReleaseCover img{display:block;width:100%;height:100%;object-fit:cover}
.latestReleaseCover figcaption{position:absolute;left:14px;bottom:14px;padding:7px 9px;border-radius:5px;background:#7717dcdf;color:#f2e7fa;font:700 7px/1 var(--font-space),sans-serif;letter-spacing:.16em}
.latestReleaseContent header{margin-bottom:22px}
.latestReleaseContent header p{margin:0 0 8px;color:#b872ff;font:700 10px/1 var(--font-space),sans-serif;letter-spacing:.22em;text-transform:uppercase}
.latestReleaseContent h3{margin:0;color:#fff;font:400 clamp(48px,6vw,92px)/.9 var(--font-marker),Impact,sans-serif;letter-spacing:.015em;text-transform:uppercase}
.latestReleaseVideo{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #6a3c7f;border-radius:16px;background:#070609;box-shadow:0 24px 54px #000a,0 0 30px #7617df24}
.latestReleaseVideo iframe,.latestReleaseVideo>div{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0}
.latestReleaseReview{max-width:780px;margin:20px 0 0;padding-left:17px;border-left:3px solid #8e2cff;color:#c8bdce;font:400 13px/1.75 var(--font-space),sans-serif}
.service{grid-template-columns:50px 1fr}
.work .projectBadge{max-width:calc(100% - 18px);padding:6px 8px;border:1px solid #b86cff80;background:#7818dbde;color:#f4e8ff;line-height:1.2;letter-spacing:.11em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 13px #3c0069a6,0 0 14px #8c2cff3d;backdrop-filter:blur(5px)}
.pointerAura{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .45s ease;mix-blend-mode:screen}
.pointerAura.is-active{opacity:1}
.pointerAura span{position:absolute;left:0;top:0;border-radius:50%;will-change:transform;background:radial-gradient(circle,#b765ff2e 0%,#8f24ff19 32%,#6712d10c 56%,transparent 73%);filter:blur(7px)}
.pointerAura span:nth-child(1){width:190px;height:190px}.pointerAura span:nth-child(2){width:145px;height:145px;opacity:.58;filter:blur(11px)}.pointerAura span:nth-child(3){width:105px;height:105px;opacity:.34;filter:blur(15px)}
@media(max-width:850px){.latestRelease{padding:82px 6vw 90px}.latestReleaseHead{text-align:left}.latestReleaseLayout{grid-template-columns:1fr;gap:34px}.latestReleaseCover{width:min(76vw,440px);margin:0 auto}.latestReleaseContent h3{font-size:clamp(48px,14vw,78px)}}
@media(max-width:520px){.latestRelease{padding:68px 5vw 74px}.latestReleaseHead{margin-bottom:30px}.latestReleaseCover{width:88vw;border-width:6px;border-radius:14px}.latestReleaseVideo{border-radius:11px}.latestReleaseReview{font-size:12px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.pointerAura{display:none}}