@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;800;900&display=swap');
:root{--cream:#f6f0e6;--ink:#131313;--pink:#f092fc;--lime:#d9f47f;--orange:#f24a14;--green:#367b50;--purple:#6d67f9;--sky:#73b7f6;--accent:var(--orange)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}body[data-service="contenido-redes"]{--accent:var(--lime)}body[data-service="fotografia-producto"]{--accent:var(--pink)}body[data-service="web-ecommerce"]{--accent:var(--purple)}body[data-service="automatizacion"]{--accent:var(--sky)}a{color:inherit;text-decoration:none}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #1313132a;position:sticky;top:0;z-index:20;background:#f6f0e6eb;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:900}.brand img{width:28px;height:28px}.nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:900;text-transform:uppercase}.pill{padding:14px 22px;border-radius:999px;background:var(--pink)}.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.hero{min-height:620px;padding:100px 6vw 70px;background:var(--accent);display:grid;grid-template-columns:1fr 240px;align-items:end}.hero h1,h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;line-height:.94;margin:14px 0}.hero h1{font-size:clamp(68px,10vw,152px);max-width:1100px}.hero p.lead{font-size:18px;line-height:1.6;max-width:720px}.mark{font-size:170px;justify-self:end;animation:spin 18s linear infinite}.what,.work,.case{padding:96px 6vw}.what{background:var(--ink);color:white}.service-list{margin-top:45px}.service-list div{display:grid;grid-template-columns:100px 1fr;align-items:center;border-top:1px solid #555;padding:24px 0}.service-list h3{font-family:Anton;font-size:clamp(38px,5vw,70px);text-transform:uppercase;margin:0}.work-head{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.work h2{font-size:clamp(52px,7vw,96px)}.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.project{min-height:360px;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--ink);background:#e7dfd2}.project:first-child{grid-row:span 2;min-height:738px;background:var(--accent)}.project:last-child{background:var(--ink);color:white}.placeholder{margin:auto;text-align:center;font-size:64px;opacity:.5}.placeholder small{font-size:10px;display:block;font-weight:900;margin-top:10px;letter-spacing:.07em}.project-foot{display:flex;justify-content:space-between;font-size:12px;font-weight:900}.case{background:var(--pink)}.case-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.case h2{font-size:clamp(58px,8vw,116px)}.case-copy p{border-top:1px solid var(--ink);padding:24px 0;line-height:1.65}.cta{text-align:center;padding:110px 6vw;background:var(--lime)}.cta h2{font-size:clamp(64px,9vw,126px)}.cta .pill{background:var(--ink);color:white;display:inline-block}footer{padding:44px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1313132a;font-size:12px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.header{height:70px}.nav>a:first-child{display:none}.hero{grid-template-columns:1fr;min-height:570px;padding-top:70px}.mark{font-size:85px}.work-head,.case-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.project:first-child{min-height:500px}.project{min-height:350px}.what,.work,.case{padding:68px 5vw}footer{flex-direction:column;align-items:flex-start;gap:20px}}