:root{--bg:#081b27;--surface:#102b3b;--panel:#133346;--ink:#f0f7fa;--muted:#b4c8d5;--accent:#65e7e9;--accent-ink:#06212e;--light-ink:#193445;--gutter:clamp(22px,5vw,80px);--body:17px;--head:clamp(34px,4vw,54px);--font:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.7 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,h4,dl,dd{margin:0}h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}h2{font-size:var(--head)}h3{font-size:28px}.frame{padding-inline:var(--gutter);max-width:1680px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 24px;background:var(--accent);color:var(--accent-ink)}.skip:focus{top:16px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:22px}.brand{display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.5}.brand-logo{width:76px;height:76px;object-fit:contain;flex:none;border-radius:8px}.masthead nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:500}.masthead nav a{padding-block:12px;transition:color .2s,transform .2s}.masthead nav a:hover{color:var(--accent);transform:translateY(-2px)}.masthead nav a:last-child{color:var(--accent)}
.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:42px;padding-top:35px;padding-bottom:55px}.hero h1{font-size:clamp(46px,5.05vw,78px);font-weight:700;line-height:1.08;letter-spacing:-.055em}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--accent)}.hero-copy>p{margin-top:26px;max-width:43ch;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:16px 24px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:6px;font-size:15px;font-weight:700;line-height:1.4;transition:transform .2s,background .2s}.button:hover{background:#a2f6f3;transform:translateY(-3px)}.button:active{transform:translateY(0)}.hero-secondary{font-size:15px;font-weight:600;padding-block:8px}.hero-secondary span{display:inline-block;margin-left:15px;transition:transform .2s}.hero-secondary:hover span{transform:translateY(4px)}.hero-art{background:#061925;overflow:hidden;border-radius:10px}.hero-art img{width:100%;aspect-ratio:1.3;object-fit:cover;animation:picture-arrive 1s both}.hero-art figcaption{padding:15px 20px;text-align:center;color:var(--muted);font-size:13px}.service-strip{background:var(--accent);color:var(--accent-ink)}.service-strip>div{display:flex;justify-content:space-between;gap:25px;padding-block:21px;font-size:15px;font-weight:700}
.section-opening{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:38px}.section-opening>p{max-width:46ch;color:var(--muted);font-size:18px}.image-note{color:var(--muted);font-size:14px;margin-bottom:30px}.work{padding-block:85px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.work>.section-opening,.work>.image-note{grid-column:1/-1}.work>.section-opening{margin-bottom:0}.work>.image-note{margin-bottom:8px}.project{display:flex;flex-direction:column;background:var(--surface);overflow:hidden;border-radius:10px}.project-copy{padding:30px;display:flex;flex-direction:column;flex:1}.project-copy>p{color:var(--muted);margin-top:18px;font-size:17px}.project-copy ul{padding-left:20px;margin-block:20px;font-size:15px;color:var(--muted);line-height:1.9}.project-copy li::marker{color:var(--accent)}.project-picture{order:-1;background:#dce9ef;padding:18px 18px 12px}.project-picture img{width:100%;transition:transform .5s}.project-picture:hover img{transform:scale(1.02)}.project-picture figcaption{padding-top:12px;font-size:13px;color:var(--light-ink)}.text-link{align-self:flex-start;background:none;border:0;padding:10px 0;margin-top:auto;font-size:15px;font-weight:700;text-align:left;color:var(--accent)}.text-link span{display:inline-block;margin-left:16px;transition:transform .2s}.text-link:hover span{transform:translate(4px,-4px)}
.possibilities{background:var(--surface);padding-block:80px}.possibilities h2{color:var(--accent)}.possibility-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.capabilities h3{font-size:26px;margin-bottom:32px}.capabilities dl>div{margin-bottom:28px}.capabilities dt{font-size:22px;font-weight:600;line-height:1.3}.capabilities dd{color:var(--muted);font-size:16px;margin-top:10px;max-width:40ch}.brief-builder{color-scheme:light;background:#f1f7fa;color:var(--light-ink);padding:32px;border-radius:10px}.brief-builder h3{font-size:28px}.brief-builder>p{font-size:16px;margin-top:18px;color:#486373}.brief-builder label{display:block;margin:24px 0 8px;font-size:15px;font-weight:600}.brief-builder label span{color:#486373;font-size:13px;font-weight:400}select,textarea{display:block;width:100%;padding:12px 14px;color:var(--light-ink);background:#fff;border:1px solid #7f99aa;border-radius:6px;min-height:48px;font-size:16px}textarea{resize:vertical;min-height:100px}::placeholder{color:#526b7c;opacity:1}.brief-suggestion{margin-top:24px;background:#dcebef;padding:20px;border-radius:6px}.brief-suggestion h4{font-size:18px;line-height:1.4;font-weight:700}.brief-suggestion p{font-size:15px;margin-top:8px}.brief-builder .button{width:100%;margin-top:22px;background:var(--light-ink);color:#fff}.brief-builder .button:hover{background:#254d64}.brief-builder .form-note{font-size:13px;margin-top:16px;color:#486373}.brief-builder :is(button,select,textarea):focus-visible{outline-color:#087e8d}
.process{padding-block:85px}.process-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-bar>div{padding:28px 24px;background:var(--surface);border-radius:8px}.process-bar>div:nth-child(2){background:#164054}.process-bar>div:nth-child(3){background:#1b5265}.process-bar>div:nth-child(4){background:var(--accent);color:var(--accent-ink)}.process-bar h3{font-size:24px}.process-bar p{font-size:15px;line-height:1.7;margin-top:18px}.contact{background:var(--accent);color:var(--accent-ink);padding-block:70px 42px}.contact h2{font-size:var(--head)}.contact>.frame>p{margin-top:22px;font-size:19px}.phone{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(32px,6.2vw,92px);line-height:1.2;font-weight:600;letter-spacing:-.05em;margin:44px 0 60px}.phone span{transition:transform .2s}.phone:hover span{transform:translate(5px,-5px)}.contact-bottom{display:flex;justify-content:space-between;gap:32px;font-size:15px}.contact a:focus-visible{outline-color:var(--accent-ink)}.footer{display:flex;justify-content:space-between;gap:24px;padding-block:25px;color:var(--muted);font-size:13px}
dialog{color-scheme:light;border:0;border-radius:10px;max-width:700px;width:calc(100% - 40px);padding:36px;background:#f1f7fa;color:var(--light-ink);max-height:85svh;overflow:auto}dialog::backdrop{background:#030e18df}dialog h2{font-size:34px;margin:30px 0 22px}dialog h3{font-size:22px;margin:28px 0 12px}dialog p,dialog li{font-size:16px}dialog .button{margin-top:24px;background:var(--light-ink);color:white}.dialog-close{display:block;margin-left:auto;background:none;border:0;padding:8px;font-size:15px}.entered{animation:arrive .85s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{opacity:.5;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes picture-arrive{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.hero{gap:24px}.hero h1{font-size:clamp(41px,5.5vw,64px)}.hero-copy>p{font-size:17px}.hero-art img{aspect-ratio:1}.section-opening,.possibility-layout{gap:38px}.process-bar{grid-template-columns:1fr 1fr}.service-strip>div{font-size:13px;gap:15px}}
@media(max-width:760px){.masthead{padding-block:18px;gap:18px}.brand{gap:12px;font-size:13px}.brand-logo{width:64px;height:64px}.masthead nav{font-size:14px;gap:18px}.masthead nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:30px;padding-bottom:38px}.hero h1{font-size:clamp(44px,8vw,64px);max-width:15ch}.hero-copy>p{max-width:50ch;font-size:17px;margin-top:22px}.hero-actions{gap:14px;margin-top:25px;flex-direction:row;flex-wrap:wrap;align-items:center}.hero-secondary{padding:10px 8px}.hero-art img{aspect-ratio:1.6}.service-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:13px;padding-block:20px}.section-opening{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.section-opening>p{font-size:17px;max-width:50ch}.work{padding-block:55px;gap:22px}.project-copy{padding:24px}.project-copy h3{font-size:25px}.project-copy>p{font-size:16px}.project-picture{padding:12px}.possibilities{padding-block:55px}.possibility-layout{grid-template-columns:1fr;gap:22px}.brief-builder{padding:26px}.process{padding-block:55px}.contact{padding-top:50px}}
@media(max-width:600px){.work{grid-template-columns:1fr}.brand>span{max-width:120px;line-height:1.5}.masthead nav{flex-direction:column;align-items:flex-end;gap:2px;font-size:13px}.masthead nav a{padding-block:5px}.hero h1{font-size:clamp(39px,11.5vw,54px)}.hero .button{width:100%;padding-inline:20px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-secondary{padding-left:0}.hero-art figcaption{font-size:13px;padding-inline:10px}.service-strip>div{gap:12px 20px;font-size:13px}.image-note{font-size:13px}.project-copy h3{font-size:25px}.project-copy ul{font-size:14px}.project-picture figcaption{font-size:13px}.capabilities h3{font-size:24px}.brief-builder{padding:24px}.brief-builder h3{font-size:26px}.brief-builder .button{font-size:14px;padding-inline:16px;gap:12px}.process-bar{grid-template-columns:1fr 1fr;gap:10px}.process-bar>div{padding:22px 16px}.process-bar h3{font-size:19px}.process-bar p{font-size:14px}.contact>.frame>p{font-size:17px}.phone{font-size:clamp(26px,7.8vw,42px);gap:14px;margin:35px 0 45px}.contact-bottom{flex-direction:column;gap:22px;font-size:14px}.footer{align-items:start;font-size:13px}.footer>span:last-child{text-align:right;max-width:135px}dialog{padding:26px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.project-copy .project-stack{font-size:13px;color:var(--muted);margin:0 0 12px}
.portfolio-showcase{padding-block:85px 45px}.portfolio-options{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:44px 0 55px}.portfolio-options dt{font-size:26px;font-weight:700;line-height:1.3;letter-spacing:-.03em}.portfolio-options dd{margin-top:16px;max-width:54ch;color:var(--muted)}.portfolio-case{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.portfolio-preview{min-width:0}.portfolio-preview a{display:block;transition:transform .25s}.portfolio-preview a:hover{transform:translateY(-4px)}.portfolio-preview img{width:100%;height:auto}.portfolio-preview figcaption{font-size:14px;color:var(--muted);margin-top:14px}.portfolio-case-copy>p{margin-top:22px;color:var(--muted)}.portfolio-case-copy ul{margin:20px 0;padding-left:20px;color:var(--muted);font-size:15px}.portfolio-case-copy li{margin-block:8px}.portfolio-case-copy li::marker{color:var(--accent)}.portfolio-case-copy .text-link{display:inline-block}.portfolio-invitation{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--surface);padding:30px;margin-top:44px}.portfolio-invitation p{font-size:22px;max-width:30ch;line-height:1.5}.portfolio-invitation .button{flex-shrink:0}
@media(max-width:1100px){.portfolio-case{gap:30px;grid-template-columns:1.2fr 1fr}.portfolio-options{gap:38px}.portfolio-case-copy h3{font-size:26px}}
@media(max-width:760px){.portfolio-showcase{padding-block:55px 20px}.portfolio-options{grid-template-columns:1fr;gap:30px;margin:32px 0 38px}.portfolio-options dt{font-size:24px}.portfolio-options dd{font-size:16px;margin-top:12px}.portfolio-case{grid-template-columns:1fr;gap:28px}.portfolio-invitation{align-items:flex-start;flex-direction:column;padding:24px;gap:22px;margin-top:32px}.portfolio-invitation p{font-size:20px}.masthead nav a[href="#projetos"]{display:block}.masthead nav a[href="#possibilidades"]{display:none}}

.project-sima{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;align-items:center}.project-sima .project-picture{order:0;background:#071d2b;padding:20px}.project-copy .sima-name{font-size:18px;color:var(--accent);font-weight:600}.project-sima .text-link{margin-top:4px}@media(max-width:760px){.project-sima{grid-template-columns:1fr}.project-sima .project-picture{order:-1;padding:12px}}