@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-0.woff) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-1.woff) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-2.woff) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-3.woff) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-4.woff) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-5.woff) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-6.woff) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-7.woff) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/font-8.woff) format('truetype');
}

:root{--bg:#171815;--ink:#f0f0e8;--muted:#a4a69a;--accent:#f1d65a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-60px;background:var(--accent);color:black;padding:12px;z-index:100}.skip:focus{top:0}.progress{position:fixed;top:0;height:3px;background:var(--accent);z-index:40;width:0}header{height:100px;padding:0 4%;display:flex;align-items:center;gap:28px;position:absolute;top:0;left:0;right:0;z-index:20}.brand{font:800 31px 'Manrope',Arial;letter-spacing:-2px;display:inline-flex;align-items:start;gap:7px}.brand span{font:9px 'DM Sans',Arial;letter-spacing:0;padding-top:8px}nav{margin-left:auto;display:flex;align-items:center;gap:35px}nav a{font-size:13px}sup{font-size:9px;margin-left:3px}.nav-contact{border:1px solid #606257;border-radius:30px;padding:13px 20px}#motion{border:0;background:none;color:var(--ink);font-size:18px}.hero{padding:150px 4% 0}.eyebrow,.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:10px}.hero h1{font:600 clamp(52px,9.9vw,160px)/1.02 'Manrope',Arial;letter-spacing:-.075em;margin:55px 0 36px;position:relative}.outline{-webkit-text-stroke:1px var(--ink);color:transparent}.asterisk{color:var(--accent);font-size:1.2em;position:absolute;right:2%;top:-10%;font-weight:400;animation:turn 22s linear infinite}.hero-bottom{display:flex;align-items:end;gap:8%;margin-bottom:55px}.hero-bottom>p{font-size:27px;line-height:1.15;margin:0}.hero-copy{font-size:13px;color:var(--muted);line-height:1.7}.round{margin-left:auto;border:1px solid #66685d;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:25px;transition:.3s}.round:hover{background:var(--accent);color:#171815;transform:translateY(5px)}.hero-media{height:560px;position:relative;overflow:hidden}.hero-media>img{height:100%;width:100%;object-fit:cover;object-position:center 42%;filter:brightness(.72);transition:transform 1s}.hero-media:hover>img{transform:scale(1.025)}.media-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.float-tag{position:absolute;right:8%;top:15%;color:var(--accent);font:700 55px/.92 'Manrope',Arial;letter-spacing:-3px;transform:rotate(8deg)}.section{padding:100px 4%}.section-label{border-top:1px solid #484a40;padding-top:20px}.work-head{display:flex;justify-content:space-between;align-items:end;margin:50px 0}h2{font:500 clamp(42px,5.6vw,85px)/1.05 'Manrope',Arial;letter-spacing:-.06em;margin:0}em{font-style:normal;color:var(--accent)}.work-head p{color:var(--muted);line-height:1.6;margin-right:6%}.filters{display:flex;gap:8px;margin:35px 0}.filters button{border:1px solid #56584c;border-radius:24px;padding:10px 18px;color:var(--ink);background:transparent;font-size:12px}.filters button.active,.filters button:hover{background:var(--accent);border-color:var(--accent);color:#171815}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 28px}.project:nth-child(even){margin-top:100px}.project[hidden]{display:none}.project-media{height:390px;position:relative;overflow:hidden;background:var(--color)}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.project:hover img{transform:scale(1.06);filter:brightness(.8)}.project-media .arrow{position:absolute;right:20px;bottom:20px;background:var(--ink);color:#171815;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:.3s}.project:hover .arrow{transform:rotate(45deg);background:var(--accent)}.project-meta{display:flex;justify-content:space-between;margin-top:19px;gap:15px}.project h3{font:500 27px 'Manrope',Arial;letter-spacing:-1px;margin:0 0 7px}.project-meta p{font-size:12px;color:var(--muted);margin:0}.project-meta>span{font-size:11px}.asset-note{font-size:10px;color:#b3b5a9;max-width:600px;line-height:1.6;margin-top:45px}.marquee{background:var(--accent);color:#171815;overflow:hidden;padding:18px 0;transform:rotate(-2deg);margin:30px 0}.marquee>div{font:600 70px 'Manrope',Arial;letter-spacing:-4px;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:65px}.portrait{position:relative;max-width:490px}.portrait img{width:100%;height:590px;object-fit:cover;filter:grayscale(1)}.portrait span{position:absolute;bottom:25px;left:25px;font-size:16px;line-height:1.2;background:var(--accent);color:#171815;padding:15px;transform:rotate(-5deg)}.about-text h2{font-size:clamp(40px,4.6vw,70px);margin-bottom:35px}.about-text p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.7}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-top:20px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:90px}.services>div{border-top:1px solid #484a40;padding-top:18px}.services span{font-size:11px;color:var(--accent)}.services h3{font-weight:500;font-size:20px;letter-spacing:-.6px}.services p{font-size:13px;color:var(--muted);line-height:1.6}.process{padding-top:20px}.process h2{margin:60px 0}.steps{max-width:850px;margin-left:auto}details{border-top:1px solid #484a40}summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:25px 0;font:400 30px 'Manrope',Arial;letter-spacing:-1px}summary::-webkit-details-marker{display:none}summary>span{font:11px 'DM Sans',Arial;width:65px;color:var(--accent)}summary b{font-weight:400;margin-left:auto}details[open] summary b{transform:rotate(45deg)}details p{margin:0 60px 30px;max-width:550px;color:var(--muted);line-height:1.7}.contact{background:var(--accent);color:#171815}.contact .section-label{border-color:#99b444}.contact-title{font:500 clamp(65px,11.8vw,180px)/1 'Manrope',Arial;letter-spacing:-.075em;display:block;margin:65px 0;position:relative}.contact-title em{color:#171815;-webkit-text-stroke:1px #171815;color:transparent}.contact-title>span{position:absolute;right:0;top:0;font-size:.8em;transition:transform .4s}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;gap:25px;font-size:14px}.contact-bottom>span{font-size:11px;line-height:1.6}footer{padding:35px 4%;display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}#transition{position:fixed;inset:0;background:var(--accent);color:#171815;z-index:100;display:grid;place-items:center;transform:translateY(101%);pointer-events:none}#transition span{font:800 12vw 'Manrope',Arial;letter-spacing:-.07em}#transition.go{animation:wipe .8s cubic-bezier(.7,0,.3,1)}#case{padding:155px 4% 80px}.case-top{display:flex;justify-content:space-between;font-size:12px}.case-title{font:500 clamp(50px,9vw,130px)/1 'Manrope',Arial;letter-spacing:-.065em;margin:60px 0 25px}.case-intro{font-size:23px;line-height:1.4;max-width:850px}.case-cover{width:100%;max-height:740px;object-fit:cover;margin:40px 0}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:40px 0}.case-body h2{font-size:40px}.case-body p{font-size:18px;line-height:1.7;color:var(--muted)}.case-body dl{font-size:13px;line-height:1.6}.case-body dt{color:var(--accent);margin-top:20px}.case-body dd{margin:4px 0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-gallery img{width:100%;height:390px;object-fit:cover}.next{font:500 40px 'Manrope',Arial;display:block;border-top:1px solid #484a40;padding:45px 0;margin-top:50px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes wipe{0%{transform:translateY(101%)}45%,55%{transform:translateY(0)}100%{transform:translateY(-101%)}}body.paused *,body.paused *:before{animation-play-state:paused!important;scroll-behavior:auto!important}body.paused .reveal{opacity:1;transform:none}@media(min-width:1700px){body{max-width:1900px;margin:auto}}@media(max-width:800px){header{height:80px;gap:10px}.brand{font-size:25px}nav{gap:16px}.nav-contact{padding:9px 12px}nav a{font-size:11px}.hero{padding-top:120px}.hero h1{font-size:11vw;margin:40px 0}.asterisk{right:0;top:-15%;font-size:.85em}.hero-bottom{gap:30px}.hero-bottom>p{font-size:21px}.hero-copy{font-size:11px}.round{width:45px;height:45px;flex-shrink:0}.hero-media{height:430px}.float-tag{font-size:40px}.section{padding:65px 5%}.work-head{display:block}.work-head p{font-size:13px;margin-top:25px}.project-media{height:260px}.project h3{font-size:23px}.projects{gap:35px 18px}.project:nth-child(even){margin-top:60px}.about-grid{gap:35px}.portrait img{height:430px}.about-text p{font-size:14px}.services{grid-template-columns:1fr 1fr;margin-top:50px}.contact-bottom{flex-wrap:wrap}.marquee>div{font-size:50px}.case-body{grid-template-columns:1fr;gap:30px}.case-gallery img{height:260px}}@media(max-width:520px){nav a:nth-child(2){display:none}.eyebrow,.section-label{font-size:8px}.hero h1{font-size:11.3vw;letter-spacing:-.08em}.hero-bottom{flex-wrap:wrap;gap:20px}.hero-copy{max-width:190px}.round{display:none}.hero-media{height:390px}.float-tag{font-size:34px}.media-caption span:last-child{display:none}.projects{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project-media{height:310px}.filters{flex-wrap:wrap}.filters button{padding:9px 14px}.about-grid{grid-template-columns:1fr}.portrait{max-width:100%}.portrait img{height:450px}.about-text h2{font-size:48px}.services{gap:25px}.services h3{font-size:18px}summary{font-size:25px}summary>span{width:40px}details p{margin-left:40px;font-size:14px}.contact-title{font-size:17vw}.contact-bottom{flex-direction:column}.contact-bottom>a{font-size:14px}footer .brand{display:none}.case-gallery{grid-template-columns:1fr}.case-title{font-size:15vw}.case-intro{font-size:19px}.next{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
html,body{overflow-x:clip}[hidden]{display:none!important}
.filters{flex-wrap:wrap}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-12px 0 30px;font-size:11px;color:var(--muted)}.work-toolbar label{display:flex;align-items:center;gap:12px}.work-toolbar select{font:12px 'DM Sans',Arial;color:var(--ink);background:var(--bg);border:1px solid #56584c;border-radius:20px;padding:9px 30px 9px 13px}.work-toolbar select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.project-status{position:absolute;left:16px;top:16px;padding:8px 12px;border-radius:20px;background:#171815e8;color:var(--ink);font-size:10px;letter-spacing:.2px;border:1px solid #ffffff30}.project-status.proceso{background:var(--accent);color:#171815;border-color:var(--accent)}.case-status{display:inline-block;border:1px solid #66685d;border-radius:20px;padding:8px 13px;font-size:11px;margin:0 0 8px}.case-status.proceso{color:var(--accent);border-color:#849950}.case-demo{margin:35px 0 60px}.case-demo h2{font-size:32px;margin-bottom:25px}.case-demo video{display:block;width:100%;max-height:700px;background:#0e0f10}.case-demo p{font-size:11px;color:var(--muted)}.case-gallery img{height:auto;aspect-ratio:1.6;object-fit:contain;background:#22231e}#empty-results{padding:35px 0;color:var(--muted)}@media(max-width:520px){.work-toolbar{align-items:start}.work-toolbar label{flex-direction:column;align-items:end;gap:7px}.project-status{font-size:9px}.filters{gap:7px}.filters button{font-size:11px}.case-top{align-items:start;gap:25px}.case-top>span{max-width:155px;text-align:right}.case-demo h2{font-size:26px}}