:root{--carvao:#151719;--areia:#f4eedb;--areia-2:#ece4cd;--terracota:#d9683b;--salvia:#a7b08a;--ameixa:#6b4b6e;--line:#15171924;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--areia);color:var(--carvao);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}.serif{font-family:Noto Serif,serif;font-style:italic;font-weight:400}.eyebrow{letter-spacing:.03em;color:var(--carvao);opacity:.6;font-size:13px;font-weight:500}:focus-visible{outline:2px solid var(--terracota);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}header.site{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#f4eedbeb;position:sticky;top:0}.nav{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:20px 32px;display:flex}.logo{letter-spacing:-.01em;align-items:baseline;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo .sq{background:var(--terracota);width:9px;height:9px;margin-left:2px;display:inline-block;transform:translateY(-9px)}.logo .descriptor{letter-spacing:.22em;opacity:.6;margin-left:2px;font-size:11px;font-weight:600}nav.links{gap:36px;font-size:15px;font-weight:500;display:flex}nav.links a{opacity:.75;text-decoration:none;transition:opacity .15s}nav.links a:hover{opacity:1}.btn{background:var(--terracota);color:var(--areia);cursor:pointer;border:none;border-radius:2px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.btn:hover{background:#c85a2f;transform:translateY(-1px)}.btn-outline{color:var(--carvao);border:1px solid var(--carvao);background:0 0}.btn-outline:hover{background:var(--carvao);color:var(--areia)}@media (width<=860px){nav.links{display:none}}.hero{padding:110px 0 90px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 26px;font-size:clamp(40px,5.6vw,72px);font-weight:800;line-height:1.03}.hero .lede{max-width:46ch;color:var(--carvao);margin:0 0 14px;font-size:20px;line-height:1.45}.hero .lede-serif{color:var(--ameixa);margin:0 0 32px;font-size:20px}.hero-cta{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.hero-note{opacity:.6;font-size:13px}.hero-visual{aspect-ratio:1/1.05;position:relative}.hv-frame{border:1px solid var(--line);opacity:0;background:#fff;animation:.7s forwards reveal;position:absolute;inset:0;transform:translateY(14px)}.hv-terracota{background:var(--terracota);opacity:0;width:64%;height:64%;animation:.7s .12s forwards reveal;position:absolute;top:-8%;right:-8%;transform:translateY(10px)}.hv-card{background:var(--carvao);width:64%;color:var(--areia);opacity:0;padding:22px 22px 20px;animation:.7s .28s forwards reveal;position:absolute;bottom:8%;left:6%;transform:translateY(10px)}.hv-card .k{opacity:.55;margin-bottom:8px;font-size:12px}.hv-card .v{font-family:Noto Serif,serif;font-size:19px;font-style:italic;line-height:1.3}.hv-dash{background:var(--terracota);width:26px;height:3px;margin-top:14px}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;max-width:340px;margin:0 auto 20px}}.quote-strip{background:var(--carvao);color:var(--areia);padding:70px 0}.quote-strip .wrap{text-align:center;max-width:820px}.quote-strip p{margin:0;font-family:Noto Serif,serif;font-size:clamp(24px,3.4vw,34px);font-style:italic;line-height:1.35}.quote-strip .attr{letter-spacing:.03em;opacity:.55;margin-top:22px;font-family:Inter,sans-serif;font-size:13px;font-style:normal}section{padding:100px 0}.sec-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;padding-bottom:28px;display:flex}.sec-head h2{letter-spacing:-.01em;max-width:16ch;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800}.sec-head p{opacity:.72;max-width:38ch;margin:0;font-size:16px}.services{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.service{background:var(--areia);flex-direction:column;gap:18px;padding:34px 26px;display:flex}.service .mark{justify-content:center;align-items:center;width:34px;height:34px;display:flex}.service h3{margin:0;font-size:17px;font-weight:700}.service p{opacity:.72;margin:0;font-size:14.5px;line-height:1.5}@media (width<=900px){.services{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(3,1fr);gap:44px;display:grid}.step{padding-top:26px;position:relative}.step .num{color:var(--terracota);font-family:Noto Serif,serif;font-size:15px;font-style:italic;position:absolute;top:0;left:0}.step h3{margin:0 0 10px;font-size:19px;font-weight:700}.step p{opacity:.72;margin:0;font-size:15px}.step:before{content:"";background:var(--line);width:26px;height:1px;margin-top:10px;position:absolute;top:0;left:0}@media (width<=800px){.steps{grid-template-columns:1fr;gap:36px}}.work{background:var(--areia-2)}.work-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.browser{border:1px solid var(--line);background:#fff;overflow:hidden}.browser .bar{border-bottom:1px solid var(--line);background:var(--areia);align-items:center;gap:6px;padding:11px 14px;display:flex}.browser .bar span{background:var(--line);border-radius:50%;width:7px;height:7px}.browser .screen{min-height:230px;padding:26px 24px 30px}.b1 .screen{background:var(--carvao);color:var(--areia)}.b1 .kicker{opacity:.55;margin-bottom:12px;font-size:11px}.b1 h4{margin:0 0 10px;font-family:Inter;font-size:24px;font-weight:800;line-height:1.15}.b1 .accent{color:var(--terracota)}.b1 .cta{background:var(--terracota);color:var(--carvao);margin-top:20px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-block}.b2 .screen{flex-direction:column;gap:12px;display:flex}.b2 .row{gap:12px;display:flex}.b2 .thumb{aspect-ratio:1;background:var(--salvia);flex:1}.b2 .thumb.alt{background:var(--ameixa)}.b2 .thumb.alt2{background:var(--terracota)}.b2 .cap{opacity:.55;margin-top:6px;font-size:12px}@media (width<=800px){.work-grid{grid-template-columns:1fr}}.portfolio-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:56px 0;display:grid}.portfolio-item:first-child{padding-top:0}.portfolio-item:nth-child(2n) .p-photo{order:2}.portfolio-item:nth-child(2n) .p-text{order:1}.p-photo{aspect-ratio:4/3;background:var(--areia-2);border:1px solid var(--line);position:relative;overflow:hidden}.p-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.p-photo .ph-label{color:var(--carvao);opacity:.4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.p-photo .ph-label svg{opacity:.5}.p-text .num{color:var(--terracota);margin-bottom:14px;font-family:Noto Serif,serif;font-size:15px;font-style:italic;display:block}.p-text .tag{opacity:.55;margin:0 0 10px;font-size:12.5px}.p-text h3{letter-spacing:-.01em;margin:0 0 14px;font-size:26px;font-weight:800}.p-text p{opacity:.75;max-width:42ch;margin:0 0 20px;font-size:15.5px}.p-text .p-link{color:var(--carvao);border-bottom:1px solid var(--terracota);padding-bottom:2px;font-size:14px;font-weight:600;text-decoration:none}.portfolio-note{opacity:.5;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:13px}@media (width<=760px){.portfolio-item{grid-template-columns:1fr;gap:24px;padding:36px 0}.portfolio-item:nth-child(2n) .p-photo,.portfolio-item:nth-child(2n) .p-text{order:0}}.voice{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.voice-col{background:var(--areia);padding:40px 36px}.voice-col.no{background:#efe6d3}.voice-col h3{letter-spacing:.03em;opacity:.6;margin:0 0 22px;font-size:14px;font-weight:600}.voice-col ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.voice-col li{padding-left:20px;font-size:17px;position:relative}.voice-col.yes li:before{content:"";background:var(--terracota);width:7px;height:7px;position:absolute;top:9px;left:0}.voice-col.no li{opacity:.55;text-decoration:line-through}.voice-col.no li:before{content:"";background:var(--carvao);opacity:.4;width:7px;height:1px;position:absolute;top:9px;left:0}@media (width<=760px){.voice{grid-template-columns:1fr}}.quote-sec{padding:100px 0}.quote-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:64px;display:grid}.quote-left .eyebrow-strong{color:var(--terracota);letter-spacing:.04em;opacity:1;margin:0 0 18px;font-size:13px;font-weight:700}.quote-left h2{letter-spacing:-.01em;max-width:15ch;margin:0 0 34px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.12}.contact-row{align-items:center;gap:14px;margin-bottom:20px;display:flex}.contact-row .ic{background:var(--terracota);width:42px;height:42px;color:var(--areia);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-row .meta .h{letter-spacing:.04em;opacity:.55;margin-bottom:3px;font-size:11.5px}.contact-row .meta a,.contact-row .meta span{font-size:16px;font-weight:600;text-decoration:none}.quote-left .also{margin-top:36px}.quote-left .also .h{opacity:.65;margin-bottom:14px;font-size:14px}.social-row{gap:10px;display:flex}.social-row a{background:var(--carvao);width:38px;height:38px;color:var(--areia);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,transform .15s;display:flex}.social-row a:hover{background:var(--terracota);transform:translateY(-2px)}.quote-card{background:var(--carvao);color:var(--areia);border:1px solid #f4eedb14;padding:44px 40px}.quote-card h3{letter-spacing:.01em;color:var(--terracota);text-align:left;margin:0 0 28px;font-size:22px;font-weight:800}.quote-form .frow{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.field label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input,.field select,.field textarea{width:100%;color:var(--areia);background:#f4eedb0f;border:1px solid #f4eedb29;border-radius:2px;padding:12px 14px;font-family:Inter,sans-serif;font-size:14.5px}.field input::placeholder,.field textarea::placeholder{color:#f4eedb66}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terracota);background:#f4eedb17;outline:none}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%23F4EEDB' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.field select option{background:var(--carvao);color:var(--areia)}.field textarea{resize:vertical;min-height:96px;font-family:Inter,sans-serif}.quote-submit{letter-spacing:.03em;width:100%;color:var(--areia);background:linear-gradient(90deg, var(--terracota), var(--ameixa));cursor:pointer;border:none;padding:15px 22px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.quote-submit:hover{opacity:.92;transform:translateY(-1px)}.quote-note{opacity:.5;text-align:center;margin-top:14px;font-size:12px}@media (width<=900px){.quote-grid,.quote-form .frow{grid-template-columns:1fr}.quote-card{padding:34px 26px}}footer{border-top:1px solid var(--line);padding:50px 0 40px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.foot-grid .logo{font-size:19px}.foot-links{flex-wrap:wrap;gap:40px;font-size:14px;display:flex}.foot-links div{flex-direction:column;gap:9px;display:flex}.foot-links span.h{opacity:.5;margin-bottom:4px;font-size:12px}.foot-links a{opacity:.78;text-decoration:none}.foot-links a:hover{opacity:1}.foot-bottom{border-top:1px solid var(--line);opacity:.55;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:22px;font-size:12.5px;display:flex}