/* Vol. 02 — sistema editorial: azul ultramar, tinta e papel. */
:root{--paper:#f3f1eb;--ink:#171717;--green:#2339e8;--muted:#53534f;--line:#c6c5be;--lime:#e3ff6b;--blue:#2339e8}
body{overflow-wrap:break-word}.wrap{width:min(1440px,calc(100% - 64px))}.header{padding-block:24px;border:0}.logo{font-weight:900;letter-spacing:-3px;font-size:39px}.logo-dot{color:var(--blue)}.logo-small{font-size:11px;letter-spacing:2px}nav{font-size:14px;gap:30px}.nav-contact{border:0;border-radius:0;padding:9px 0 9px 20px}.nav-contact span{margin-left:12px}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline-color:#d54819}.hero{width:100%;max-width:none;background:var(--blue);color:var(--paper);padding:28px 32px 0;min-height:0;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:20px}.hero-topline .eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{position:relative;font-family:Arial,Helvetica,sans-serif;width:100%;font-size:clamp(80px,12.3vw,180px);line-height:.86;letter-spacing:-.08em;font-weight:700;margin:70px 0 40px;z-index:1}.hero h1 em{font-family:var(--serif);color:var(--lime);font-weight:400;letter-spacing:-.07em}.hero-star{display:inline-block;position:absolute;font-size:1.1em;line-height:1;right:4%;bottom:0;color:var(--lime);font-weight:400}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:end;position:relative;z-index:2}.hero-bottom p{color:var(--paper);font-size:16px;line-height:1.5}.hero .round-link{justify-self:center;font-size:13px;line-height:1.5}.hero .round-link:hover{color:var(--lime)}.hero .circle{border-color:#f3f1eb;width:60px;height:60px;font-size:32px}.hero .round-link:hover .circle{transform:rotate(45deg)}.round-link b{font-weight:400;opacity:.75}.hero-index{font-size:9px;letter-spacing:1.5px;justify-self:end;padding-bottom:17px}.hero-signature{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7180ed;margin-top:45px;padding:20px 0 0;line-height:.75;user-select:none}.hero-signature>span:first-child{font-weight:900;font-size:clamp(170px,32vw,480px);letter-spacing:-.1em;margin-left:-.055em}.signature-dot{color:var(--lime)}.hero-signature>span:last-child{font-size:clamp(65px,12.8vw,185px);font-weight:700;line-height:.78;letter-spacing:-.08em;text-align:right}.ticker{background:var(--paper);border-bottom:1px solid var(--line);padding:18px 32px;justify-content:space-between;letter-spacing:1.5px;font-size:10px}.ticker b{font-size:25px}.section{padding-block:105px}.section-head{align-items:start;margin-bottom:48px}.section-head>p{padding-top:34px;font-size:14px}h2{font-size:clamp(40px,4.8vw,70px);letter-spacing:-.055em;line-height:1.02}.green{color:var(--blue)}.filters{margin-bottom:32px;gap:24px;border-bottom:1px solid var(--line);padding-bottom:15px}.filters button{border:0;border-radius:0;padding:7px 0;font-size:13px;background:transparent}.filters button.active{background:none;color:var(--blue);box-shadow:0 2px var(--blue)}.filters span{font-size:10px}.projects{gap:55px 26px;align-items:start}.project:first-child{grid-column:1/-1}.project:nth-child(2){grid-column:1}.project:nth-child(3){grid-column:2;margin-top:130px}.project-visual{height:440px;transition:filter .2s}.project:first-child .project-visual{height:570px}.project-meta{padding-top:16px}.project-meta h3{font-size:21px;font-weight:600}.project-meta p{font-size:12px}.project-open{background:var(--ink);color:var(--paper);border:0;width:44px;height:44px;transition:transform .2s,background .2s}.project-open:hover{background:var(--blue);transform:rotate(45deg)}.demo-label{font-size:9px;letter-spacing:1px}.flora{padding:45px 9% 0;background:#d7e3b0}.browser-bar{height:28px;border-radius:0}.flora-layout{height:500px;padding:30px 40px}.flora-layout>.mini-brand{font-size:32px}.flora-layout p{font-size:clamp(65px,8vw,115px);margin:60px 0 30px;letter-spacing:-4px}.leaf{width:250px;height:420px;right:70px;top:0}.leaf-two{right:-30px;top:120px}.mock-pill{font-size:10px;padding:11px 17px}.mock-footer{font-size:8px;left:40px;right:40px;bottom:32px}.forma{background:#f483ae;padding:32px}.forma-symbol{width:150px;height:150px;margin:30px auto 0;transform:rotate(0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:has(.project-open:hover) .forma-symbol{transform:rotate(90deg)}.forma>p{font-size:clamp(80px,9vw,130px);line-height:1.1;margin:8px 0 24px}.forma>p span{font-size:23px}.forma-caption{font-size:9px}.norte{display:block;background:#dad5c9}.norte-copy{position:absolute;top:0;left:0;right:0;z-index:2;padding:28px}.norte-copy>p{font-size:43px;margin:25px 0 20px;max-width:360px}.norte-line{position:absolute;top:370px;left:28px;right:28px}.architecture{height:100%;background:#d2c6b2}.arch-block{left:53%;top:140px;width:190px;height:250px;background:#f5ecda}.arch-door{left:calc(53% + 55px);top:210px;width:80px;height:180px}.arch-sun{left:auto;right:30px;top:30px}.arch-shadow{top:340px}.lab{background:var(--ink);color:var(--paper)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lab h2{font-size:clamp(45px,5vw,72px);margin-top:28px}.lab h2 em{color:var(--lime);font-family:var(--serif);font-weight:400}.lab-copy>p{font-size:15px;line-height:1.7;max-width:350px;color:#c3c4ba}.lab button{background:var(--lime);border:0;border-radius:30px;padding:16px 24px;margin-top:20px;display:inline-flex;gap:50px;color:var(--ink);font-size:14px}.lab button:hover{background:var(--paper)}.lab .lab-status{font-family:monospace;font-size:11px;margin-top:22px}.lab-art{aspect-ratio:1;position:relative;overflow:hidden;background:#2c2c2b;isolation:isolate}.lab-shape{position:absolute;width:42%;height:42%;transition:transform .6s cubic-bezier(.25,.8,.25,1),border-radius .6s;background:var(--blue)}.shape-a{top:8%;left:8%;border-radius:50% 50% 0 50%}.shape-b{top:8%;right:8%;border-radius:50% 50% 50% 0;background:var(--lime)}.shape-c{bottom:8%;left:8%;border-radius:50% 0 50% 50%;background:#f483ae}.shape-d{bottom:8%;right:8%;border-radius:0 50% 50% 50%;background:var(--paper)}.lab-art[data-mode="1"] .lab-shape{border-radius:0;transform:scale(.72) rotate(45deg)}.lab-art[data-mode="1"] .shape-b{transform:scale(.72) rotate(-45deg)}.lab-art[data-mode="2"] .lab-shape{border-radius:50%;transform:scale(.65)}.lab-art[data-mode="2"] .shape-a{transform:translate(35%,35%) scale(1.2)}.lab-art[data-mode="2"] .shape-d{transform:translate(-35%,-35%) scale(.7)}.lab-art-label{position:absolute;bottom:14px;left:18px;font:9px monospace;letter-spacing:1px}.services{background:var(--paper)}.service-row{grid-template-columns:60px 1fr 1fr 30px;padding-block:35px}.service-row h3{font-size:28px}.service-row p{font-size:14px}.about{border-top:1px solid var(--line);gap:100px}.about-mark{background:var(--blue);color:var(--paper);height:400px;font-size:170px}.about-mark span{color:var(--lime)}.about h2{font-size:48px}.contact{background:var(--lime);color:var(--ink);padding-block:85px}.contact h2{font-size:clamp(50px,8vw,115px);letter-spacing:-.065em}.contact h2 em{color:var(--blue)}.contact-pending{color:#303827;border-color:#74854b}.contact-link{color:var(--ink);border-color:var(--ink)}.footer{padding-block:30px}.footer .logo{font-size:34px}.dialog-close{border-color:var(--ink)}dialog{border-radius:0}dialog::backdrop{background:#141522c9}
@media(min-width:1600px){.hero{padding-inline:max(32px,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero h1{font-size:13vw}.hero-star{right:0}.hero-index{font-size:8px}.lab-grid{gap:40px}.project-visual{height:360px}.norte-copy>p{font-size:34px}.norte-line{top:305px}.about{gap:40px}.about h2{font-size:40px}.service-row h3{font-size:23px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{padding-block:19px}.header nav{font-size:13px}.nav-contact{padding:0}.hero{width:100%;padding:25px 18px 0}.hero-topline .eyebrow{font-size:7px;letter-spacing:.8px;max-width:44%}.hero-topline .eyebrow:last-child{text-align:right}.hero h1{font-size:17vw;line-height:.9;letter-spacing:-.075em;margin:50px 0 30px}.hero h1 em{letter-spacing:-.06em}.hero-star{font-size:.75em;right:0;bottom:-.05em}.hero-bottom{grid-template-columns:1fr 1fr;gap:16px}.hero-bottom p{font-size:12px;line-height:1.6}.hero .round-link{font-size:10px;gap:10px;justify-self:end;align-self:end;margin-bottom:12px}.hero .circle{width:35px;height:35px;font-size:23px}.hero-index{display:none}.hero-signature{margin-top:25px;padding-top:20px}.hero-signature>span:first-child{font-size:38vw}.hero-signature>span:last-child{font-size:15.5vw}.ticker{padding:15px 18px;font-size:8px;letter-spacing:.6px;gap:16px}.ticker span:nth-of-type(2){display:none}.ticker b:last-child{display:none}.section{padding-block:60px}.section-head{margin-bottom:30px}.section-head>p{padding-top:0;font-size:12px}.section-head h2{font-size:43px}.filters{gap:23px;margin-bottom:25px}.filters button{font-size:12px}.projects{gap:35px;grid-template-columns:minmax(0,1fr)}.project:first-child,.project:nth-child(2),.project:nth-child(3){grid-column:1;margin-top:0}.project:first-child .project-visual{height:360px}.project-visual{height:350px}.flora{padding:25px 20px 0}.flora-layout{padding:20px;height:340px}.flora-layout>.mini-brand{font-size:26px}.flora-layout p{font-size:51px;letter-spacing:-2px;margin:38px 0 25px}.leaf{width:145px;height:250px;right:0;top:20px}.leaf-two{right:-50px;top:90px}.mock-footer{left:20px;right:20px;font-size:6px;bottom:20px}.mock-pill{font-size:8px}.project-meta h3{font-size:18px}.project-meta p{font-size:11px}.demo-label{font-size:8px}.forma-symbol{width:110px;height:110px;margin-top:20px}.forma>p{font-size:88px}.forma{padding:25px}.forma-caption{font-size:8px}.norte-copy>p{font-size:36px}.norte-line{top:300px}.arch-block{top:130px;left:46%;width:150px}.arch-door{top:200px;left:calc(46% + 40px);width:70px}.lab-grid{grid-template-columns:1fr;gap:30px}.lab h2{font-size:48px}.lab-copy>p{font-size:13px}.lab-art{max-width:440px;width:100%;justify-self:center}.service-row{grid-template-columns:25px 1fr 20px;padding-block:25px}.service-row h3{font-size:22px}.service-row p{font-size:12px}.about{gap:30px}.about-mark{height:260px;font-size:140px}.about h2{font-size:40px}.contact{padding-block:55px}.contact h2{font-size:13vw;letter-spacing:-.055em}.contact-bottom p{font-size:13px}.footer{gap:18px}.footer>span{font-size:9px}}
.projects.is-filtered .project{grid-column:auto;margin-top:0}.projects.is-filtered .project-visual{height:440px}.projects.is-filtered .flora-layout p{font-size:70px}
@media(max-width:700px){.projects.is-filtered .project-visual{height:360px}.projects.is-filtered .flora-layout p{font-size:51px}}
@media(prefers-reduced-motion:reduce){.lab-shape,.forma-symbol,.circle,.project-open{transition:none!important}}