:root{--orange:#ff4b14;--yellow:#ffb91c;--ink:#0b0b0c;--paper:#f4f1eb;--muted:#706f6b;--line:#d8d4cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);position:sticky;top:0;z-index:30;background:rgba(244,241,235,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,20,20,.1)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.05rem}.brand img{width:44px;height:44px;object-fit:contain;border-radius:50%}nav{display:flex;align-items:center;gap:34px;font-size:.9rem;font-weight:700}nav a{transition:.2s}nav a:hover{color:var(--orange)}.nav-cta{background:var(--ink);color:white!important;padding:13px 20px;border-radius:100px}.menu-button{display:none;background:none;border:0;font:inherit;font-weight:700}.hero{min-height:calc(100vh - 86px);padding:clamp(70px,9vw,140px) clamp(24px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:6vw;align-items:center;overflow:hidden}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--orange);margin:0 0 25px}.hero h1,.section-heading h2,.contact h2{font-size:clamp(3.6rem,7.5vw,8.8rem);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:800}.hero h1 span,.contact h2 span{color:var(--orange)}.hero-lead{max-width:630px;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.7;color:#4c4b48;margin:35px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:18px 25px;border-radius:4px;font-weight:800;font-size:.9rem}.button-primary{background:var(--orange);color:white}.button-primary:hover{background:#df3808}.text-link{font-weight:800;border-bottom:1px solid;padding:10px 0}.text-link span{color:var(--orange);margin-left:8px}.hero-stage{min-height:610px;position:relative}.stage-card{position:absolute;overflow:hidden;border:8px solid white;box-shadow:0 30px 60px rgba(0,0,0,.18)}.stage-card img{height:100%;object-fit:cover}.stage-card-a{width:88%;aspect-ratio:1.45;right:-8%;top:5%;transform:rotate(4deg)}.stage-card-b{width:42%;aspect-ratio:.8;left:1%;bottom:0;transform:rotate(-6deg)}.stage-badge{position:absolute;right:1%;bottom:7%;width:190px;height:190px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(7deg)}.stage-badge strong{font-size:1.25rem}.stage-badge span{font-size:.8rem}.statement{background:var(--ink);color:white;padding:clamp(70px,10vw,150px) clamp(24px,12vw,180px)}.statement p{font-size:clamp(2.1rem,4.8vw,5.8rem);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:600}.statement em{color:var(--orange);font-style:normal}.section{padding:clamp(90px,11vw,165px) clamp(24px,7vw,110px)}.section-heading h2{font-size:clamp(2.8rem,5.5vw,6.2rem)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line)}.service-grid article{padding:34px 32px 20px 0;border-right:1px solid var(--line);min-height:260px}.service-grid article+article{padding-left:32px}.service-grid article:last-child{border-right:0}.service-grid span{font-size:.72rem;color:var(--orange);font-weight:800}.service-grid h3{font-size:1.35rem;margin:45px 0 15px}.service-grid p{color:var(--muted);line-height:1.7;font-size:.92rem}.section-dark{background:#111;color:white;padding:clamp(90px,11vw,165px) clamp(24px,7vw,110px)}.light .eyebrow{color:var(--yellow)}.browser{background:#252525;border:1px solid #353535;border-radius:10px;overflow:hidden}.browser-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#8d8d8d;font-size:.68rem}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#535353}.browser-bar span{margin-left:10px}.browser img{aspect-ratio:1.6;object-fit:cover;object-position:top}.browser-featured{margin-top:75px}.browser-featured img{aspect-ratio:2}.project-caption{display:flex;justify-content:space-between;align-items:flex-end;padding:24px}.project-caption div{display:flex;flex-direction:column;gap:5px}.project-caption b{font-size:1rem}.project-caption span{font-size:.75rem;color:#929292}.project-caption strong{color:#595959;font-size:1.5rem}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.split{display:flex;justify-content:space-between;align-items:flex-end;gap:70px}.split>p{max-width:420px;color:var(--muted);line-height:1.8;margin:0}.phone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:80px;text-align:center}.phone-row article{display:flex;flex-direction:column;align-items:center}.phone{width:min(100%,330px);height:560px;border:10px solid #181818;border-radius:38px;padding:8px;background:#181818;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.18);margin-bottom:25px}.phone img{height:100%;object-fit:cover;object-position:top;border-radius:23px}.phone-row b{font-size:1rem}.phone-row span{font-size:.78rem;color:var(--muted);margin-top:6px}.social-work{background:var(--ink);color:white}.social-inner{padding-bottom:130px}.social-work .split>p{color:#9b9b9b}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:65px 0 35px}.filters button{border:1px solid #3a3a3a;background:transparent;color:#aaa;border-radius:100px;padding:11px 18px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.filters button.active,.filters button:hover{background:var(--orange);color:white;border-color:var(--orange)}.masonry{columns:4 240px;column-gap:18px}.masonry figure{margin:0 0 18px;break-inside:avoid;overflow:hidden;background:#222;transition:.25s}.masonry figure:hover{transform:translateY(-5px)}.masonry figure.hidden{display:none}.contact{text-align:center}.contact h2{font-size:clamp(3.2rem,7vw,8rem);margin-bottom:50px}.contact-meta{border-top:1px solid var(--line);margin-top:90px;padding-top:30px;display:flex;justify-content:center;gap:38px;flex-wrap:wrap;font-size:.8rem;font-weight:700}.contact-meta a:hover{color:var(--orange)}footer{background:var(--ink);color:white;padding:38px clamp(24px,6vw,96px);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9b9b9b}footer .brand{color:white}footer .brand img{width:36px;height:36px}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-weight:900;font-size:.8rem;z-index:20;box-shadow:0 8px 25px rgba(0,0,0,.22)}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-stage{min-height:490px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.web-grid{grid-template-columns:1fr}.split{display:block}.split>p{margin-top:25px}.phone-row{gap:22px}.phone{height:410px;border-width:7px;border-radius:28px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:620px){.site-header{height:72px}.site-header nav{top:71px}.hero{min-height:auto;padding-top:62px}.hero h1{font-size:3.55rem}.hero-stage{min-height:370px}.stage-card-a{width:96%;right:-18%}.stage-card-b{width:45%}.stage-badge{width:120px;height:120px}.stage-badge strong{font-size:.9rem}.statement{padding-top:75px;padding-bottom:75px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.service-grid h3{margin:25px 0 10px}.browser-featured img,.browser img{aspect-ratio:1.25}.project-caption{padding:18px}.phone-row{grid-template-columns:1fr}.phone{width:76%;height:520px}.masonry{columns:2 145px;column-gap:10px}.masonry figure{margin-bottom:10px}.contact-meta{flex-direction:column;gap:14px}footer{flex-direction:column;align-items:flex-start}.whatsapp{width:52px;height:52px}}