/* DBBueno — identidade em movimento */
:root{--paper:#f0f0e8;--ink:#073e43;--acid:#d6f69c}body{overflow-x:hidden}.header{max-width:none;background:var(--paper);height:100px;padding:8px 5vw}.brand-image{height:78px}.brand-image img{height:88px}.hero.kinetic-hero{display:block;max-width:none;background:#07383d;color:#eff3e8;min-height:880px;padding:30px 5vw 0;position:relative;overflow:hidden;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#d8eed608 1px,transparent 1px),linear-gradient(90deg,#d8eed608 1px,transparent 1px);background-size:100px 100px;z-index:-2;mask-image:linear-gradient(transparent,#000)}.kinetic-hero:before{content:'';position:absolute;width:640px;height:640px;border:1px solid #819d7833;border-radius:50%;right:-240px;top:20px;z-index:-1;animation:orbit-drift 14s ease-in-out infinite alternate}.hero-coordinate,.hero-availability{font-size:9px;letter-spacing:1.5px;line-height:1.6}.hero-coordinate{color:#97b5ad}.hero-availability{position:absolute;right:5vw;top:30px}.hero-availability .live-dot{background:var(--acid);box-shadow:0 0 0 5px #d6f69c0a}.kinetic-title{position:relative;z-index:3;margin-top:48px}.kinetic-title>.eyebrow{font-size:9px;color:#b5c9b6;margin-bottom:18px}.kinetic-title h1{font-family:var(--display);font-size:clamp(76px,8.5vw,132px);line-height:1.05;font-weight:500;letter-spacing:-7px;margin-bottom:0}.kinetic-title h1>span{display:block;animation:title-in .95s cubic-bezier(.2,.8,.2,1) both}.kinetic-title h1>span:nth-child(2){animation-delay:.15s}.hero-middle{padding-left:8vw}.kinetic-title h1 em{color:var(--acid);font-size:1.08em}.hero-middle i{font-size:.75em;font-style:normal;font-weight:400;margin-left:35px;color:var(--acid);display:inline-block;animation:arrow-nudge 4s ease-in-out infinite}.hero-lower{display:flex;justify-content:space-between;align-items:center;max-width:1020px;margin:24px 0 0 8vw;gap:30px}.hero-lower p{font-size:13px;line-height:1.9;color:#bbd0c4;margin:0}.round-cta{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:20px 24px;border-radius:50%;border:1px solid #b4ce97;width:116px;height:116px;position:relative;transform:rotate(-8deg);transition:background .3s,transform .3s}.round-cta span{font-size:11px;line-height:1.5;letter-spacing:1px}.round-cta b{font-size:25px;font-weight:400}.round-cta:hover{background:var(--acid);color:var(--forest);transform:rotate(0)}.hero-reel{height:300px;position:relative;margin-top:15px;max-width:1180px;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .45s ease-out}.reel-image{position:absolute;display:block;width:36%;box-shadow:0 20px 50px #0004;overflow:hidden;background:#fff;border:5px solid #e8ede2;border-radius:3px;will-change:transform}.reel-image img{width:100%;height:auto;aspect-ratio:2.42;object-fit:cover}.reel-image>span{font-size:7px;color:#234c42;display:block;padding:6px 10px;background:#e8ede2;letter-spacing:1px}.reel-one{left:2%;top:12px;transform:rotate(-7deg);animation:float-one 9s ease-in-out infinite}.reel-two{left:31%;top:30px;z-index:2;transform:rotate(5deg);animation:float-two 10s ease-in-out infinite}.reel-three{left:60%;top:12px;transform:rotate(-5deg);animation:float-one 12s ease-in-out infinite reverse}.reel-image:hover{z-index:4;animation-play-state:paused;filter:brightness(1.07)}.reel-caption{position:absolute;bottom:3px;left:2%;font-size:9px;line-height:1.8;letter-spacing:1.5px;color:#9fbdab}.reel-caption span{position:absolute;font-size:36px;left:210px;top:-6px}.hero-bottom{border-top:1px solid #aac3ab30;position:relative;display:flex;justify-content:space-between;padding:18px 0;font-size:8px;letter-spacing:1.4px;color:#a8c4b1}.hero-bottom>a{color:#e2f0d4}.motion-band{overflow:hidden;background:var(--acid);color:var(--forest);padding:16px 0;transform:rotate(-1.2deg) scale(1.015);margin:0 -5px;position:relative;z-index:4}.motion-band>div{display:flex;gap:35px;width:max-content;white-space:nowrap;animation:marquee 35s linear infinite;font-size:12px;letter-spacing:2px;font-weight:600}.motion-band b{font-size:19px;line-height:1.1}.motion-band:hover>div{animation-play-state:paused}.portfolio{padding-top:110px}.section-heading h2{font-size:54px}.project-grid{display:flex;flex-direction:column;gap:65px}.project{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr);gap:40px;align-items:center;max-width:none}.project:nth-child(even){grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr)}.project:nth-child(even) .project-info{order:-1}.project-image,.project-large .project-image{padding:24px 24px 0;min-width:0;background:#e0e7d5}.project-image img,.project-large .project-image img{aspect-ratio:2.42;height:auto}.project:nth-child(2) .project-image{background:#e2d7bb}.project:nth-child(3) .project-image{background:#d1dfe1}.project-info{display:flex;align-items:flex-start;flex-direction:column;gap:22px;padding:0}.project-info h3{font-size:32px;letter-spacing:-1.5px;line-height:1.2;margin-bottom:10px}.project-info p{font-size:12px;line-height:1.9}.preview-button{width:auto;height:auto;border:0;border-bottom:1px solid #a9b8a6;border-radius:0;font-size:12px;padding:10px 0;background:none;display:inline-flex;gap:15px;align-items:center}.preview-button span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #9bb092;font-size:10px;transition:background .25s}.preview-button:hover{background:none}.preview-button:hover span{background:var(--acid)}.project-image .view-project{opacity:1;transform:none;font-size:9px}.portfolio-note{margin-top:45px}.services{padding-top:20px}.service-row{transition:padding-left .35s,background .35s}.service-row:hover{padding-left:14px;background:#e4eadc}.about{background:#dedfd1}.about-grid{grid-template-columns:1.1fr 1fr;gap:70px;padding-top:85px;padding-bottom:85px}.about-portrait{margin:0;position:relative;padding-bottom:30px;transform:rotate(-2deg)}.about-portrait>img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover;object-position:32% center;filter:saturate(.8);border-radius:2px}.about-portrait figcaption{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;padding-top:13px}.portrait-label{position:absolute;bottom:75px;right:-18px;background:var(--acid);font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.2;padding:17px 21px;transform:rotate(5deg);box-shadow:0 8px 22px #1b463115}.about-copy h2{font-size:56px}.process h2{font-size:49px}.contact{background:#06363a}.contact h2{font-size:70px}.email-link{transition:letter-spacing .4s,color .3s}.email-link:hover{letter-spacing:-.8px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.about-portrait.reveal{transform:translateY(28px) rotate(-2deg)}.about-portrait.revealed{transform:translateY(0) rotate(-2deg)}.modal-open{overflow:hidden}#project-dialog{width:min(1160px,96vw);max-width:1160px;max-height:95vh;overflow:auto;padding:22px}#project-dialog .dialog-top{margin-bottom:12px}#project-dialog .eyebrow{font-size:8px;margin-bottom:4px;display:block}.preview-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.preview-controls>a{font-size:12px;border-bottom:1px solid #9fb39d}.preview-controls .button[hidden]{display:none}.preview-disclaimer{font-size:10px;color:var(--muted);margin:12px 0}.live-stage{position:relative;min-height:80px;background:#dfe5dc;overflow:hidden}.live-stage>img{width:100%;height:auto;aspect-ratio:2.42;object-fit:cover}.live-stage.is-live>img{display:none}#live-frame-holder{position:relative;overflow:hidden}#live-frame-holder iframe{display:block;position:absolute;left:0;top:0;border:0;transform-origin:top left;background:#fff}.preview-loading{position:absolute;top:20px;left:20px;font-size:12px;background:var(--acid);padding:10px 15px}.preview-loading[hidden]{display:none}#preview-status{font-size:10px;margin:10px 0 0;color:var(--muted)}
@keyframes title-in{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes float-one{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-13px) rotate(-4deg)}}@keyframes float-two{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(11px) rotate(2deg)}}@keyframes arrow-nudge{0%,80%,100%{transform:translate(0,0)}90%{transform:translate(7px,-7px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit-drift{to{transform:translate(-80px,80px) scale(1.15)}}
@media(max-width:1000px){.hero.kinetic-hero{min-height:760px}.kinetic-title h1{font-size:9.8vw;letter-spacing:-5px}.hero-lower{margin-left:3vw}.hero-reel{height:265px}.project,.project:nth-child(even){grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);gap:25px}.project:nth-child(even) .project-info{order:0}.section-heading h2{font-size:43px}.project-info h3{font-size:26px}.about-grid{gap:40px}.about-copy h2{font-size:45px}}
@media(max-width:760px){.header{height:87px;padding:6px 22px}.hero.kinetic-hero{padding:22px 22px 0;min-height:790px}.hero-coordinate{font-size:7px;letter-spacing:1px}.hero-availability{top:24px;right:22px;font-size:7px}.kinetic-title{margin-top:47px}.kinetic-title>.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:23px}.kinetic-title h1{font-size:clamp(47px,10.2vw,78px);line-height:1.18;letter-spacing:-2.7px}.kinetic-title h1 .hero-middle{padding-left:0}.hero-middle i{font-size:.6em;margin-left:13px}.hero-lower{margin:30px 0 0;gap:18px;align-items:flex-start}.hero-lower p{font-size:11px;max-width:225px}.hero-lower p br{display:none}.round-cta{width:84px;height:84px;padding:14px;gap:8px}.round-cta span{font-size:8px}.round-cta b{font-size:20px}.hero-reel{height:280px;margin-top:45px;transform:none!important}.reel-image{width:66%;border-width:3px}.reel-one{left:-17%;top:0}.reel-two{left:20%;top:42px}.reel-three{left:64%;top:0}.reel-caption{bottom:15px;left:0;font-size:8px}.reel-caption span{left:180px}.reel-image>span{font-size:6px;padding:5px}.hero-bottom{font-size:7px;line-height:1.8;gap:20px}.hero-bottom>span{max-width:125px;text-align:right}.motion-band{padding:13px 0}.motion-band>div{font-size:9px;gap:20px;letter-spacing:1.5px}.portfolio{padding-top:65px}.section-heading h2{font-size:35px}.project-grid{gap:40px}.project,.project:nth-child(even){display:block}.project-image,.project-large .project-image{padding:16px 16px 0}.project-image img,.project-large .project-image img{aspect-ratio:2.1}.project-info{flex-direction:row;align-items:center;padding-top:17px;gap:15px}.project-info h3{font-size:23px;letter-spacing:-.9px}.project-info p{font-size:10px}.preview-button{flex-shrink:0;font-size:10px;gap:7px;border:0}.preview-button span{width:28px;height:28px;font-size:8px}.project-image .view-project{font-size:8px;bottom:8px;right:8px;padding:5px 8px}.portfolio-note{font-size:9px}.about-grid{display:flex;flex-direction:column;gap:35px;padding-top:45px;padding-bottom:45px}.about-portrait{width:calc(100% - 12px);margin:0 8px 0 0}.about-portrait>img{aspect-ratio:1.04;object-position:32% center}.portrait-label{font-size:21px;padding:14px 17px;bottom:66px;right:-10px}.about-portrait figcaption{font-size:6px;letter-spacing:.7px}.about-copy h2{font-size:44px}.process h2{font-size:36px}.contact h2{font-size:39px}.reveal{transform:translateY(15px)}#project-dialog{padding:14px}#project-dialog .dialog-top h2{font-size:21px}.preview-controls .button{padding:12px 15px;font-size:10px}.preview-controls>a{font-size:10px}.preview-disclaimer{font-size:9px;line-height:1.7}.live-stage.is-live{min-height:220px}#preview-status{font-size:9px}.service-row:hover{padding-left:0}}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0 22px}.carousel-position{font-size:11px;letter-spacing:2px}.carousel-controls>div{display:flex;gap:10px;align-items:center}.carousel-controls button{border:1px solid #a9bda4;background:transparent;width:40px;height:40px;border-radius:50%;font-size:20px;transition:background .2s}.carousel-controls button:hover{background:var(--acid)}.carousel-controls #carousel-pause{border:0;border-radius:0;width:auto;margin-right:20px;font-size:10px}.project-grid.project-carousel{display:flex;flex-direction:row;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;align-items:stretch;padding-bottom:10px}.project-carousel::-webkit-scrollbar{display:none}.project-carousel .project,.project-carousel .project:nth-child(even){flex:0 0 100%;display:flex;flex-direction:column;align-items:stretch;scroll-snap-align:start;gap:0;min-width:0;opacity:1;transform:none}.project-carousel .project:nth-child(even) .project-info{order:0}.project-carousel .project-image,.project-carousel .project-large .project-image{padding:35px 50px 0}.project-carousel .project-image img,.project-carousel .project-large .project-image img{width:100%;aspect-ratio:2.42;object-fit:cover}.project-carousel .project-info{display:block;padding:22px 0 0}.project-carousel .project-info h3{font-size:29px;margin-bottom:6px}.project-carousel .project-info p{font-size:12px}.portfolio-note{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px}.carousel-dots{display:flex;gap:10px;align-items:center}.carousel-dots button{background:#a5b49b;border:0;width:7px;height:7px;border-radius:50%;padding:0;transition:width .3s,background .3s}.carousel-dots button[aria-pressed="true"]{width:28px;border-radius:8px;background:var(--forest)}@media(max-width:760px){.project-carousel .project-image,.project-carousel .project-large .project-image{padding:16px 16px 0}.project-carousel .project-image img,.project-carousel .project-large .project-image img{aspect-ratio:1.8}.project-carousel .project-info h3{font-size:23px}.project-carousel .project-info{padding-top:17px}.portfolio-note{align-items:flex-start;flex-direction:column;gap:13px}.carousel-controls{padding:15px 0}.carousel-controls #carousel-pause{margin-right:10px}.carousel-controls button{width:34px;height:34px}.carousel-position{font-size:10px}.project-grid.project-carousel{gap:16px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.reel-image,.hero-reel,.about-portrait{will-change:auto}.motion-band>div{animation:none}.kinetic-title h1>span{animation:none}.reel-one{transform:rotate(-7deg)}.reel-two{transform:rotate(5deg)}.reel-three{transform:rotate(-5deg)}}