@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Space+Grotesk:wght@300;400;600;700&family=Syne:wght@400;700;800&family=JetBrains+Mono:wght@300;400&display=swap');500;600;700&family=Space+Mono&display=swap');
:root{--bg:#111110;--paper:#ebe9e1;--muted:#aaa9a1;--red:#ed4938;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--red)}::selection{background:var(--red);color:#111}header{height:96px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2;background:var(--bg)}.brand{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:1.5px;font-weight:700;line-height:1.3}.mark{font:italic 48px Georgia;letter-spacing:-10px;padding-right:10px}.mark span{color:var(--red)}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.header-contact:hover{color:var(--red)}.header-contact{font-size:14px;border-bottom:1px solid var(--red);padding:12px 0}.header-contact span{margin-left:22px;color:var(--red)}.hero{min-height:750px;height:calc(100svh - 96px);max-height:1050px;position:relative;padding:65px 5% 0;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 45%;background:#181817}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:brightness(.75)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111110 0%,#11111015 45%,transparent 80%),linear-gradient(0deg,#111110 0%,transparent 25%)}.photo-caption{position:absolute;right:24px;top:35px;writing-mode:vertical-rl;z-index:1;font:12px 'JetBrains Mono',monospace;letter-spacing:2px;color:#c6c4bd}.hero-copy{position:relative;z-index:1}.eyebrow,.section-label{font:12px 'JetBrains Mono',monospace;letter-spacing:1.6px}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 38px}.eyebrow i{height:7px;width:7px;background:var(--red);border-radius:50%}h1{font:400 clamp(70px,7.9vw,128px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-4.5px;margin:0 0 26px}h1 em{color:var(--red);font-weight:400}p{line-height:1.6}.intro{font-size:17px;color:#c0beb8;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--red);color:#111;padding:18px 24px;font-size:14px;font-weight:600;border:1px solid var(--red);cursor:pointer;transition:background .2s,color .2s}.button:hover{background:var(--paper);border-color:var(--paper)}.button span{font-size:23px;line-height:1}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:11px 'JetBrains Mono',monospace;letter-spacing:1px}.hero-bottom a{color:var(--muted)}.discipline-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:26px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:12px 'JetBrains Mono',monospace;letter-spacing:1px}.discipline-strip b{font-size:23px;color:var(--red);font-weight:400}.section{padding:105px 6%}.manifest{display:grid;grid-template-columns:24% 1fr;border-bottom:1px solid var(--line)}.section-label{color:var(--red);margin:0 0 26px}h2{font:400 clamp(36px,4vw,65px)/1.13 Georgia,serif;letter-spacing:-1.7px;margin:0}h2 em{font-weight:400;color:var(--muted)}.manifest-text{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;color:var(--muted);font-size:16px}.signature{font:12px 'JetBrains Mono',monospace;letter-spacing:1px;margin-top:34px}.signature span{color:var(--red);margin-left:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading>p{color:var(--muted);font-size:16px;max-width:350px}.services{padding-bottom:95px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:6% 40% 1fr 30px;align-items:start;gap:20px;padding:33px 0;border-bottom:1px solid var(--line);transition:background .2s}.service-list article:hover{background:#ffffff04}.number{font:12px 'JetBrains Mono',monospace;color:var(--red);padding-top:7px}h3{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:0}.service-list p{font-size:16px;color:var(--muted);margin:0;max-width:440px}.service-symbol{font-size:26px;color:var(--muted)}.archive{background:#1a1a18}.archive-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:end}figure{margin:0}video{width:100%;height:490px;display:block;object-fit:contain;background:#080808}.portrait img{display:block;width:100%;height:580px;object-fit:cover;object-position:center 35%;filter:grayscale(1)}figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:17px;font:11px 'JetBrains Mono',monospace;color:var(--muted)}.statement{padding:95px 6%;text-align:center;border-bottom:1px solid var(--line)}.statement p{font:400 clamp(30px,3.7vw,58px)/1.25 Georgia,serif;margin:0 0 35px}.statement em{color:var(--red)}.statement>span{font:11px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:1px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--paper);color:#181817}.contact h2 em{color:#67675f}.contact>div>p:not(.section-label){color:#66665e;font-size:16px;margin:30px 0}.email{display:inline-block;font-size:17px;padding-bottom:10px;border-bottom:1px solid #181817;overflow-wrap:anywhere}form{display:flex;flex-direction:column}label{font-size:14px;margin-bottom:10px}input,select,textarea{border:0;border-bottom:1px solid #18181740;background:transparent;border-radius:0;color:#181817;padding:4px 0 13px;margin-bottom:25px;width:100%;font-size:16px}textarea{resize:vertical}form .button{align-self:start}.form-note,#form-status{font-size:13px;line-height:1.6;color:#62625a;margin-bottom:0}footer{padding:45px 6% 25px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}footer>p,footer>a:not(.brand){font:12px/1.8 'JetBrains Mono',monospace}footer>p span{color:var(--muted);font:14px 'Space Grotesk',Arial}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:15px;display:flex;justify-content:space-between;gap:20px;font:10px 'JetBrains Mono',monospace;color:var(--muted)}.skip{position:absolute;left:20px;top:-60px;padding:10px;background:var(--paper);color:#111;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:85px}.hero-copy{max-width:1600px;margin:auto}.hero-photo{left:43%}}@media(max-width:900px){nav{gap:20px}.hero{min-height:720px}.hero-photo{left:32%;opacity:.7}.hero h1{font-size:86px}.manifest{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{margin-top:25px}.service-list article{grid-template-columns:35px 1fr 30px}.service-list p{grid-column:2;max-width:none}.service-symbol{grid-column:3;grid-row:auto}.archive-grid{gap:20px}video{height:390px}.portrait img{height:450px}.contact{gap:7%}.email{font-size:15px}}
@media(max-width:600px){header{height:82px;padding:0 6%}nav{display:none}.brand{font-size:11px}.mark{font-size:41px}.header-contact{font-size:13px}.header-contact span{margin-left:8px}.hero{height:auto;min-height:760px;padding:45px 6% 115px}.hero-photo{left:13%;opacity:.55}.hero-photo img{object-position:48% 20%}.hero-photo:after{background:linear-gradient(90deg,#111110b0,transparent),linear-gradient(0deg,#111110 0%,transparent 60%)}.photo-caption{display:none}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:40px}h1,.hero h1{font-size:clamp(54px,12.6vw,76px);letter-spacing:-2.5px;line-height:1.04}.intro{font-size:16px;max-width:310px;margin:30px 0}.hero-bottom{left:6%;right:6%;font-size:9px;line-height:1.7;flex-direction:column;gap:8px}.discipline-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;padding:25px 6%;gap:20px 10px}.discipline-strip b{display:none}.section{padding:65px 6%}.manifest-text{grid-template-columns:1fr;gap:5px;margin-top:25px}h2{font-size:37px;letter-spacing:-1.2px}.section-label{font-size:11px}.signature{font-size:10px}.section-heading{margin-bottom:35px}.service-list article{grid-template-columns:24px 1fr 20px;gap:10px;padding:26px 0}.service-list h3{font-size:21px}.service-list p{font-size:15px}.service-symbol{display:none}.archive-grid{grid-template-columns:1fr;gap:35px}video{height:auto;max-height:550px;min-height:240px}.portrait img{height:440px}figcaption{font-size:9px}.statement{padding:70px 7%}.statement p{font-size:32px}.statement>span{font-size:9px}.contact{grid-template-columns:1fr;gap:45px}.email{font-size:16px}footer{grid-template-columns:1fr auto;padding:35px 6% 25px}footer>p{grid-column:1/-1;grid-row:2}footer>a:not(.brand){font-size:10px}.footer-bottom{flex-direction:column;font-size:9px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original theatrical visual direction */
:root{--bg:#070708;--paper:#f2eee6;--muted:#aaa69d;--red:#d61d1d}
.brand{font-family:Syne,sans-serif}.mark{font-family:Cinzel,serif;font-style:normal;font-size:32px;letter-spacing:-2px}.hero{height:auto;max-height:none;min-height:calc(100svh - 96px);padding:85px 6% 125px;background:radial-gradient(circle at 20% 40%,#d61d1d44 1px,transparent 3px),radial-gradient(circle at 75% 70%,#d61d1d33 1px,transparent 3px),#070708;background-size:237px 217px,313px 293px,auto}.hero-copy{max-width:1400px;margin:auto}.eyebrow{color:var(--red);letter-spacing:4px;font-size:12px;margin-bottom:35px}.eyebrow i{display:none}h1,.hero h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(48px,8.7vw,128px);line-height:1.04;letter-spacing:-.055em;text-transform:uppercase;margin-bottom:40px}h1 em{font-style:normal;font-weight:900;color:var(--red)}.outline{font-style:italic;font-weight:900;color:transparent;-webkit-text-stroke:1px #f2eee659}.hero-summary{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:45px}.intro{font-size:19px;line-height:1.5;color:var(--muted);margin:0}.hero-actions{display:flex;gap:16px;justify-content:end}.button{background:var(--paper);border-color:var(--paper);color:var(--bg);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:18px 24px;white-space:nowrap}.button:hover{background:var(--red);color:var(--paper);border-color:var(--red)}.button.secondary{background:transparent;color:var(--paper);border-color:#f2eee644}h2{font-family:Cinzel,serif;font-weight:900;font-size:clamp(30px,3.3vw,52px);text-transform:uppercase;letter-spacing:-.04em}h2 em{font-style:normal;font-weight:900}.statement p{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase}.archive{background:#0e0e11}.dance{margin-bottom:55px}.dance img{display:block;width:100%;height:auto}.team{border-bottom:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px}.team-grid article{border-top:1px solid var(--line);padding-top:24px}.team-grid h3{font-family:Syne,sans-serif;font-weight:700}.team-grid p{color:var(--muted)}.contact{background:#0e0e11;color:var(--paper)}.contact h2 em{color:var(--muted)}.contact>div>p:not(.section-label),.form-note,#form-status{color:var(--muted)}.email{border-color:var(--red)}input,select,textarea{background:#070708;color:var(--paper);border:1px solid #f2eee62e;padding:12px}.contact .button{background:#8b0000;color:var(--paper);border-color:#8b0000}.contact .button:hover{background:var(--red)}
@media(max-width:1000px){.hero-summary{grid-template-columns:1fr}.hero-actions{justify-content:start}.intro{max-width:750px}.hero{padding-top:65px}.eyebrow{letter-spacing:2px}}
@media(max-width:600px){.hero{min-height:740px;padding:65px 6% 130px}h1,.hero h1{font-size:clamp(34px,8.35vw,51px);letter-spacing:-.055em;line-height:1.15}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:2px;max-width:290px}.intro{font-size:16px}.hero-summary{gap:28px}.hero-actions{flex-wrap:wrap;gap:12px}.button{font-size:11px;padding:16px;letter-spacing:1.2px}.team-grid{grid-template-columns:1fr;gap:25px}.brand{font-size:10px}.mark{font-size:28px}.section h2{font-size:30px}.statement p{font-size:27px}}

/* Supplied company logo, framed without modifying the original image. */
.logo-frame{display:block;position:relative;width:76px;height:76px;overflow:hidden;flex-shrink:0;background:#000}.logo-frame img{display:block;position:absolute;width:146px;height:146px;max-width:none;left:-35px;top:-31px;object-fit:contain}header .brand{gap:14px}footer .logo-frame{width:110px;height:110px}footer .logo-frame img{width:210px;height:210px;left:-50px;top:-44px}@media(max-width:600px){.logo-frame{width:60px;height:60px}.logo-frame img{width:116px;height:116px;left:-28px;top:-25px}header .brand{gap:8px}}

.logo-frame{background:transparent}.logo-frame img{width:118px;height:118px;left:-21px;top:-21px}footer .logo-frame img{width:170px;height:170px;left:-30px;top:-30px}.services-link{margin-top:30px}.service-intro{padding-top:55px}.back-link{display:inline-block;margin-bottom:45px;font-size:14px;color:var(--muted)}.service-intro h1{font-size:clamp(40px,6.5vw,100px)}.service-intro>p:not(.section-label){font-size:19px;color:var(--muted);max-width:800px}.service-index{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.service-index a{padding:20px 10px 20px 0;border-top:1px solid var(--line);font-size:14px}.service-banner{margin:0 6%}.service-banner img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.service-detail h2{font-size:clamp(27px,3vw,46px)}.service-tagline{font-family:Cinzel,serif;font-size:20px;color:var(--muted)}.service-detail>div>p:not(.section-label){color:var(--muted)}.service-detail ul{padding-left:20px;line-height:1.8;margin:25px 0 35px}.service-detail li{padding:8px 0;border-bottom:1px solid var(--line)}.service-detail li::marker{color:var(--red)}.service-detail .button{white-space:normal;line-height:1.6}.service-closing{text-align:center;background:#0e0e11}.service-closing p{color:var(--muted)}.service-closing .button{margin-top:20px}nav a[aria-current=page]{color:var(--red)}#cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:4;width:100%;height:100%}@media(max-width:600px){.logo-frame img{width:94px;height:94px;left:-17px;top:-17px}.service-index{display:grid;grid-template-columns:1fr}.service-detail{grid-template-columns:1fr;gap:15px}.service-intro h1{font-size:clamp(32px,8vw,48px)}.service-intro>p:not(.section-label){font-size:16px}.service-intro .back-link{margin-bottom:30px}header nav{display:flex;gap:0}header nav a:not([href="servicios.html"]){display:none}header nav a{font-size:12px}header .header-contact{font-size:12px}header{gap:10px}.brand>span:last-child{font-size:9px;letter-spacing:.5px}}

/* Final logo occupies the complete frame without cropping. */
.logo-frame img,footer .logo-frame img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}

.hero-identity{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center;margin-bottom:40px}.hero-identity h1{font-size:clamp(48px,6.3vw,96px);margin:0;line-height:1.1}.hero-emblem{margin:0;max-width:490px;justify-self:end;width:100%}.hero-emblem img{display:block;width:100%;height:auto;object-fit:contain}.hero-identity+.hero-summary{margin-top:0}@media(max-width:900px){.hero-identity{gap:24px;grid-template-columns:1.1fr 1fr}.hero-identity h1{font-size:clamp(38px,6vw,58px)}}@media(max-width:600px){.hero-identity{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.hero-identity h1{font-size:clamp(40px,10vw,60px)}.hero-emblem{max-width:310px;justify-self:center}.hero{min-height:0}.hero-summary{padding-bottom:20px}}

.battles-page{background:#0b0b0e}.battle-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:65px 6% 80px;min-height:680px;background:radial-gradient(circle at 20% 20%,#9e253933 1px,transparent 3px),#0b0b0e;background-size:220px 220px}.battle-hero h1{font-family:Syne,sans-serif;font-size:clamp(48px,7vw,108px);letter-spacing:-.06em;line-height:.95;margin:20px 0 28px}.battle-hero h1 em{font-style:normal;color:var(--red)}.battle-lead{max-width:580px;color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:32px}.battle-mark{margin:0;max-width:650px;justify-self:end}.battle-mark img{display:block;width:100%;height:auto;filter:contrast(1.08)}.battle-ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:25px 5%;border-block:1px solid var(--line);font:11px 'JetBrains Mono',monospace;letter-spacing:1px}.battle-ticker b{color:var(--red);font-size:20px;font-weight:400}.battle-intro{display:grid;grid-template-columns:24% 1fr;gap:4%;border-bottom:1px solid var(--line)}.battle-intro>div{max-width:880px}.battle-intro h2{margin-bottom:30px}.battle-intro p:not(.section-label){color:var(--muted);font-size:17px;max-width:800px}.battle-program{background:#121216}.battle-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.battle-cards article{min-height:260px;padding:25px;border-right:1px solid var(--line)}.battle-cards article:last-child{border-right:0}.battle-cards span{font:12px 'JetBrains Mono',monospace;color:var(--red)}.battle-cards h3{font-size:24px;margin:45px 0 16px}.battle-cards p{color:var(--muted);font-size:15px}.battle-gallery{background:#0e0e12}.battle-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.battle-gallery figure{margin:0}.battle-gallery img{display:block;width:100%;height:500px;object-fit:cover;object-position:center}.battle-gallery figure:first-child img{object-position:left center}.battle-gallery figcaption{font:11px 'JetBrains Mono',monospace;color:var(--muted);padding-top:14px}.battle-cta{text-align:center;background:var(--red);color:#0b0b0e}.battle-cta .section-label{color:#0b0b0e}.battle-cta h2 em{color:#f2eee6}.battle-cta p:not(.section-label){max-width:500px;margin:25px auto;color:#280707;font-size:17px}.battle-cta .button{background:#0b0b0e;color:#f2eee6;border-color:#0b0b0e;margin-top:20px}.battle-cta .button:hover{background:#f2eee6;color:#0b0b0e}.battle-timeline{background:radial-gradient(circle at 78% -12%,#ed49381f,transparent 58%),#0b0b0e;border-block:1px solid var(--line)}.timeline-heading{display:grid;grid-template-columns:24% 1fr 1fr;gap:4%;align-items:end;padding-bottom:52px}.timeline-heading h2{margin:0}.timeline-heading>p:last-child{color:var(--muted);max-width:380px;margin:0}.timeline-list{position:relative;border-top:1px solid var(--line)}.timeline-item:after{content:'';position:absolute;left:5px;top:48px;bottom:-42px;width:2px;background:linear-gradient(180deg,var(--red),#ed493866);z-index:1}.timeline-item:last-child:after{display:none}.timeline-item:first-child:before{content:'✳';width:auto;height:auto;left:-13px;top:26px;border:0;border-radius:0;background:#0b0b0e;color:var(--red);font-size:42px;line-height:1;box-shadow:none;text-shadow:0 0 18px #ed493866;transition:transform .4s}.timeline-item:first-child:hover:before{background:#0b0b0e;box-shadow:none;transform:rotate(90deg)}.timeline-item{position:relative;display:grid;grid-template-columns:16% 1fr;gap:5%;padding:36px 20px 36px 48px;border-bottom:1px solid var(--line);transition:background .25s}.timeline-item:before{content:'';position:absolute;left:0;top:42px;width:11px;height:11px;border-radius:50%;border:2px solid var(--red);background:#0b0b0e;z-index:2;transition:border-color .25s,background .25s,box-shadow .25s}.timeline-item:hover{background:#ffffff05}.timeline-item:hover:before{border-color:var(--red);background:var(--red);box-shadow:0 0 0 5px #ed493826}.timeline-item time{font:13px 'JetBrains Mono',monospace;color:var(--red);letter-spacing:1.5px;padding-top:3px}.timeline-item h3{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;margin:0 0 14px}.timeline-item p{color:var(--muted);font-size:16px;line-height:1.7;max-width:720px;margin:0 0 20px}.timeline-item a{display:inline-flex;align-items:center;gap:11px;font:11px 'JetBrains Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--paper);padding-bottom:7px;border-bottom:1px solid #ffffff2e;transition:color .2s,border-color .2s}.timeline-item a span{color:var(--red);font-size:14px;transition:transform .22s}.timeline-item a:hover{color:var(--red);border-color:var(--red)}.timeline-item a:hover span{transform:translate(3px,-3px)}.timeline-list{counter-reset:ev 8}.timeline-item{counter-increment:ev -1;grid-template-columns:16% 1fr minmax(220px,300px)!important;align-items:start}.timeline-item a.timeline-media{position:relative;display:block;width:100%;margin:0;padding:0;border:1px solid var(--line);overflow:visible}.timeline-item a.timeline-media:before{content:counter(ev,decimal-leading-zero);position:absolute;top:-.55em;left:-.45em;z-index:2;font:800 clamp(44px,5vw,72px)/1 Syne,sans-serif;letter-spacing:-.06em;color:var(--red);transform-origin:left bottom;text-shadow:0 4px 18px #0b0b0e99;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.timeline-item:hover a.timeline-media:before{transform:scale(1.25)}@keyframes ev-zoom{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@supports (animation-timeline:view()){.timeline-item a.timeline-media:before{animation:ev-zoom linear both;animation-timeline:view();animation-range:entry 10% cover 30%}.timeline-item:hover a.timeline-media:before{animation:none}}@media (prefers-reduced-motion:reduce){.timeline-item a.timeline-media:before{animation:none!important;transition:none}}.timeline-item a.timeline-media:after{content:'';position:absolute;inset:10px -10px -10px 10px;border:1px solid #ed493840;z-index:-1;transition:inset .3s}.timeline-item:hover a.timeline-media:after{inset:14px -14px -14px 14px}.timeline-media img{position:relative}.timeline-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .4s,filter .4s;filter:saturate(.9)}.timeline-item a.timeline-media:hover{border-color:var(--red)}.timeline-media:hover img{filter:saturate(1.1) contrast(1.05)}@media(max-width:800px){.battle-hero{grid-template-columns:1fr;padding-top:45px}.battle-mark{order:-1;max-width:420px;justify-self:center}.battle-hero h1{font-size:clamp(42px,13vw,74px)}.battle-ticker{display:grid;grid-template-columns:1fr 1fr;text-align:center}.battle-ticker b{display:none}.battle-intro{grid-template-columns:1fr;gap:15px}.battle-cards{grid-template-columns:1fr 1fr}.battle-cards article:nth-child(2){border-right:0}.battle-cards article:nth-child(-n+2){border-bottom:1px solid var(--line)}.battle-gallery-grid{grid-template-columns:1fr}.battle-gallery img{height:auto;max-height:500px}.timeline-heading{grid-template-columns:1fr;gap:20px;padding-bottom:38px}.timeline-item{grid-template-columns:1fr!important;gap:12px;padding:30px 0 30px 36px}.timeline-item a.timeline-media{max-width:320px;margin-top:22px}.timeline-item:before{top:34px}.timeline-item:after{top:40px;bottom:-34px}.timeline-item:first-child:before{top:18px;left:-11px}.timeline-item time{font-size:11px;padding-top:0}}@media(max-width:600px){header nav a{font-size:10px}.battle-lead{font-size:16px}.battle-cards{grid-template-columns:1fr}.battle-cards article{border-right:0;border-bottom:1px solid var(--line)}.battle-cards article:last-child{border-bottom:0}.battle-gallery img{max-height:420px}.timeline-item{padding:26px 0 26px 28px}.timeline-item:before{top:30px}.timeline-item:after{top:36px;bottom:-30px}.timeline-item:first-child:before{top:14px;left:-10px}.timeline-item p{font-size:15px;margin-bottom:18px}}

.project-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:65px;padding-bottom:65px}.project-card{display:flex;flex-direction:column;padding:38px;border:1px solid #f2eee633;background:linear-gradient(145deg,#1b1112,#0e0e11 70%);border-top:2px solid var(--red)}.project-card h2{font-size:clamp(26px,2.5vw,42px);overflow-wrap:anywhere;letter-spacing:-.035em}.project-card>p:not(.section-label){font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0 32px}.project-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid #f2eee630;font-size:15px;color:var(--paper)}.project-link:hover{color:var(--red)}.work-intro{padding-bottom:75px;border-bottom:1px solid var(--line)}.work-intro h1{font-size:clamp(32px,6.6vw,105px);overflow-wrap:anywhere}.work-hook{font-family:Cinzel,serif;font-size:clamp(22px,2.5vw,35px);line-height:1.5}.work-hook span{color:var(--red)}.work-synopsis{display:grid;grid-template-columns:1fr 2fr;gap:8%;background:#0e0e11}.work-synopsis>div>p:not(.section-label){font-size:20px;line-height:1.85;margin-top:0;color:var(--muted)}.work-synopsis .project-link{margin-top:35px;max-width:450px}.work-next{display:flex;justify-content:space-between;gap:25px;font-size:16px}.work-next a:hover{color:var(--red)}@media(max-width:700px){.project-pair{grid-template-columns:1fr;gap:22px}.project-card{padding:28px 22px}.project-card h2{font-size:29px}.work-synopsis{grid-template-columns:1fr;gap:25px}.work-synopsis>div>p:not(.section-label){font-size:17px}.work-intro h1{font-size:clamp(27px,7.1vw,48px)}.work-next{flex-wrap:wrap}}


/* Inconsistencia: cinematic video banner */

.inc-hero{display:flex;align-items:center;isolation:isolate;position:relative;overflow:hidden;min-height:min(800px,calc(100svh - 96px));padding:95px 6% 110px;background:#08080a url("assets/skillsbattles-banner-poster.jpg") center/cover no-repeat}
.inc-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.inc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,7,9,.96) 0%,rgba(7,7,9,.86) 29%,rgba(7,7,9,.46) 68%,rgba(7,7,9,.26) 100%),linear-gradient(0deg,#0b0b0e 0%,transparent 28%)}
.inc-hero-copy{position:relative;max-width:760px}.inc-hero .back-link,.inc-hero .work-hook{color:#e4dfd8}.inc-hero .section-label{color:#ff6660}.inc-hero .work-hook span{text-shadow:0 3px 24px rgba(0,0,0,.6)}
@media(max-width:800px){.inc-hero{min-height:660px;padding:65px 6% 85px}.inc-hero::before{background:linear-gradient(90deg,rgba(7,7,9,.91),rgba(7,7,9,.5)),linear-gradient(0deg,#0b0b0e,transparent 40%)}.inc-hero-video{object-position:55% center}}
@media(max-width:600px){.inc-hero{min-height:610px;padding:55px 6% 85px}.inc-hero-video{object-position:59% center}.inc-hero::before{background:linear-gradient(90deg,rgba(7,7,9,.87),rgba(7,7,9,.61)),linear-gradient(0deg,#0b0b0e,transparent 52%)}.inc-hero h1{font-size:clamp(40px,12vw,64px)}}
@media(prefers-reduced-motion:reduce){.inc-hero-video{display:none}}

header nav{gap:clamp(12px,2vw,30px)}
@media(max-width:1000px){header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:12px}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 22px}header nav a,header nav a:not([href="servicios.html"]){display:block;font-size:13px}}
/* Animaciones de la página principal (motion.js) */
@media (prefers-reduced-motion:no-preference){
@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes emblem-in{from{opacity:0;transform:scale(.7) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{translate:0 0;rotate:0deg;scale:1}25%{translate:-8px -18px;rotate:-4deg;scale:1.03}50%{translate:0 -30px;rotate:3deg;scale:1.06}75%{translate:8px -14px;rotate:5deg;scale:1.02}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 18px #ed493866) drop-shadow(0 0 40px #ed493833)}50%{filter:drop-shadow(0 0 34px #ed4938cc) drop-shadow(0 0 90px #ed493899)}}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 #ed493899}70%{box-shadow:0 0 0 10px #ed493800}}
@keyframes scroll-hint{0%,100%{transform:none}50%{transform:translateY(5px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .eyebrow{animation:rise .8s .1s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation:rise 1s .25s cubic-bezier(.2,.7,.2,1) both}
.hero h1 .outline{display:inline-block;animation:rise 1s .45s cubic-bezier(.2,.7,.2,1) both}
.hero h1 em{display:inline-block;animation:rise 1s .6s cubic-bezier(.2,.7,.2,1) both}
.hero-summary{animation:rise 1s .8s cubic-bezier(.2,.7,.2,1) both}
.hero-bottom{animation:rise 1s 1s cubic-bezier(.2,.7,.2,1) both}
.hero-emblem{animation:emblem-in 1.3s .35s cubic-bezier(.2,.8,.2,1) both}
.magnetic{position:relative;perspective:900px;cursor:pointer;rotate:y var(--spin,0deg);transition:rotate 1.2s cubic-bezier(.3,1.3,.4,1)}.hero-emblem img{position:relative;animation:float 6s 1.7s ease-in-out infinite,glow 3s 1.7s ease-in-out infinite}.magnetic img{position:relative;transform:translate(var(--tx,0),var(--ty,0)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1));will-change:transform}.hero-emblem.is-near img{animation-play-state:paused,running;animation-duration:6s,1.1s}.emblem-glare{position:absolute;inset:6%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#ffffff40 0,#ed493833 22%,transparent 55%);mix-blend-mode:screen;opacity:0;transition:opacity .4s}.magnetic.is-near .emblem-glare{opacity:1}.battle-mark .emblem-glare{border-radius:4px;inset:0}.battle-mark.is-near img{animation-play-state:paused}@keyframes emblem-ring{from{transform:scale(.4);opacity:.9}to{transform:scale(1.6);opacity:0}}.emblem-ring{position:absolute;inset:10%;border-radius:50%;border:2px solid var(--red);pointer-events:none;animation:emblem-ring .9s cubic-bezier(.2,.7,.2,1) forwards}
.eyebrow i{animation:pulse-dot 2.2s ease-out infinite}
.hero-bottom a{display:inline-block;animation:scroll-hint 2s ease-in-out infinite}
.battle-ticker.is-marquee,.discipline-strip.is-marquee{display:block;overflow:hidden;padding-inline:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.is-marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;gap:48px;padding-right:48px;white-space:nowrap}
.marquee-group b{display:inline-block!important;animation:spin 9s linear infinite}
.motion .reveal{opacity:0;translate:0 40px;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),translate .9s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),scale .9s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),transform .35s cubic-bezier(.2,.7,.2,1),background .3s,padding-left .35s cubic-bezier(.2,.7,.2,1)}
.motion .reveal.reveal.in{opacity:1;translate:none;scale:none}
.motion .section-label.reveal{translate:-24px 0}

.motion .archive figure.reveal{translate:none;scale:.94}

.motion .dance img{transform:scale(1.12);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.motion .dance.in img{transform:none}
.motion .statement.reveal{opacity:1;translate:none}
.motion .statement .word{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(6px);transition:opacity .7s,transform .7s,filter .7s;transition-delay:calc(var(--i)*70ms)}
.motion .statement.in .word{opacity:1;transform:none;filter:none}
.project-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}
.project-card:hover{transform:translateY(-6px)}
.service-list article{transition:background .25s,padding-left .35s cubic-bezier(.2,.7,.2,1)}
.service-list article:hover{padding-left:14px}
.service-list .service-symbol{display:inline-block;transition:transform .3s,color .3s}
.service-list article:hover .service-symbol{transform:translate(4px,-4px) rotate(45deg);color:var(--red)}
.service-intro>*,.inc-hero-copy>*,.battle-hero-copy>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.service-intro>:nth-child(2),.inc-hero-copy>:nth-child(2),.battle-hero-copy>:nth-child(2){animation-delay:.12s}
.service-intro>:nth-child(3),.inc-hero-copy>:nth-child(3),.battle-hero-copy>:nth-child(3){animation-delay:.26s}
.service-intro>:nth-child(4),.inc-hero-copy>:nth-child(4),.battle-hero-copy>:nth-child(4){animation-delay:.42s}
.service-intro>:nth-child(5),.battle-hero-copy>:nth-child(5){animation-delay:.58s}
.service-index a{transition:color .25s,padding-left .3s}.service-index a:hover{color:var(--red);padding-left:8px}
.battle-mark{animation:emblem-in 1.3s .3s cubic-bezier(.2,.8,.2,1) both}.battle-mark img{animation:float 8s 1.6s ease-in-out infinite}
.inc-hero-video{animation:video-in 2.2s cubic-bezier(.2,.7,.2,1) both}@keyframes video-in{from{opacity:0;transform:scale(1.15)}to{opacity:1;transform:none}}
.motion .service-banner{overflow:hidden}.motion .service-banner img{transform:scale(1.3);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}.motion .service-banner.in img{transform:scale(1.12)}
.inc-gallery figure,.archive-page-grid figure,.battle-gallery-grid figure{overflow:hidden}
.inc-gallery img,.archive-page-grid img,.battle-gallery-grid img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.inc-gallery figure:hover img,.archive-page-grid figure:hover img,.battle-gallery-grid figure:hover img{transform:scale(1.06);filter:saturate(1.15) contrast(1.05)}
.archive-page-grid figcaption,.battle-gallery figcaption{position:relative;background:inherit}
.motion .inc-gallery figure.reveal,.motion .archive-page-grid figure.reveal,.motion .battle-gallery-grid figure.reveal{translate:0 50px;scale:.96}

.motion .service-detail li.reveal{translate:-26px 0}
.motion .timeline-item.reveal{translate:40px 0}
.battle-cards article{transition:background .3s,transform .35s cubic-bezier(.2,.7,.2,1)}.battle-cards article:hover{background:#ffffff06;transform:translateY(-6px)}
.battle-cards article span{display:inline-block;transition:transform .35s}.battle-cards article:hover span{transform:scale(1.6)}
.hero-emblem:before{content:'';position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,#ed493859 0,#ed493826 38%,transparent 68%);z-index:-1;pointer-events:none;animation:halo 3s 1.7s ease-in-out infinite}
@keyframes halo{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
.hero-emblem.is-near:before{animation-duration:1.1s}
.w{display:inline-block;white-space:nowrap}
.motion .ch{display:inline-block;animation:char-in .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--ci)*38ms);translate:0 calc(var(--lift,0)*-.2em);rotate:calc(var(--lift,0)*-6deg);transition:translate .25s cubic-bezier(.2,.7,.2,1),rotate .25s,color .3s}
.motion .service-intro h1 .ch,.motion .work-intro h1 .ch{color:color-mix(in srgb,currentColor calc(100% - var(--lift,0)*100%),var(--red))}
@keyframes char-in{from{opacity:0;transform:translateY(.7em) rotate(10deg)}to{opacity:1;transform:none}}
.service-intro h1,.work-intro h1,.battle-hero h1{animation:none!important}
.work-intro h1{overflow-wrap:normal}
.inc-hero h1{font-size:clamp(28px,6.4vw,100px)}
.tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),scale .9s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),opacity .9s var(--delay,0ms),background .3s;transform-style:preserve-3d;will-change:transform}
.tilt:hover{transition:transform .12s linear,translate .9s,scale .9s,opacity .9s,background .3s}
.inc-hero-video{scale:1.12}
}
