:root{--blue:#173ee2;--cream:#f4f1e9;--ink:#24251f;--yellow:#f2d64b;--line:#d4d1c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b86700;outline-offset:6px}p,h1,h2,h3{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;line-height:.88;font-weight:900;letter-spacing:-1.4px}.wordmark span{display:block}nav{display:flex;gap:30px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.header-cta{font-size:14px;border-bottom:1px solid;padding-bottom:5px;white-space:nowrap}.header-cta span{margin-left:20px}.skip{position:absolute;left:15px;top:-100px;background:var(--yellow);padding:12px;z-index:20}.skip:focus{top:10px}.hero{background:var(--blue);color:var(--cream);padding:30px 5% 20px;overflow:hidden}.hero-top,.hero-foot{display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:700}.location{font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:6px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;min-height:515px}.hero h1{font-size:clamp(52px,5.8vw,94px);line-height:1.01;letter-spacing:-4px;font-weight:800}.hero h1 em{color:var(--yellow);letter-spacing:-4.5px}.hero-copy>p{margin:27px 0 30px;font-size:18px;line-height:1.5}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 23px;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffe978}.yellow{background:var(--yellow);color:var(--ink)}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-art{position:relative;display:block;height:440px;margin-top:25px}.hero-art img{position:absolute;width:48%;box-shadow:0 15px 30px #06175044;border:7px solid var(--cream);transition:transform .3s}.art-one{top:10px;left:0;transform:rotate(-7deg)}.art-two{top:65px;right:2%;transform:rotate(8deg)}.hero-art:hover .art-one{transform:rotate(-4deg) translateY(-4px)}.hero-art:hover .art-two{transform:rotate(5deg) translateY(-4px)}.art-caption{position:absolute;bottom:28px;right:10%;font-size:10px;letter-spacing:1px}.art-caption span{margin-left:25px}.hero-foot{border-top:1px solid #ffffff40;padding-top:18px;font-size:9px;letter-spacing:1.4px}.section{padding:95px 7%}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section h2{font-size:clamp(42px,4.6vw,69px);line-height:1.05;letter-spacing:-2.5px;margin-top:22px}.section-top>p{max-width:355px;font-size:14px;color:#5c5d55}.project{display:block}.feature-art{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:38px;gap:14px;background:#dfd3ba;border-radius:3px;overflow:hidden}.feature-art img{width:100%;transition:transform .4s}.project:hover .feature-art img{transform:translateY(-5px)}.project-badge{position:absolute;top:15px;left:38px;font-size:9px;letter-spacing:1px;font-weight:bold}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:20px 0 35px}.project-meta h3{font-size:23px;letter-spacing:-.8px}.project-meta p{font-size:12px;color:#62635b;margin-top:3px}.round-arrow{border:1px solid #b4b6aa;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:23px;transition:background .2s,color .2s}.project:hover .round-arrow{background:var(--blue);color:white;border-color:var(--blue)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:12px;margin-bottom:12px}.leiv-cover,.estetica-cover{height:330px;overflow:hidden;border-radius:3px}.leiv-cover{background:#570b45;display:flex;align-items:center}.leiv-cover img{width:100%;max-width:none;align-self:flex-start;height:auto}.estetica-cover{background:#d5d2c9;padding:30px;display:flex;align-items:center;gap:12px}.estetica-cover img{width:calc(50% - 6px);max-height:100%;object-fit:contain}.dark{color:var(--ink)}.services{background:#e9e7df}.service-row{display:grid;grid-template-columns:50px 1fr 1.1fr 45px;gap:32px;padding:38px 0;border-top:1px solid #bcbbb3;align-items:start}.service-number{font-size:12px;color:var(--blue)}.service-row h3{font-size:34px;line-height:1.12;letter-spacing:-1.4px}.service-row p{font-size:14px;max-width:390px;color:#53554c}.tag{display:inline-block;font-size:10px;margin-top:20px;border:1px solid #b8b9af;border-radius:30px;padding:4px 12px}.service-symbol{font-size:35px;color:var(--blue)}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.portrait-slot{min-height:490px;background:#e3dfd2;padding:33px;display:flex;flex-direction:column;position:relative;border-radius:3px}.monogram{color:var(--blue);font-size:210px;line-height:1;letter-spacing:-25px;font-weight:900;margin:auto}.monogram span{font-family:Georgia,serif;font-style:italic;font-weight:400}.portrait-slot>p:not(.eyebrow){font-size:23px;line-height:1.15;letter-spacing:-.5px}.small-note{font-size:10px;position:absolute;bottom:34px;right:30px;color:#65645b}.about-copy>p:not(.eyebrow){font-size:15px;color:#56584e;margin-top:23px;max-width:485px}.about-copy .text-link{display:inline-block;margin-top:28px}.contact{background:var(--blue);color:var(--cream)}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:end}.contact h2{font-size:clamp(45px,5.3vw,80px)}.contact h2 em{color:var(--yellow)}.contact-grid>div>p{font-size:14px}.contact .button{margin-top:24px}.contact-location{opacity:.75;margin-top:20px;font-size:11px!important}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%}footer p{font-size:10px;color:#67685e}footer>div{display:flex;gap:26px;font-size:12px}footer>a:last-child{font-size:24px}.reveal{animation:enter .65s both;animation-timeline:view();animation-range:entry 0% entry 15%}@keyframes enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}.case{padding:50px 7% 80px}.case-head{padding:40px 0 50px}.case h1{font-size:clamp(48px,7vw,95px);letter-spacing:-3px;line-height:1.05;margin:20px 0}.case-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;margin-top:32px;max-width:1000px}.case-intro p{max-width:610px}.case-info{font-size:12px;border-left:1px solid var(--line);padding-left:25px}.case-info strong{display:block;margin-bottom:6px}.case-info a{display:inline-block;margin-top:15px;text-decoration:underline}.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:start}.case-gallery img{width:100%;height:auto}.case-gallery.long{display:block;max-width:1000px;margin:auto}.case-end{border-top:1px solid var(--line);margin-top:50px;padding-top:30px;display:flex;justify-content:space-between;gap:20px}
@media(min-width:1550px){.hero-grid{max-width:1400px;margin:auto}.hero-art{height:490px}.hero-art img{width:44%}.art-two{right:6%}}@media(max-width:1000px){header{gap:15px}nav{gap:18px}.hero-grid{gap:18px;min-height:440px}.hero h1{font-size:60px}.hero-art{height:360px}.art-caption{bottom:20px}.actions{gap:15px}.hero-copy>p{font-size:16px}.section{padding:75px 5%}.leiv-cover,.estetica-cover{height:270px}.service-row{grid-template-columns:30px 1fr 1fr;gap:20px}.service-symbol{display:none}.about{gap:6%}.portrait-slot{min-height:440px}.monogram{font-size:170px}.small-note{position:static;margin-top:15px}.contact-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:20px}header{flex-wrap:wrap;padding:22px 6% 17px}.wordmark{font-size:23px}.header-cta{font-size:12px}.header-cta span{margin-left:10px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:4px;font-size:12px}.hero{padding:25px 6% 18px}.hero-top{display:block}.hero-top .eyebrow{font-size:9px;letter-spacing:.8px}.location{margin-top:9px;font-size:10px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding-top:34px}.hero h1{font-size:clamp(43px,10.8vw,73px);letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.8px}.hero-copy>p{font-size:16px;margin:23px 0}.button{padding:13px 16px;font-size:11px;gap:15px}.text-link{font-size:12px}.hero-art{height:365px;max-width:430px;width:100%;margin:40px auto 0}.hero-art img{width:45%}.art-one{left:3%;top:0}.art-two{top:34px;right:4%}.art-caption{bottom:17px;right:4%;font-size:9px}.hero-foot{font-size:8px;letter-spacing:.5px}.hero-foot span:last-child{display:none}.section{padding:58px 6%}.section-top{display:block;margin-bottom:30px}.section h2{font-size:43px;letter-spacing:-1.8px;margin-top:17px}.section-top>p{margin-top:24px;font-size:13px}.feature-art{padding:27px 12px 16px;gap:6px}.project-badge{left:12px;top:9px;font-size:7px}.project-meta{padding:15px 0 28px}.project-meta h3{font-size:21px}.project-meta p{font-size:10px}.round-arrow{width:35px;height:35px;font-size:20px}.project-grid{grid-template-columns:1fr;gap:0;margin:0 0 6px}.leiv-cover{height:auto;aspect-ratio:16/9}.estetica-cover{height:auto;aspect-ratio:1.35;padding:25px}.service-row{grid-template-columns:28px 1fr;padding:28px 0;gap:12px}.service-row h3{font-size:29px}.service-row>div{grid-column:2}.service-row p{font-size:13px}.about{grid-template-columns:1fr;gap:40px}.portrait-slot{min-height:340px;order:2}.monogram{font-size:160px;margin:18px auto}.portrait-slot>p:not(.eyebrow){font-size:20px}.about-copy>p:not(.eyebrow){font-size:14px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:48px}footer{padding:32px 6%;flex-wrap:wrap;gap:25px}footer p{font-size:9px}footer>div{width:75%;font-size:11px}.case{padding:30px 6% 60px}.case-head{padding-top:30px}.case-intro{grid-template-columns:1fr;gap:25px}.case-intro p{font-size:14px}.case-gallery{grid-template-columns:1fr 1fr;gap:8px}.case-gallery img{align-self:start}.case-end{font-size:12px}.case h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(max-width:700px){.case-gallery{grid-template-columns:1fr}}
/* Hero v2 — retrato central e tipografia espacial */
.hero-cinema{background:#071c69;background:radial-gradient(ellipse at 50% 38%,#325fe4 0%,#153bb5 38%,#081a5b 80%);padding:26px 5% 0;position:relative;isolation:isolate}.hero-cinema .hero-top{position:relative;z-index:5}.cinema-stage{position:relative;height:580px;max-width:1500px;margin:0 auto;perspective:950px}.studio-grid{position:absolute;inset:0 -15%;background-image:linear-gradient(#b3caff14 1px,transparent 1px),linear-gradient(90deg,#b3caff14 1px,transparent 1px);background-size:95px 95px;transform:rotateX(67deg) scale(1.4);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000);opacity:.6;pointer-events:none}.type-wall{position:absolute;top:88px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(95px,11vw,180px);line-height:.95;letter-spacing:-5px;color:#a5bded;opacity:.57;white-space:nowrap;pointer-events:none}.wall-left{left:-5%;transform:rotateY(31deg);transform-origin:left center}.wall-right{right:-5%;text-align:right;transform:rotateY(-31deg);transform-origin:right center}.hero-portrait{position:absolute;z-index:3;height:560px;width:auto;max-width:none;left:50%;bottom:0;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 10px 22px #02082266);mask-image:linear-gradient(#000 88%,transparent 100%)}.scene-note{position:absolute;top:37px;left:7%;font-family:Georgia,serif;font-size:20px;font-style:italic;color:#dfdff3;transform:rotate(-10deg)}.cinema-title{position:absolute;z-index:4;left:1%;bottom:38px}.cinema-title .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:10px}.hero-cinema h1{font-size:64px;line-height:.89;letter-spacing:-3px}.hero-cinema h1 em{font-family:Georgia,serif;color:var(--yellow);letter-spacing:-3px}.cinema-aside{position:absolute;z-index:4;right:1%;bottom:50px;text-align:right;font-size:14px;line-height:1.5}.little-star{display:block;font-size:45px;color:var(--yellow);line-height:1;margin-bottom:18px}.floating-work{position:absolute;z-index:2;width:118px;border:5px solid #eee9d7;border-bottom-width:0;background:#eee9d7;box-shadow:14px 20px 35px #0006;transition:transform .25s}.floating-work span{display:block;font-size:8px;letter-spacing:.8px;padding:7px 4px;color:#181d28;font-weight:bold}.work-left{left:15%;top:210px;transform:rotate(-15deg)}.work-right{right:13%;top:225px;width:140px;transform:rotate(13deg)}.work-left:hover{transform:rotate(-9deg) translateY(-5px)}.work-right:hover{transform:rotate(7deg) translateY(-5px)}.floating-crop{aspect-ratio:1.65;overflow:hidden}.cinema-bottom{border-top:1px solid #c1cbf344;position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0 28px}.cinema-bottom>p{font-size:13px;line-height:1.4;color:#c6d2f3}.cinema-bottom strong{color:var(--cream);font-weight:400}.edition{font-size:8px;line-height:1.7;letter-spacing:1.2px;color:#c6d2f3;text-align:right}.portrait-photo{margin:0;position:relative;overflow:hidden;border-radius:3px;max-height:600px}.portrait-photo img{width:100%;height:560px;object-fit:cover;object-position:50% 40%}.portrait-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 25px 23px;color:#fff;font-size:12px;background:linear-gradient(transparent,#081124cc)}
@media(min-width:1500px){.cinema-stage{height:650px}.hero-portrait{height:640px}.type-wall{top:105px}.work-left{top:270px}.work-right{top:270px}}
@media(max-width:1000px){.cinema-stage{height:560px}.hero-portrait{height:525px}.type-wall{font-size:105px;top:125px}.hero-cinema h1{font-size:52px}.cinema-aside{font-size:12px;bottom:35px}.work-left{left:4%;top:235px;width:90px}.work-right{right:4%;top:260px;width:110px}.cinema-title{bottom:30px}.cinema-bottom .edition{display:none}.portrait-photo img{height:500px}}
@media(max-width:700px){.hero-cinema{padding:24px 6% 0}.hero-cinema .hero-top .eyebrow{font-size:8px;letter-spacing:.55px}.cinema-stage{height:525px;margin-top:15px}.type-wall{font-size:73px;letter-spacing:-3px;top:72px;line-height:1.1;opacity:.5}.wall-left{left:-10%;transform:rotateY(28deg)}.wall-right{right:-10%;transform:rotateY(-28deg)}.hero-portrait{height:440px;bottom:44px;left:51%;max-width:none}.scene-note{top:12px;font-size:14px;left:0}.floating-work{z-index:2;border-width:3px}.work-left{left:-1%;top:228px;width:68px}.work-right{right:-2%;top:260px;width:78px}.floating-work span{font-size:6px;padding:5px 2px;letter-spacing:0}.cinema-title{bottom:5px;left:0}.hero-cinema h1{font-size:43px;line-height:.95;letter-spacing:-2px}.hero-cinema h1 em{letter-spacing:-2px}.cinema-title .eyebrow{font-size:7px;margin-bottom:7px}.cinema-aside{right:0;bottom:12px;font-size:10px;max-width:135px}.little-star{font-size:26px;margin-bottom:8px}.cinema-bottom{margin-top:19px;padding:19px 0 24px;flex-direction:column;align-items:flex-start;gap:16px}.cinema-bottom>p{font-size:12px}.cinema-bottom>p br{display:none}.cinema-bottom>p strong::before{content:' '}.cinema-bottom .actions{gap:17px}.cinema-bottom .button{font-size:11px}.cinema-bottom .text-link{font-size:11px}.portrait-photo{order:2;max-height:none}.portrait-photo img{height:auto;max-height:510px;object-fit:cover}.portrait-photo figcaption{font-size:11px}}
@media(max-width:360px){.hero-portrait{height:390px;bottom:55px}.cinema-stage{height:470px}.type-wall{font-size:62px}.hero-cinema h1{font-size:39px}.cinema-aside{font-size:9px;max-width:115px}.work-left{top:205px}.work-right{top:225px}}
/* Hero v3 — luz de janela, moldura e ícones volumétricos */
.hero-cinema{background:linear-gradient(115deg,#071743 0%,#153d97 46%,#244daf 70%,#071b50 100%)}.hero-cinema::before{content:'';position:absolute;inset:15px 20px;border:1px solid #acc9ff42;border-radius:10px;pointer-events:none;z-index:0}.cinema-stage{isolation:isolate}.window-light{position:absolute;inset:-60px -15% -10px;z-index:-1;pointer-events:none;background:linear-gradient(154deg,transparent 22%,#020c3190 24%,#020c3190 26%,transparent 29%,transparent 48%,#020c3180 50%,#020c3180 53%,transparent 56%),linear-gradient(78deg,transparent 65%,#020c3190 67%,#020c3190 70%,transparent 72%),radial-gradient(ellipse at 85% 12%,#b3d7ff6b,transparent 52%);filter:blur(6px)}.creative-backdrop{position:absolute;left:0;right:0;top:110px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(95px,14vw,215px);letter-spacing:-.07em;line-height:1;color:#a9c4ef;opacity:.62;z-index:0;pointer-events:none}.hero-cinema .scene-note{top:27px;left:0;right:0;transform:none;text-align:center;border:1px solid #c7d7ff42;border-radius:40px;background:#b4d1ff0b;padding:9px 16px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-style:normal;letter-spacing:1.8px;color:#d8e5ff}.scene-note span{margin:0 18px;color:var(--yellow)}.hero-portrait{height:550px;bottom:0;max-width:100%;object-fit:contain;pointer-events:none}.software-icon{position:absolute;z-index:4;width:96px;height:96px;border-radius:22px;display:grid;place-items:center;transform-style:preserve-3d;box-shadow:inset 2px 3px 4px #ffffff50,inset -4px -5px 8px #0009,7px 8px 0 #071635,11px 13px 1px #03112c,20px 27px 24px #0007;border:1px solid #5595d780}.software-icon span{font-family:Arial,Helvetica,sans-serif;font-size:47px;line-height:1;font-weight:600;letter-spacing:-3px;text-shadow:1px 2px 0 #0008}.photoshop{left:13%;top:270px;transform:perspective(500px) rotateY(18deg) rotateZ(-16deg);background:linear-gradient(145deg,#13406c,#001d36);color:#31b4ff}.illustrator{right:12%;top:310px;transform:perspective(500px) rotateY(-20deg) rotateZ(13deg);background:linear-gradient(145deg,#593310,#2f1001);color:#ffad32;border-color:#f9a14370;box-shadow:inset 2px 3px 4px #ffc77d50,inset -4px -5px 8px #0009,7px 8px 0 #231006,11px 13px 1px #150a03,20px 27px 24px #0007}.hero-cinema .cinema-title{z-index:5}.hero-cinema .cinema-bottom{border-top-color:#c7d7ff42}.hero-cinema .little-star{display:none}.hero-cinema .cinema-aside{bottom:43px}.hero-cinema .hero-top{padding-top:4px}
@media(min-width:1500px){.hero-portrait{height:630px}.creative-backdrop{top:130px}}
@media(max-width:1000px){.creative-backdrop{top:135px;font-size:14vw}.hero-portrait{height:510px}.software-icon{width:76px;height:76px;border-radius:18px}.software-icon span{font-size:37px}.photoshop{left:4%;top:265px}.illustrator{right:4%;top:300px}}
@media(max-width:700px){.hero-cinema::before{inset:10px;border-radius:7px}.hero-cinema .scene-note{top:10px;font-size:6px;letter-spacing:.8px;padding:8px 5px}.scene-note span{margin:0 5px}.creative-backdrop{top:105px;left:-3%;right:-3%;font-size:17vw;letter-spacing:-.07em}.hero-portrait{height:auto;width:100%;max-width:100%;bottom:85px;left:50%;max-height:405px;object-fit:contain}.software-icon{width:51px;height:51px;border-radius:12px}.software-icon span{font-size:27px;letter-spacing:-2px}.photoshop{left:0;top:175px;transform:rotate(-15deg);box-shadow:inset 2px 2px 3px #ffffff50,inset -2px -3px 4px #0009,4px 5px 0 #071635,7px 8px 0 #03112c,10px 15px 20px #0007}.illustrator{right:0;top:230px;transform:rotate(12deg);box-shadow:inset 2px 2px 3px #ffc77d50,inset -2px -3px 4px #0009,4px 5px 0 #231006,7px 8px 0 #150a03,10px 15px 20px #0007}.hero-cinema .cinema-aside{bottom:12px}.cinema-stage{height:490px}.cinema-title{bottom:5px}}
@media(max-width:360px){.cinema-stage{height:455px}.hero-portrait{bottom:95px}.photoshop{top:155px}.illustrator{top:205px}}
/* Hero v4 — título em duas linhas e luz azul em movimento */
.hero-cinema .creative-backdrop{top:115px;font-size:clamp(84px,12vw,180px);line-height:.9;letter-spacing:-.065em;display:flex;flex-direction:column;gap:12px}.blue-atmosphere{position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 35%,#247aff88 0%,#247aff00 48%),radial-gradient(ellipse at 76% 68%,#7badff66 0%,#548cff00 48%),radial-gradient(ellipse at 50% 45%,#05205f66,transparent 62%);opacity:.6;animation:blue-atmosphere-drift 24s ease-in-out infinite alternate;transform-origin:center}.hero-cinema .cinema-stage{z-index:1}.hero-cinema .cinema-bottom{z-index:5}@keyframes blue-atmosphere-drift{0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.45}50%{opacity:.7}100%{transform:translate3d(4%,3%,0) scale(1.07);opacity:.55}}@media(min-width:1500px){.hero-cinema .creative-backdrop{top:125px}}@media(max-width:1000px){.hero-cinema .creative-backdrop{top:135px;font-size:12.8vw;gap:15px}}@media(max-width:700px){.hero-cinema .creative-backdrop{top:115px;font-size:16.8vw;gap:10px}}@media(max-width:360px){.hero-cinema .creative-backdrop{top:105px}}@media(prefers-reduced-motion:reduce){.blue-atmosphere{animation:none!important;transform:none;opacity:.5}}
/* Fundo animado contínuo, sob o tratamento azul e o conteúdo. */
.hero-cinema{background:#061840}.hero-motion,.hero-blue-wash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-blue-wash{background:linear-gradient(110deg,#071945b3,#123ca153 50%,#0924569e)}.hero-cinema .window-light{opacity:.32}.motion-toggle{position:absolute;right:30px;bottom:9px;border:0;background:transparent;color:#d0def8;font:9px Arial,sans-serif;padding:5px 8px;cursor:pointer;z-index:6}.motion-toggle:hover{text-decoration:underline}.hero-cinema .cinema-bottom{padding-bottom:37px}@media(max-width:700px){.motion-toggle{right:19px;bottom:8px}.hero-cinema .cinema-bottom{padding-bottom:34px}}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
/* Flutuação discreta dos ícones, preservando a perspectiva original. */
.software-icon.photoshop{animation:software-float 6s ease-in-out infinite}.software-icon.illustrator{animation:software-float 7.5s ease-in-out -2.5s infinite reverse}@keyframes software-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}@media(max-width:700px){@keyframes software-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -5px;rotate:1deg}}}@media(prefers-reduced-motion:reduce){.software-icon.photoshop,.software-icon.illustrator{animation:none!important;translate:none;rotate:none}}
/* Galeria imersiva: quatro composições editoriais, um projeto por slide. */
.immersive-projects{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 15%,#204b9e88,transparent 55%),radial-gradient(ellipse at 90% 80%,#1655ad88,transparent 55%),#081b45;color:#f4f1e9;border-top:1px solid #b3d0ff2b}.immersive-projects::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(132deg,transparent 25%,#74acff13 40%,transparent 55%,#87baff10 65%,transparent 80%);background-size:180% 180%;animation:project-ambience 22s ease-in-out infinite alternate}.immersive-projects h2 em{color:#a9c7ff}.immersive-projects .section-top>p{color:#c3d2ed}.project-showcase{border:1px solid #9cbbf04a;border-radius:10px;padding:15px;background:#06122b50;box-shadow:0 20px 70px #0003}.showcase-slide[hidden]{display:none}.showcase-slide{animation:collage-appear .65s ease both}.collage-link{display:block}.collage-scene{position:relative;padding:55px 30px 38px;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 50% 20%,#9a7048,#493629)}.collage-fitness{background:radial-gradient(ellipse at 50% 20%,#73905a,#263f33)}.collage-restaurante{background:radial-gradient(ellipse at 50% 20%,#9b5136,#3c1e23)}.collage-estetica{background:radial-gradient(ellipse at 50% 20%,#936f9c,#3d2856)}.collage-tag{position:absolute;left:25px;top:18px;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#fff}.collage-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:18px;padding:15px 0}.collage-four img{width:100%;height:auto;box-shadow:0 15px 26px #0005;border:3px solid #fff9;transform:rotate(-4deg)}.collage-four img:nth-child(2){transform:rotate(3deg) translateY(13px)}.collage-four img:nth-child(3){transform:rotate(-3deg) translateY(-7px)}.collage-four img:nth-child(4){transform:rotate(4deg) translateY(10px)}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 12px}.showcase-caption .eyebrow{font-size:9px;color:#aec4ed}.showcase-caption h3{font-size:34px;line-height:1.15;letter-spacing:-1px;margin-top:8px}.showcase-open{font-size:12px;white-space:nowrap}.showcase-open>span{display:inline-block;font-size:25px;margin-left:14px}.carousel-toolbar{border-top:1px solid #9cbbf034;padding:17px 10px 4px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.carousel-toolbar[hidden]{display:none}.carousel-dots{display:flex;gap:7px;flex-wrap:wrap}.carousel-toolbar button{background:transparent;border:1px solid #adc5f05e;color:#eaf1ff;border-radius:4px;padding:9px 12px;cursor:pointer;font:11px Arial,sans-serif}.carousel-dots button[aria-pressed=true]{background:#f2d64b;border-color:#f2d64b;color:#17243d}.dot-number{font-size:11px}.dot-name{margin-left:7px;font-size:10px}.carousel-buttons{display:flex;gap:6px}.carousel-toolbar button:hover{border-color:#f2d64b}.projects-links{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:12px}.projects-links a{padding-bottom:5px;border-bottom:1px solid #8da9dd77}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes collage-appear{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes project-ambience{to{background-position:100% 100%}}@media(max-width:900px){.dot-name{display:none}.collage-four{gap:12px}.collage-scene{padding:45px 22px 30px}.showcase-caption h3{font-size:28px}}@media(max-width:600px){.project-showcase{padding:9px}.collage-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 0}.collage-scene{padding:44px 22px 27px}.collage-four img{border-width:2px}.collage-four img:nth-child(2){transform:rotate(3deg) translateY(5px)}.collage-four img:nth-child(3){transform:rotate(-3deg) translateY(3px)}.collage-four img:nth-child(4){transform:rotate(4deg) translateY(7px)}.collage-tag{left:18px;font-size:8px}.showcase-caption{padding:21px 7px;align-items:flex-start}.showcase-caption .eyebrow{font-size:7px;letter-spacing:.6px}.showcase-caption h3{font-size:24px}.showcase-open{font-size:0}.showcase-open>span{font-size:28px;margin:7px 0 0}.carousel-toolbar{padding:15px 3px 4px;gap:12px}.carousel-buttons{margin-left:auto}.carousel-toolbar button{padding:10px;font-size:10px}.projects-links{font-size:11px}}

/* Transição editorial entre a apresentação e o olhar do designer. */
.chapter-divider{background:var(--yellow);color:#102652;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:35px;padding:32px 6%;position:relative;border-bottom:1px solid #10265233}.chapter-label{font-size:10px;font-weight:700;letter-spacing:2px;align-self:start;padding-top:9px}.chapter-divider p{font-size:clamp(28px,3.6vw,52px);font-weight:750;letter-spacing:-1.8px;line-height:1.08}.chapter-divider em{font-family:Georgia,serif;font-weight:400}.chapter-divider a{display:grid;place-items:center;width:70px;height:70px;border:1px solid #10265266;border-radius:50%;font-size:43px;transition:background .2s,color .2s}.chapter-divider a:hover{background:#102652;color:var(--yellow)}.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0}.gallery-heading h2{font-size:26px;letter-spacing:-.8px}.gallery-heading p{font-size:12px;color:#56584e}@media(max-width:700px){.chapter-divider{grid-template-columns:1fr auto;gap:18px;padding:27px 6%}.chapter-label{grid-column:1/-1;padding:0;font-size:8px}.chapter-divider p{font-size:32px;letter-spacing:-1px}.chapter-divider a{width:46px;height:46px;font-size:30px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:5px}.gallery-heading h2{font-size:25px}}

/* Ajustes de cor, transição compacta e retrato de contato. */
.about{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 18%,#3263bd88,transparent 62%),linear-gradient(120deg,#071945,#173f91 55%,#0b265a);color:#f4f1e9}.about h2 em{color:var(--yellow)}.about-copy>p:not(.eyebrow){color:#d6e1f5}.about-copy .text-link{color:#f4f1e9;border-color:#adc5ee80}.about .portrait-photo{box-shadow:0 22px 60px #020f3040;border:1px solid #b4cefa40}.chapter-divider{padding-top:20px;padding-bottom:20px;gap:22px}.chapter-divider p{font-size:clamp(27px,3.1vw,44px)}.chapter-divider a{width:56px;height:56px;font-size:35px}.projects-links{justify-content:flex-end}.contact-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:8%;align-items:center}.contact .contact-grid{grid-template-columns:1fr;gap:28px}.contact h2{font-size:clamp(44px,4.8vw,70px)}.contact-portrait{position:relative;margin:0;border-radius:8px;overflow:hidden;border:1px solid #ffffff40;box-shadow:0 25px 65px #07194555;max-width:440px}.contact-portrait img{display:block;width:100%;height:480px;object-fit:cover;object-position:center 37%}.contact-portrait figcaption{position:absolute;inset:auto 0 0;padding:50px 23px 22px;font-size:12px;color:#fff;background:linear-gradient(transparent,#100c09dd)}@media(max-width:700px){.chapter-divider{padding:18px 6%;gap:10px}.chapter-divider p{font-size:28px}.chapter-divider a{width:42px;height:42px;font-size:28px}.contact-layout{grid-template-columns:1fr;gap:34px}.contact h2{font-size:46px}.contact-portrait{width:100%;max-width:none}.contact-portrait img{height:340px;object-position:center 32%}}
/* Contato editorial: fotografia integrada ao ambiente, sem card. */
.contact{background:radial-gradient(ellipse at 75% 45%,#2458a9 0%,#113579 40%,#081d49 85%);overflow:hidden;padding-bottom:0}.contact-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:3%;align-items:center;max-width:1400px;margin:auto}.contact-copy{position:relative;z-index:2;padding-bottom:80px}.contact-portrait{align-self:end;width:100%;max-width:520px;border:0;border-radius:0;box-shadow:none;overflow:visible;margin:0 auto}.contact-portrait img{height:620px;width:100%;object-fit:cover;object-position:center 60%;mask-image:linear-gradient(to right,transparent,#000 17%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 78%,transparent);mask-composite:intersect}.contact-portrait figcaption{display:none}.contact h2{font-size:clamp(44px,5vw,76px)}@media(max-width:700px){.contact{padding-bottom:0}.contact-layout{grid-template-columns:1fr;gap:0}.contact-copy{padding-bottom:0}.contact h2{font-size:46px}.contact-portrait{width:90%;max-width:380px;margin:10px auto -10px}.contact-portrait img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 60%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 76%,transparent)}}

/* Contato sem fotografia. */
.contact{padding-bottom:90px}.contact-layout{display:block}.contact-copy{padding-bottom:0}.contact .contact-grid{grid-template-columns:1.3fr 1fr;gap:7%;align-items:end}@media(max-width:700px){.contact{padding-bottom:58px}.contact .contact-grid{grid-template-columns:1fr;gap:28px}}

.hero-cinema .window-light{display:none}.hero-blue-wash{background:linear-gradient(110deg,#07194555,#123ca118 50%,#09245655)}.project-divider{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--yellow);color:#102652;padding:11px 6%;font-size:9px;letter-spacing:1.8px;font-weight:700}.project-divider span:last-child{white-space:nowrap}@media(max-width:600px){.project-divider{padding:10px 6%;font-size:7px;letter-spacing:1px}}

/* Movimento restrito ao limite inferior do retrato. */
.hero-cinema{background:radial-gradient(ellipse at 50% 32%,#244ba1,#0b245c 78%)}.hero-motion{bottom:auto;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}.hero-blue-wash{background:linear-gradient(110deg,#07194522,#123ca108 50%,#09245633)}

/* Vídeo em monocromia azul, sem ultrapassar a cintura. */
.hero-video-layer{position:absolute;top:0;left:0;width:100%;height:70%;z-index:-1;pointer-events:none;overflow:hidden;background:#153c8a;mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%)}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen;opacity:.66}.hero-video-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#071c5855,#154ad322,#09265a66)}@media(prefers-reduced-motion:reduce){.hero-video{visibility:hidden}}

/* Vídeo ampliado e espelhado para ocupar os dois lados do retrato. */
.hero-video{position:absolute;inset:0;transform:scale(1.32);transform-origin:center;opacity:.78}.hero-video-layer::after{background:linear-gradient(100deg,#071c5833,#154ad311,#09265a44)}

/* Ícones em espaços próprios, sem sobrepor textos ou projetos. */
.section-tools{display:flex;align-items:center;gap:30px;min-height:70px;margin:0 0 32px;padding:8px 12px 10px;pointer-events:none}.section-tools .software-icon{position:relative;inset:auto;width:48px;height:48px;border-radius:12px;flex:none;z-index:auto}.section-tools .software-icon span{font-size:26px;letter-spacing:-1.5px}.section-tools .photoshop{transform:rotate(-12deg);box-shadow:inset 2px 2px 3px #ffffff50,inset -2px -3px 4px #0009,4px 5px 0 #071635,7px 8px 0 #03112c,10px 15px 20px #0003}.section-tools .illustrator{transform:rotate(12deg);box-shadow:inset 2px 2px 3px #ffc77d50,inset -2px -3px 4px #0009,4px 5px 0 #231006,7px 8px 0 #150a03,10px 15px 20px #0003}.projects>.section-tools{justify-content:flex-end;margin-bottom:12px}.services>.section-tools{margin-bottom:25px}.contact .section-tools{margin-bottom:30px}
/* Chamadas com movimento curto e resposta ao mouse e teclado. */
.chapter-divider a span{display:block;animation:chapter-arrow 3s ease-in-out infinite}.chapter-divider a{transition:transform .25s,background .25s,color .25s}.chapter-divider a:is(:hover,:focus-visible){transform:rotate(-10deg) scale(1.06);background:#102652;color:var(--yellow)}@keyframes chapter-arrow{0%,65%,100%{translate:0 0}80%{translate:3px 3px}90%{translate:0 0}}
.cinema-bottom .button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.cinema-bottom .button::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff60 50%,transparent 65%);transform:translateX(-120%);animation:button-sheen 6s ease-in-out infinite}.cinema-bottom .button>span{display:inline-block;animation:cta-arrow 3s ease-in-out infinite}.cinema-bottom .button:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 8px 22px #0003}.cinema-bottom .text-link.whatsapp{display:inline-flex;align-items:center;gap:7px;transition:color .25s,transform .25s,border-color .25s}.cinema-bottom .text-link.whatsapp span{display:inline-block;transition:transform .25s}.cinema-bottom .text-link.whatsapp:is(:hover,:focus-visible){color:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}.cinema-bottom .text-link.whatsapp:is(:hover,:focus-visible) span{transform:translate(3px,-3px)}@keyframes button-sheen{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}@keyframes cta-arrow{0%,65%,100%{translate:0 0}80%{translate:0 4px}}
@media(max-width:700px){.section-tools{gap:26px;margin-bottom:24px;min-height:58px}.section-tools .software-icon{width:40px;height:40px;border-radius:10px}.section-tools .software-icon span{font-size:23px}.projects>.section-tools{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.chapter-divider a span,.cinema-bottom .button>span,.cinema-bottom .button::after{animation:none}.cinema-bottom .button::after{display:none}.chapter-divider a:is(:hover,:focus-visible),.cinema-bottom .button:is(:hover,:focus-visible),.cinema-bottom .text-link.whatsapp:is(:hover,:focus-visible),.cinema-bottom .text-link.whatsapp:is(:hover,:focus-visible) span{transform:none}}

/* Figma e ChatGPT, com o mesmo acabamento tridimensional. */
.section-tools .figma{background:linear-gradient(145deg,#393d50,#141725);border-color:#ffffff38;transform:rotate(-12deg);box-shadow:inset 2px 3px 4px #ffffff50,inset -3px -4px 6px #0009,4px 5px 0 #0d1223,7px 8px 0 #060a14,10px 15px 20px #0003;animation:software-float 6s ease-in-out infinite}.section-tools .figma svg{width:23px;height:34px;filter:drop-shadow(1px 2px 1px #0008)}.section-tools .chatgpt{background:linear-gradient(145deg,#258578,#064338);border-color:#b2fff055;transform:rotate(12deg);box-shadow:inset 2px 3px 4px #c5fff750,inset -3px -4px 6px #0009,4px 5px 0 #03372f,7px 8px 0 #05261f,10px 15px 20px #0003;animation:software-float 7.5s ease-in-out -2s infinite reverse}.section-tools .chatgpt img{width:29px;height:29px;filter:invert(1) drop-shadow(1px 2px 1px #0004)}
.project-divider.marquee{position:relative;display:flex;padding:0;gap:0;box-shadow:0 -2px 13px #ffe77745,0 2px 13px #ffe77745;border-block:1px solid #fff4a9;z-index:1}.marquee-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;width:max-content;animation:project-marquee 28s linear infinite}.marquee-group{display:flex;align-items:center;gap:42px;padding:11px 21px;flex-shrink:0;white-space:nowrap}.marquee-group i{font-size:13px;font-style:normal}.marquee-toggle{align-self:stretch;border:0;border-left:1px solid #10265230;background:transparent;color:#102652;width:38px;cursor:pointer;font-size:13px;flex-shrink:0}.marquee:is(:hover,:focus-within) .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}@keyframes project-marquee{to{transform:translateX(-50%)}}@media(max-width:700px){.section-tools .figma svg{height:28px;width:19px}.section-tools .chatgpt img{width:25px;height:25px}.marquee-group{gap:28px;padding:9px 14px}}@media(prefers-reduced-motion:reduce){.section-tools .figma,.section-tools .chatgpt,.marquee-track{animation:none!important}.marquee-toggle{display:none}}
.marquee-group{min-width:100vw;justify-content:space-around;box-sizing:border-box}

.section-tools .chatgpt svg{width:29px;height:29px;filter:drop-shadow(1px 2px 1px #0004)}@media(max-width:700px){.section-tools .chatgpt svg{width:25px;height:25px}}

/* Serviços com destaque e resposta ao mouse. */
#servicos h2 em{color:var(--blue)}.service-row h3{transition:color .28s ease,transform .28s ease;text-underline-offset:7px}.service-row:hover h3{color:var(--blue);transform:translateX(7px)}.service-row .service-symbol{transition:transform .28s ease}.service-row:hover .service-symbol{transform:translate(4px,-4px)}
/* Vídeo de contato com tratamento azul e contraste para leitura. */
.contact{position:relative;isolation:isolate}.contact-video-layer{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#123777}.contact-video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);mix-blend-mode:screen;opacity:.5;transform:scale(1.15)}.contact-video-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#061b4cc9,#10367488 65%,#09265899)}.contact-motion-toggle{position:absolute;right:5%;bottom:15px;border:0;background:transparent;color:#d6e2fa;font:10px Arial,sans-serif;padding:8px;cursor:pointer}.contact-motion-toggle:hover{text-decoration:underline}.contact-motion-toggle[hidden]{display:none}@media(prefers-reduced-motion:reduce){.service-row:hover h3,.service-row:hover .service-symbol{transform:none}.contact-video{visibility:hidden}}
.contact-video{opacity:.7}.contact-video-layer::after{background:linear-gradient(100deg,#061b4c88,#10367455 65%,#09265877)}

/* Contato específico para cada serviço, também acessível no celular. */
.service-row .service-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;width:46px;min-height:46px;border:1px solid #173ee255;border-radius:50%;font-size:27px;color:var(--blue);transition:background .2s,color .2s,transform .2s}.service-cta-label{display:none}.service-row .service-whatsapp:is(:hover,:focus-visible){background:var(--blue);color:#fff;transform:translate(2px,-2px)}.service-row:focus-within h3{color:var(--blue)}@media(max-width:1000px){.service-row .service-whatsapp{grid-column:2/-1;justify-self:start;width:auto;min-height:44px;border-radius:30px;padding:7px 17px;font-size:22px}.service-cta-label{display:inline;font-size:12px}}@media(prefers-reduced-motion:reduce){.service-row .service-whatsapp:is(:hover,:focus-visible){transform:none}}

/* O título é a chamada de contato de cada serviço. */
.service-title-link{display:inline-block;min-height:44px;border-radius:3px;text-decoration:none;transition:color .25s,text-decoration-color .25s}.service-title-link:hover,.service-title-link:focus-visible{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.service-title-link:focus-visible{outline:2px solid var(--blue);outline-offset:6px}@media(min-width:1001px){.service-row{grid-template-columns:50px 1fr 1.1fr}}

/* Otimizacao de fluidez: preserva o visual da galeria, evita repinturas continuas. */
.immersive-projects::before{animation:none;background-position:50% 50%}
.immersive-projects .reveal{animation:none;opacity:1;transform:none}
.project-showcase{isolation:isolate}
.collage-four img{backface-visibility:hidden}
@media (prefers-reduced-motion: reduce){.showcase-slide{animation:none}}