:root{--bg:#f3f4ef;--ink:#0b0c0b;--muted:#70736d;--green:#86f000;--line:#d8dbd3;--black:#0a0b0a;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.section{width:min(var(--max),calc(100% - 64px));margin:auto}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:84px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;transition:.35s;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent)}.header.scrolled{background:rgba(9,10,9,.92);backdrop-filter:blur(14px)}.brand img{width:220px;max-height:50px;object-fit:contain;object-position:left}.nav{display:flex;gap:30px;align-items:center;color:#fff;font-size:13px}.nav a{opacity:.85}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.4);padding:12px 18px;border-radius:999px}.menu{display:none;border:0;background:transparent}.menu span{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero{height:100svh;min-height:720px;position:relative;background:#050605;color:#fff;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 42%,rgba(0,0,0,.12) 72%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.hero-content{position:relative;z-index:2;height:100%;width:min(var(--max),calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:80px;padding-top:80px}.hero-logo img{width:min(430px,80%);filter:brightness(0) invert(1)}.eyebrow,.index{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6.3vw,104px);font-weight:400;line-height:.9;letter-spacing:-.055em;margin:20px 0 26px}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-lead{font-size:17px;line-height:1.6;max-width:600px;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:14px 20px;border-radius:999px;font-size:13px}.btn-solid{background:var(--green);color:#071006}.btn-glass{border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px)}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:32px;right:32px;display:flex;justify-content:flex-end;gap:26px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}.intro{padding:130px 0}.index{color:#687068;border-top:1px solid var(--line);padding-top:15px}.intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;margin-top:68px}.intro-title h2,.services-head h2,.projects-top h2,.before-head h2,.trust-head h2,.press-grid h2,.contact h2{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-.05em;line-height:.98}.intro-title h2{font-size:clamp(50px,6vw,96px);margin:0}.intro-copy{max-width:660px}.intro-copy p{font-size:17px;line-height:1.72;color:#565a55}.intro-copy .big{font-size:30px;line-height:1.35;color:#111}.signature{margin-top:54px!important;color:#111!important}.signature strong{color:#5c9d13}.story-film{width:100%;min-height:720px;display:grid;grid-template-columns:1.45fr .55fr;background:#0b0c0b;color:white}.story-image{min-height:720px}.story-image img{width:100%;height:100%;object-fit:cover}.story-panel{padding:70px 50px;align-self:end}.story-panel span{font-size:11px;letter-spacing:.18em;color:var(--green)}.story-panel h3{font-family:Manrope;font-size:38px;line-height:1.08;font-weight:400;letter-spacing:-.04em}.story-panel p{color:#aeb2ac;line-height:1.7}.story-panel a{display:inline-block;margin-top:26px;color:var(--green);font-size:13px}.services{padding:130px 0}.services-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;margin:70px 0 80px}.services-head h2{font-size:clamp(48px,6vw,92px);margin:0}.services-head em,.projects-top em,.before-head em,.trust-head em,.press-grid em,.closing-copy em{font-style:normal;color:#6bb20d}.services-head p{align-self:end;color:#5b5f5a;line-height:1.7;max-width:520px}.service-stack{border-top:1px solid var(--line)}.service-stack article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center;transition:.25s}.service-stack article:hover{padding-left:12px}.service-stack article span{font-size:11px;color:#6f746e}.service-stack h3{font-size:35px;font-weight:400;margin:0;letter-spacing:-.03em}.service-stack p{margin:0;color:#666b65;line-height:1.55}.statement{background:var(--green);padding:90px 32px}.statement p{max-width:var(--max);margin:auto;font-family:Manrope;font-size:clamp(42px,6vw,92px);line-height:.98;letter-spacing:-.055em}.statement strong{font-weight:500}.projects{padding:130px 0 70px}.projects-top{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;margin-bottom:70px}.projects-top h2{font-size:clamp(50px,6vw,92px);margin:0}.projects-top p{color:#666b65}.project-row{display:flex;gap:18px;overflow-x:auto;padding:0 max(32px,calc((100vw - var(--max))/2));scroll-snap-type:x mandatory;scrollbar-width:none}.project-row::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(34vw,520px);scroll-snap-align:start;background:#111;color:#fff;position:relative;overflow:hidden}.project-card.wide{flex-basis:min(56vw,850px)}.project-card img{width:100%;height:68vh;min-height:560px;object-fit:cover;transition:.7s}.project-card:hover img{transform:scale(1.025)}.project-meta{position:absolute;left:0;right:0;bottom:0;padding:90px 24px 24px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}.project-meta span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}.project-meta h3{font-size:30px;font-weight:400;margin:8px 0 6px}.project-meta p{margin:0;color:#ccc;font-size:13px}.drag-note{display:flex;justify-content:space-between;padding-top:26px;font-size:12px;color:#6b706a}.before-after{padding:130px 0}.before-head{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;margin:70px 0}.before-head h2{font-size:clamp(48px,5.4vw,82px);margin:0}.before-head p{align-self:end;color:#636862;line-height:1.7}.ba-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:20px}.ba-grid figure{margin:0}.ba-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.ba-grid figcaption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}.ba-arrow{text-align:center;font-size:34px}.trust{background:#0b0c0b;color:#fff;padding:120px 0 70px;overflow:hidden}.index.light{color:#8c918b;border-color:#333}.trust-head{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;margin-top:70px}.trust-head h2{font-size:clamp(48px,5.5vw,84px);margin:0}.trust-head p{color:#a6aaa4;line-height:1.7;align-self:end}.logo-marquee{margin-top:80px;border-top:1px solid #272927;border-bottom:1px solid #272927;overflow:hidden}.logo-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.logo-track>div{width:270px;height:150px;margin:0;border-right:1px solid #272927;background:#fff;display:grid;place-items:center;padding:25px}.logo-track .wide{width:360px}.logo-track img{max-width:85%;max-height:85px;object-fit:contain}@keyframes marquee{to{transform:translateX(-50%)}}.press{padding:130px 0}.press-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;margin-top:70px}.press-kicker{color:#6f746e}.press-grid h2{font-size:clamp(45px,5vw,76px);margin:15px 0}.press-card{border:1px solid var(--line);padding:36px;align-self:end}.press-card span{font-size:10px;letter-spacing:.16em;color:#6c716b}.press-card p{line-height:1.7;color:#646963}.press-card strong{display:block;margin-top:40px;color:#5c9d13;font-size:13px}.closing{height:90vh;min-height:700px;position:relative;color:#fff}.closing>img{width:100%;height:100%;object-fit:cover}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.15))}.closing-copy{position:absolute;left:max(32px,calc((100vw - var(--max))/2));top:50%;transform:translateY(-50%);max-width:760px}.closing-copy>img{width:330px;filter:brightness(0) invert(1);margin-bottom:50px}.closing-copy h2{font-family:Manrope;font-weight:400;font-size:clamp(50px,6vw,90px);line-height:.96;letter-spacing:-.05em;margin:0 0 40px}.closing-copy a{display:inline-block;background:var(--green);color:#071006;border-radius:999px;padding:15px 22px}.contact{padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:clamp(50px,5.6vw,86px);margin:55px 0 0}.contact-links{display:flex;flex-direction:column;justify-content:flex-end}.contact-links a{border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:18px}.contact-links p{color:#727670;margin-top:28px}footer{background:#090a09;color:#fff;padding:38px 32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;font-size:11px;color:#8f938d}footer img{width:220px;filter:brightness(0) invert(1)}footer p:last-child{text-align:right}
@media(max-width:900px){.section{width:calc(100% - 36px)}.header{height:70px;padding:0 18px}.brand img{width:170px}.menu{display:block}.nav{position:fixed;inset:70px 0 auto 0;background:#0b0c0b;padding:28px 20px;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:680px}.hero-content{width:calc(100% - 36px);grid-template-columns:1fr;align-content:center;gap:25px;padding-top:70px}.hero-logo img{width:235px}.hero-copy h1{font-size:clamp(48px,15vw,72px);margin-top:12px}.hero-lead{font-size:15px;max-width:420px}.hero-actions{flex-wrap:wrap}.hero-bottom{left:18px;right:18px;bottom:18px;gap:10px;justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:9px}.intro,.services,.before-after,.press,.contact{padding:90px 0}.intro-grid,.services-head,.projects-top,.before-head,.trust-head,.press-grid,.contact-grid{grid-template-columns:1fr;gap:34px;margin-top:45px}.intro-title h2,.services-head h2,.projects-top h2,.before-head h2,.trust-head h2,.press-grid h2,.contact h2{font-size:clamp(42px,12vw,64px)}.intro-copy .big{font-size:23px}.story-film{grid-template-columns:1fr;min-height:0}.story-image{min-height:52vh}.story-panel{padding:45px 22px}.story-panel h3{font-size:32px}.services-head{margin-bottom:50px}.service-stack article{grid-template-columns:42px 1fr;padding:26px 0}.service-stack article p{grid-column:2}.service-stack h3{font-size:28px}.statement{padding:60px 18px}.statement p{font-size:clamp(38px,12vw,60px)}.projects{padding:90px 0 50px}.project-row{padding:0 18px;gap:12px}.project-card,.project-card.wide{flex-basis:82vw}.project-card img{height:62vh;min-height:470px}.drag-note{padding-left:18px;padding-right:18px;gap:18px;flex-direction:column}.ba-grid{grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg);padding:5px}.trust{padding-top:90px}.trust-inner{width:calc(100% - 36px)}.logo-track>div{width:220px;height:130px}.logo-track .wide{width:280px}.closing{height:82vh;min-height:620px}.closing-copy{left:18px;right:18px}.closing-copy>img{width:240px;margin-bottom:35px}.closing-copy h2{font-size:clamp(46px,13vw,68px)}footer{grid-template-columns:1fr;gap:14px;padding:32px 18px}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.logo-track{animation:none}}

/* Hero refinado: imagen central libre + mensaje a la derecha */
@media (min-width:901px){
  .hero-content{
    display:block;
    position:relative;
    width:min(var(--max),calc(100% - 64px));
    margin:auto;
    height:100%;
    padding-top:0;
  }
  .hero-logo{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:28%;
    max-width:360px;
  }
  .hero-logo img{
    width:100%;
    max-width:340px;
  }
  .hero-copy{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:min(34vw,470px);
    max-width:470px;
    text-align:left;
  }
  .hero-copy h1{
    font-size:clamp(38px,4.15vw,68px);
    line-height:.94;
    letter-spacing:-.045em;
    margin:16px 0 22px;
  }
  .hero-lead{
    font-size:15px;
    line-height:1.55;
    max-width:455px;
  }
  .hero-actions{
    margin-top:28px;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.16) 28%,rgba(0,0,0,.06) 56%,rgba(0,0,0,.58) 100%),
      linear-gradient(0deg,rgba(0,0,0,.4),transparent 45%);
  }
}

@media (max-width:900px){
  .hero-copy h1{
    font-size:clamp(40px,12vw,58px);
    line-height:.96;
  }
}