
/* V3 identidade: azul petróleo e branco, projetos em destaques */
:root{--bg:#061724;--panel:#0c2637;--panel2:#103146;--line:#274456;--text:#f6fcff;--muted:#9ab5c3;--mint:#49d8e7;--purple:#74b8e9}
body{background:radial-gradient(ellipse at 75% 3%,#12384c 0,transparent 29%),#061724}
.header{background:rgba(5,20,32,.92)}.brand-image{width:206px;height:auto;max-height:65px;object-fit:contain;filter:drop-shadow(0 2px 10px #ffffff10)}.footer .brand-image{width:235px}
.hero h1{letter-spacing:-3px}.hero-art{overflow:hidden}.brand-hero{isolation:isolate}.hero-ring{position:absolute;border:1px solid #3a829b50;border-radius:34%;width:420px;height:420px;transform:rotate(26deg)}.hero-ring-b{width:330px;height:330px;transform:rotate(65deg);border-color:#e8b35f42}.hero-logo-glass{z-index:2;width:min(75%,360px);aspect-ratio:1;border:1px solid #51839871;border-radius:30%;background:linear-gradient(130deg,#13384c,#071924);box-shadow:0 40px 120px #020b11aa, inset 0 0 70px #3b8ca31e;display:grid;place-items:center;transform:rotate(-7deg)}.hero-logo-glass img{width:88%;filter:drop-shadow(0 15px 30px #0008);transform:rotate(7deg)}.hero-floating{position:absolute;background:#0b2839e8;border:1px solid #43778d;border-radius:15px;padding:15px 19px;color:#a4c8d6;font-size:11px;letter-spacing:1px;z-index:4;box-shadow:0 10px 35px #0007}.hero-floating b{display:block;color:white;margin-top:5px;font-size:14px}.hero-floating-top{top:74px;right:0}.hero-floating-bottom{bottom:50px;left:0}.about-brand{position:relative;width:min(70%,270px);filter:drop-shadow(0 12px 40px #0007)}.about-visual{background:radial-gradient(circle,#194457,#0c2334 63%,#071d2c)}.cta-inner{background:linear-gradient(125deg,#0d82a0,#37b5cb)}.cta-inner,.cta-inner>p{color:white}.cta-inner h2 em{color:#d8fdff}.cta-inner .section-kicker{color:#dcfdff}.btn-primary,.contact-float{background:#63d6e9}.nav-links .nav-cta{background:#153748;border-color:#386a7f}
.story-projects{display:flex;justify-content:flex-start;gap:30px;overflow-x:auto;padding:15px 4px 26px;scroll-snap-type:x mandatory}.story-card{min-width:142px;max-width:160px;flex:0 0 142px;background:transparent;border:0;color:white;text-align:center;scroll-snap-align:start}.story-ring{display:grid;place-items:center;width:137px;height:137px;margin:auto auto 15px;border-radius:50%;background:linear-gradient(125deg,#f0bc6b,#56d3e4,#4977a8);padding:5px;transition:transform .25s,box-shadow .25s}.story-card:is(:hover,:focus-visible) .story-ring,.story-card.selected .story-ring{transform:translateY(-5px);box-shadow:0 0 32px #40bedc50}.story-cover{width:100%;height:100%;border:5px solid #071c2d;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 22%,var(--story-color),#062034 85%)}.story-cover img{width:100%;height:100%;object-fit:cover}.story-initial{font:700 42px 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#fff}.story-card strong{display:block;font:700 14px 'Space Grotesk',sans-serif}.story-card small{display:block;color:#91adbd;font-size:11px;margin-top:6px;line-height:1.4}.project-detail{margin-top:20px}.project-detail-inner{padding:35px 42px;border-radius:22px;border:1px solid #355466;background:linear-gradient(120deg,#122f42,#081f30);min-height:185px;box-shadow:inset 0 1px #ffffff09}.project-detail h3{font:700 31px 'Space Grotesk',sans-serif;margin:10px 0}.project-detail p{max-width:720px;color:#b3c8d4;line-height:1.8}.project-detail .btn{margin-top:12px}.project-pending{font-size:12px;color:#8da5b4}.portfolio-head{display:flex;gap:20px;align-items:end;justify-content:space-between}.quote-context{color:#a7bfce}.services .service-card.featured{background:linear-gradient(145deg,#124257,#0c2538)}
@media(max-width:760px){.brand-image{width:156px}.footer .brand-image{width:190px}.hero-ring{width:300px;height:300px}.hero-ring-b{width:240px;height:240px}.hero-logo-glass{width:69%}.hero-floating{padding:11px;font-size:9px}.hero-floating b{font-size:11px}.hero-floating-top{top:20px}.hero-floating-bottom{bottom:20px}.story-projects{gap:13px}.story-card{min-width:115px;flex-basis:115px}.story-ring{width:108px;height:108px}.story-initial{font-size:29px}.project-detail-inner{padding:25px}.portfolio-head{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
