.services-page{overflow-x:clip}
.services-page .site-header{position:absolute;inset:0 0 auto;z-index:100;background:transparent;color:#fff}
.services-page .site-header .brand img{filter:invert(1)}
.services-page .site-header .menu-toggle{background:#ffffff18;border-color:#ffffff69;color:#fff;box-shadow:none;backdrop-filter:blur(14px)}
.services-page .site-header .menu-toggle:hover{background:#ffffff2e}
.services-page .site-header .side-menu{color:#fff}
.services-page .svc-page{overflow:clip}
.services-page .svc-hero{position:relative;min-height:100svh;overflow:hidden;background:#111;color:#fff}
.services-page .svc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 2%,#111e 43%,#1118 73%,#1115),linear-gradient(0deg,#111d,transparent 45%);pointer-events:none}
.services-page .svc-hero-collage{position:absolute;inset:0;overflow:hidden;transform:translate3d(calc(var(--mx,0)*14px),calc(var(--my,0)*14px),0);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.services-page .svc-hero-image{position:absolute;overflow:hidden;border-radius:18px;box-shadow:0 25px 90px #0006;animation:svc-float 12s ease-in-out infinite alternate}
.services-page .svc-hero-image img{width:100%;height:100%;object-fit:cover}
.services-page .svc-hero-image--1{width:31%;height:53%;right:7%;top:12%;transform:rotate(8deg)}
.services-page .svc-hero-image--2{width:27%;height:47%;right:25%;top:37%;transform:rotate(-9deg);animation-delay:-5s}
.services-page .svc-hero-image--3{width:25%;height:38%;right:-2%;bottom:-2%;transform:rotate(11deg);animation-delay:-8s}
@keyframes svc-float{from{translate:0 -12px}to{translate:0 13px}}
.services-page .svc-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100svh;padding:clamp(170px,20vh,250px) var(--gutter) 55px}
.services-page .svc-kicker{font-size:12px;font-weight:600;letter-spacing:.17em}
.services-page .svc-hero h1{font-size:clamp(86px,12vw,215px);line-height:.88;letter-spacing:-.084em;font-weight:500;max-width:8.5ch;margin:clamp(60px,10vh,140px) 0 0;text-wrap:balance}
.services-page .svc-hero h1 em{color:#f7e15d;font-style:normal}
.services-page .svc-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:auto;padding-top:65px}
.services-page .svc-hero-bottom p{font-size:clamp(17px,1.6vw,24px);line-height:1.45;max-width:450px;color:#e5e5e1}
.services-page .svc-scroll-link{display:flex;gap:55px;align-items:center;border-bottom:1px solid #ffffffa0;padding:10px 0;font-size:14px;white-space:nowrap;transition:gap .5s cubic-bezier(.22,1,.36,1)}
.services-page .svc-scroll-link:hover{gap:75px}
.services-page .svc-scroll-link span{font-size:24px}
.services-page .svc-hero-count{position:absolute;z-index:2;right:var(--gutter);top:150px;font-size:12px;letter-spacing:.12em}
.services-page .svc-index{padding-top:clamp(90px,10vw,170px);padding-bottom:clamp(100px,11vw,185px);background:#fff}
.services-page .svc-index-heading{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #111;padding-top:16px;font-size:12px;letter-spacing:.13em}
.services-page .svc-index nav{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,9vw,160px);margin-top:clamp(60px,8vw,130px)}
.services-page .svc-index nav a{display:grid;grid-template-columns:40px 1fr 25px;align-items:center;gap:15px;border-bottom:1px solid #c6c6c1;padding:28px 0;font-size:clamp(28px,3.7vw,63px);letter-spacing:-.055em;line-height:1.1;transition:color .35s,padding-left .5s cubic-bezier(.22,1,.36,1)}
.services-page .svc-index nav a:hover{padding-left:13px;color:#f7e15d}
.services-page .svc-index nav a span:first-child{font-size:12px;color:#8b8b85;letter-spacing:.1em}
.services-page .svc-index nav a span:last-child{font-size:27px;letter-spacing:0;text-align:right}
.services-page .svc-chapters{position:relative;isolation:isolate;background:#fff}
.services-page .svc-chapter{position:sticky;top:var(--card-top,0px);z-index:var(--card-order,1);display:grid;grid-template-columns:1fr 1fr;min-height:min(100svh,900px);overflow:hidden;background:#f2f2f2;color:#111;border-radius:clamp(26px,4.7vw,76px) clamp(26px,4.7vw,76px) 0 0;margin-top:calc(-1 * clamp(26px,4.7vw,76px));padding-top:clamp(26px,4.7vw,76px)}
.services-page .svc-chapter:first-child{margin-top:0}
.services-page .svc-chapter:nth-child(even){background:#dedede}
.services-page .svc-chapter-copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(55px,7vw,120px) clamp(28px,5vw,85px) clamp(60px,8vw,130px) var(--gutter)}
.services-page .svc-chapter-index{font-size:12px;letter-spacing:.13em}
.services-page .svc-chapter-copy>div{max-width:590px}
.services-page .svc-chapter h2{font-weight:500;font-size:clamp(65px,7.6vw,132px);line-height:.93;letter-spacing:-.078em;margin:0 0 clamp(35px,5vw,75px);overflow-wrap:normal;word-break:normal;hyphens:none}
.services-page .svc-chapter--ambientacao h2{font-size:clamp(42px,4.3vw,86px)}
.services-page .svc-chapter h3{font-size:clamp(30px,3vw,50px);line-height:1.1;letter-spacing:-.055em;font-weight:500;max-width:14ch}
.services-page .svc-chapter p{font-size:clamp(17px,1.4vw,21px);line-height:1.55;max-width:46ch;margin:28px 0 40px;color:#5e5e5a}
.services-page .svc-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-size:15px;transition:gap .5s cubic-bezier(.22,1,.36,1)}
.services-page .svc-link:hover{gap:62px}
.services-page .svc-link span:last-child{font-size:25px}
.services-page .svc-chapter-visual{position:relative;min-height:620px;overflow:hidden;margin:clamp(24px,3vw,52px) var(--gutter) clamp(24px,3vw,52px) 0;border-radius:clamp(16px,2vw,30px);background:#d1d1cc}
.services-page .svc-chapter-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.3s cubic-bezier(.22,1,.36,1)}
.services-page .svc-chapter:hover .svc-chapter-visual>img{transform:scale(1.055)}
.services-page .svc-image-caption{position:absolute;bottom:19px;left:21px;z-index:2;border-radius:100px;background:#ffffffdc;color:#111;padding:9px 14px;font-size:12px}
.services-page .svc-browser{position:absolute;inset:0;background:#d8dacf;padding:clamp(18px,3vw,50px);display:flex;align-items:center;justify-content:center}
.services-page .svc-browser::before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;filter:blur(65px);background:#f7e15d;opacity:.65}
.services-page .svc-browser-bar,.services-page .svc-browser-page{position:relative;z-index:1}
.services-page .svc-browser-bar{position:absolute;top:15%;left:11%;right:11%;height:50px;border-radius:14px 14px 0 0;background:#e9e9e6;display:flex;align-items:center;gap:6px;padding:0 17px}
.services-page .svc-browser-bar i{width:7px;height:7px;border-radius:50%;background:#aaa}
.services-page .svc-browser-bar span{margin:auto;font-size:11px;color:#70706b}
.services-page .svc-browser-page{width:78%;min-height:60%;padding:clamp(30px,4vw,68px);background:#111;color:#fff;border-radius:0 0 14px 14px;box-shadow:18px 25px 45px #0003;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;transform:rotate(-3deg)}
.services-page .svc-browser-page>span{font-size:12px;letter-spacing:.14em}
.services-page .svc-browser-page strong{font-weight:500;font-size:clamp(35px,4vw,69px);letter-spacing:-.07em;line-height:1}
.services-page .svc-browser-page>div{display:flex;gap:8px;flex-wrap:wrap}
.services-page .svc-browser-page>div span{border:1px solid #777;border-radius:99px;padding:6px 10px;font-size:9px;letter-spacing:.1em}
.services-page .svc-end{background:#111;color:#fff;padding-top:clamp(120px,14vw,230px);padding-bottom:clamp(120px,14vw,230px)}
.services-page .svc-end h2{font-weight:500;font-size:clamp(66px,9vw,155px);line-height:.96;letter-spacing:-.07em;max-width:12ch;margin:65px 0 80px}
.services-page .svc-end>div{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}
.services-page .svc-end p{font-size:clamp(18px,1.6vw,25px);max-width:520px;color:#b9b9b4;line-height:1.5}
.services-page .svc-end-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #fff;padding:12px 0;font-size:17px;white-space:nowrap;transition:gap .5s}
.services-page .svc-end-link:hover{gap:75px}
.services-page .svc-end-link span{font-size:25px}
.services-page.svc-motion-ready [data-service-reveal]:not(.svc-in-view){opacity:0;transform:translateY(50px)}
.services-page [data-service-reveal]{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
@media(max-width:900px){.services-page .svc-hero-image--1{width:46%;right:0}.services-page .svc-hero-image--2{width:37%;right:27%}.services-page .svc-hero h1{font-size:clamp(80px,12vw,135px)}.services-page .svc-chapter{grid-template-columns:1fr}.services-page .svc-chapter-copy{min-height:530px;padding-right:var(--gutter)}.services-page .svc-chapter-visual{min-height:500px;margin:0 var(--gutter) var(--gutter)}}
@media(max-width:650px){.services-page .svc-hero-content{padding-top:135px;padding-bottom:36px}.services-page .svc-hero h1{font-size:clamp(70px,15vw,100px);max-width:8ch;margin-top:85px}.services-page .svc-hero-image--1{width:65%;height:36%;right:-16%;top:28%}.services-page .svc-hero-image--2{width:51%;height:32%;right:24%;top:48%}.services-page .svc-hero-image--3{display:none}.services-page .svc-hero::after{background:linear-gradient(180deg,#1118,#1116 32%,#1118 60%,#111 90%)}.services-page .svc-hero-bottom{display:block;padding-top:250px}.services-page .svc-hero-bottom p{font-size:18px}.services-page .svc-scroll-link{margin-top:35px;width:max-content}.services-page .svc-hero-count{top:110px}.services-page .svc-index-heading span:last-child{display:none}.services-page .svc-index nav{grid-template-columns:1fr;margin-top:48px}.services-page .svc-index nav a{padding:23px 0;font-size:clamp(29px,8vw,43px)}.services-page .svc-chapter-copy{min-height:480px;padding:60px var(--gutter) 55px}.services-page .svc-chapter h2{font-size:clamp(60px,13vw,82px);margin-bottom:40px}.services-page .svc-chapter h3{font-size:clamp(32px,8vw,43px)}.services-page .svc-chapter p{font-size:17px;margin:22px 0 28px}.services-page .svc-chapter-visual{min-height:380px;aspect-ratio:1.08}.services-page .svc-browser-page{width:87%;min-height:60%;padding:26px}.services-page .svc-browser-bar{left:6.5%;right:6.5%}.services-page .svc-end h2{font-size:clamp(64px,14vw,90px)}.services-page .svc-end>div{display:block}.services-page .svc-end-link{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.services-page .svc-chapter{position:relative;top:auto}.services-page .svc-hero-image{animation:none}.services-page .svc-hero-collage,.services-page [data-service-reveal],.services-page .svc-chapter-visual>img{transition:none}.services-page.svc-motion-ready [data-service-reveal]:not(.svc-in-view){opacity:1;transform:none}}
.motion-paused .svc-hero-image{animation:none!important}.motion-paused .svc-hero-collage{transform:none!important}.motion-paused [data-service-reveal]{opacity:1!important;transform:none!important}

.motion-paused .svc-chapter{position:relative;top:auto}

/* One light editorial opening: the service list is part of the hero. */
.services-page .site-header{color:#111}
.services-page .site-header .brand img{filter:none}
.services-page .site-header .menu-toggle{background:#fff;border-color:#dededb;color:#111;box-shadow:0 8px 28px #00000014;backdrop-filter:none}
.services-page .site-header .menu-toggle:hover{background:#f2f2f2}
.services-page .site-header .side-menu{color:#fff}
.services-page .svc-intro{background:#fff;color:#111;padding-top:clamp(158px,17vh,215px);padding-bottom:clamp(100px,10vw,170px)}
.services-page .svc-intro-top{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.services-page .svc-intro-mark{font-size:12px;letter-spacing:.12em;color:#858581}
.services-page .svc-intro-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:clamp(35px,5vw,100px);margin:clamp(72px,10vw,155px) 0 clamp(100px,10vw,170px)}
.services-page .svc-intro h1{font-size:clamp(74px,9vw,160px);line-height:.93;letter-spacing:-.08em;font-weight:500;max-width:10ch}
.services-page .svc-intro h1 em{font-style:normal;color:#858581}
.services-page .svc-intro-lead p{font-size:clamp(18px,1.7vw,25px);line-height:1.45;max-width:420px;padding-bottom:.16em}
.services-page .svc-service-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,9vw,160px);margin-top:clamp(42px,5vw,75px)}
.services-page .svc-service-nav a{display:grid;grid-template-columns:40px 1fr 25px;align-items:center;gap:15px;border-bottom:1px solid #c6c6c1;padding:28px 0;font-size:clamp(28px,3.7vw,63px);letter-spacing:-.055em;line-height:1.1;transition:padding-left .5s cubic-bezier(.22,1,.36,1)}
.services-page .svc-service-nav a:hover{padding-left:13px}
.services-page .svc-service-nav a span:first-child{font-size:12px;color:#8b8b85;letter-spacing:.1em}
.services-page .svc-service-nav a span:last-child{font-size:27px;letter-spacing:0;text-align:right;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.services-page .svc-service-nav a:hover span:last-child{transform:translate(4px,-4px)}
@media(max-width:900px){.services-page .svc-intro-lead{grid-template-columns:1fr;gap:35px;margin:75px 0 100px}.services-page .svc-intro-lead p{max-width:580px}}
@media(max-width:650px){.services-page .svc-intro{padding-top:135px;padding-bottom:100px}.services-page .svc-intro-mark{display:none}.services-page .svc-intro-lead{margin:70px 0 90px}.services-page .svc-intro h1{font-size:clamp(64px,15vw,90px)}.services-page .svc-intro-lead p{font-size:18px}.services-page .svc-service-nav{grid-template-columns:1fr;margin-top:42px}.services-page .svc-service-nav a{padding:23px 0;font-size:clamp(29px,8vw,43px)}}
@media(max-width:650px){.services-page .svc-chapter--ambientacao h2{font-size:clamp(31px,8vw,55px)}}

.services-page .svc-browser--bruno{background:#c8d3d0;padding:clamp(22px,3vw,52px)}
.services-page .svc-browser--bruno::before{display:none}
.services-page .svc-browser-frame{width:100%;height:100%;display:flex;flex-direction:column;border-radius:13px;overflow:hidden;background:#ecede8;box-shadow:0 24px 65px #12353e40}
.services-page .svc-browser-toolbar{flex:0 0 38px;display:flex;align-items:center;gap:6px;background:#f4f3f0;padding:0 14px;border-bottom:1px solid #d8dfdc}
.services-page .svc-browser-toolbar i{width:6px;height:6px;border-radius:50%;background:#bcc9c6}
.services-page .svc-browser-toolbar span{margin:auto;font-size:10px;color:#667472}
.services-page .svc-bruno-site{flex:1;min-height:0;display:flex;flex-direction:column;background:#d9cbbd;color:#173f48}
.services-page .svc-bruno-site-header{display:flex;align-items:center;gap:9px;padding:clamp(16px,2vw,30px);font-size:12px;font-weight:600;line-height:1.1}
.services-page .svc-bruno-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#376673;color:#fff;font-size:26px}
.services-page .svc-bruno-site-header small{margin-left:auto;font-size:8px;letter-spacing:.1em}
.services-page .svc-bruno-site-main{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 46%;align-items:end;overflow:hidden}
.services-page .svc-bruno-site-main strong{position:relative;z-index:1;align-self:center;padding:0 0 0 clamp(20px,3vw,52px);font-size:clamp(28px,3.9vw,70px);font-weight:500;line-height:1.05;letter-spacing:-.065em}
.services-page .svc-bruno-site-main img{width:100%;height:100%;object-fit:cover;object-position:center 24%;align-self:stretch}
.services-page .svc-bruno-site-footer{display:flex;justify-content:space-between;gap:12px;padding:14px clamp(20px,3vw,52px);background:#275763;color:#fff;font-size:10px;letter-spacing:.04em}
@media(max-width:650px){.services-page .svc-browser--bruno{padding:18px}.services-page .svc-browser-toolbar{flex-basis:30px}.services-page .svc-bruno-site-header{padding:14px}.services-page .svc-bruno-site-header small{display:none}.services-page .svc-bruno-site-main{grid-template-columns:1fr 43%}.services-page .svc-bruno-site-main strong{font-size:clamp(26px,7vw,42px);padding-left:18px}.services-page .svc-bruno-site-footer{padding:12px 18px;font-size:8px}}