@charset "UTF-8";
:root{--navy:#0b1d3a;--cream:#f6eedc;--amber:#f2a33a;--muted:#b8c2d2;--line:rgba(246,238,220,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--amber);outline-offset:6px}::selection{background:var(--amber);color:var(--navy)}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.header{height:128px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brand img{object-fit:contain}.brand>span{font-size:26px;letter-spacing:-1px;line-height:1;font-weight:700}.brand small{display:block;letter-spacing:5px;font-size:10px;margin-top:9px;font-weight:400}.header nav{display:flex;gap:42px;font-size:15px}.header nav a{min-height:48px;display:flex;align-items:center;gap:32px}.header nav a:hover,.text-link:hover{color:var(--amber)}.hero{position:relative;padding-top:80px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:40px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:700;display:flex;gap:12px;align-items:center;margin:0 0 32px}.eyebrow>span{width:7px;height:7px;background:var(--amber);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(65px,7.5vw,108px);line-height:1.01;letter-spacing:-5.5px;font-weight:500;margin-bottom:32px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:var(--amber)}.intro{max-width:470px;color:var(--muted);font-size:18px;line-height:1.75;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:44px;background:var(--amber);color:var(--navy);min-height:58px;padding:14px 24px;font-size:15px;font-weight:700}.button:hover{background:#ffbf66}.button span{font-size:24px;line-height:1}.art{position:relative;align-self:center;height:560px;isolation:isolate;margin-top:-20px}.art svg{position:absolute;height:100%;width:100%;z-index:2}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:98%;height:74%;left:1%;top:14%;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg);height:100%;width:66%;left:17%;top:0;opacity:.5}.art-note{position:absolute;bottom:4%;right:3%;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl}.art-coordinate{position:absolute;top:8%;left:3%;font-size:10px;letter-spacing:2px;color:var(--muted)}.star{position:absolute;top:10%;right:3%;font-size:46px;color:var(--amber)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;margin-top:65px;font-size:12px;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:25px;min-height:48px;font-size:9px;letter-spacing:2px}.hero-bottom a span{font-size:22px;color:var(--cream)}.about{background:var(--cream);color:var(--navy);padding:100px 0 110px}.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:50px}.dark{margin-top:10px}h2{font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.17;margin-bottom:40px}.about h2 em{color:#74501f}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about-copy p{font-size:18px;line-height:1.8;margin-bottom:0}.projects{padding:100px 0 105px;display:grid;grid-template-columns:1fr 1fr;gap:44px}.section-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;margin-bottom:6px}.section-head h2{margin-bottom:0}.section-head>p{color:var(--muted);font-size:16px;margin-bottom:6px}.project-visual{display:block;position:relative;height:325px;overflow:hidden}.project-visual>img{transition:transform .4s}.project-visual:hover>img{transform:scale(1.035)}.fm-visual{background:#23252b;display:flex;align-items:center}.fm-visual img{width:100%;height:100%;object-fit:cover}.round-arrow{position:absolute;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--navy);font-size:25px;z-index:2}.penny-visual{background:#e6e8db;color:#304d40;display:flex;align-items:center;padding:25px}.penny-visual img{position:absolute;right:-45px;bottom:-20px;width:67%;height:108%;object-fit:cover;border-radius:50%;object-position:center}.penny-title{position:relative;z-index:1;font-size:32px;font-family:Georgia,serif;line-height:1.15;text-shadow:0 1px #e6e8db}.penny-title span{display:block;font-size:9px;letter-spacing:2px;margin-top:26px;font-family:Arial,sans-serif;font-weight:700}.project-caption{display:flex;justify-content:space-between;gap:15px;padding-top:23px}.tag{font-size:9px;letter-spacing:1.5px;color:var(--muted)}h3{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:5px 0 0}.project-caption p{font-size:13px;color:var(--muted);margin:8px 0 0;max-width:200px}.manifesto{border-top:1px solid var(--line);padding:80px 0 90px}.manifesto h2{font-size:clamp(40px,5.3vw,74px);position:relative;margin-bottom:35px;max-width:1000px}.manifesto h2 em{color:var(--amber)}.manifesto h2>span{position:absolute;right:0;top:5px;color:var(--amber);font-size:100px}.text-link{font-size:15px;display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid var(--line);min-height:48px}footer{min-height:135px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand>span{font-size:22px}footer p,footer>span{font-size:11px;color:var(--muted);margin:0}.skip{position:fixed;top:-100px;left:20px;background:var(--cream);color:var(--navy);padding:14px;z-index:20}.skip:focus{top:15px}@media(min-width:1500px){.hero{padding-top:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-3px}.hero{column-gap:5px}.art{height:450px}.about-grid{grid-template-columns:1fr;gap:20px}.projects{gap:28px}.project-caption{display:block}.project-visual{height:270px}.penny-title{font-size:27px}.manifesto h2>span{font-size:80px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:96px}.brand{gap:7px}.brand img{width:44px;height:44px}.brand>span{font-size:22px}.brand small{font-size:8px;letter-spacing:4px}.header nav{gap:12px;font-size:12px}.header nav a{gap:4px}.header nav a:first-child{display:none}.hero{padding-top:44px;grid-template-columns:1fr}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}h1{font-size:68px;letter-spacing:-3.6px;line-height:1.02;margin-bottom:24px}.intro{font-size:18px;max-width:100%}.button{min-height:56px}.art{height:355px;width:100%;max-width:380px;margin:30px auto 0}.art-note{right:7%}.hero-bottom{margin-top:20px;padding:16px 0}.hero-bottom>span{font-size:10px;max-width:125px}.hero-bottom a{font-size:8px;letter-spacing:1px;gap:10px}.about{padding:60px 0}.about-grid{gap:8px}h2{font-size:37px;letter-spacing:-1.5px}.about-copy{grid-template-columns:1fr;gap:20px}.about-copy p{font-size:18px}.projects{padding:60px 0;grid-template-columns:1fr;gap:38px}.section-head{display:block;margin-bottom:0}.section-head>p{margin:24px 0 0;font-size:16px}.project-visual{height:285px}.project-caption{display:flex}.project-caption p{font-size:12px;max-width:145px}.project-caption h3{font-size:23px}.manifesto{padding:55px 0 60px}.manifesto h2{font-size:40px;padding-right:15px}.manifesto h2>span{position:static;font-size:48px;display:block;margin-top:20px}footer{padding:30px 0;align-items:start;flex-direction:column;gap:20px}footer p,footer>span{font-size:12px}.penny-title{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Assinatura da marca — proposta vetorial, novembro de 2026. */
.brand{gap:14px;flex-shrink:0}.brand img.brand-symbol{width:38px;height:51px;display:block;object-fit:contain}.brand>span,footer .brand>span{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:500;letter-spacing:-1.35px;line-height:1}.brand small{font-size:9px;letter-spacing:4.5px;line-height:1;margin-top:10px;padding-left:2px;font-weight:400;color:var(--muted)}@media(max-width:650px){.brand{gap:10px}.brand img.brand-symbol{width:30px;height:40px}.brand>span,footer .brand>span{font-size:25px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:3.8px;margin-top:8px}}