:root{--orange:#ff8b35;--ink:#292821;--paper:#f5f2eb;--line:#29282140;--serif:'Libre Caslon Text',Georgia,serif;--sans:'Ubuntu',sans-serif;--radius:7px}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none}img,video{display:block;max-width:100%;height:auto}img{width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--sans);font-weight:400;letter-spacing:-.025em;line-height:1.12}h2{font-size:42px}p{line-height:1.75}em{font-family:var(--serif);font-weight:400}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:15px}.section{padding:100px 6vw}.header{position:fixed;z-index:40;left:0;right:0;top:0;padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;color:white;transition:transform .45s,background .4s,padding .4s,color .4s}.brand{display:inline-flex;gap:20px;align-items:center}.logo-word{display:block;width:8.125em;height:1.5em;font-size:25px;background-image:url('/assets/logo-original.png');background-repeat:no-repeat;background-size:22.875em 33em;background-position:-7.5em -17.6875em;mix-blend-mode:multiply;flex-shrink:0}.brand-descriptor{font-family:var(--sans);font-size:11px;line-height:1.3;letter-spacing:.045em;border-left:1px solid currentColor;padding-left:17px}.brand-symbol{display:block;font-size:1.4px;width:40em;height:42em;background:url('/assets/logo-original.png') no-repeat;background-size:366em 528em;background-position:-161em -206em;mix-blend-mode:multiply;flex-shrink:0}.header .logo-word,.hero .logo-word,.hero .brand-symbol,.contact .logo-word,.contact .brand-symbol{filter:invert(1);mix-blend-mode:screen}.header.compact{padding:10px 4vw;background:#f5f2ebc4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);border-bottom:1px solid #ffffff44}.header.compact .logo-word,.header.menu-open .logo-word,.inner-page .header .logo-word{filter:none;mix-blend-mode:multiply}.header.hidden{transform:translateY(-110%)}.header.menu-open{color:var(--ink);background:var(--paper);transform:none}.menu-toggle{display:flex;align-items:center;gap:15px;border:0;padding:8px 0 8px 12px;font-family:var(--sans);font-size:12px;letter-spacing:.08em}.hamburger{display:grid;gap:6px;width:31px}.hamburger i{height:1px;background:currentColor;width:100%;transition:transform .25s}.menu-open .hamburger i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .hamburger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:35;inset:0;background:var(--paper);padding:120px 9vw 70px}.mobile-menu:not([hidden]){display:flex;align-items:center;justify-content:space-between}.menu-links{display:flex;flex-direction:column;gap:20px}.menu-links a{font:400 clamp(30px,4vw,60px)/1.25 var(--sans)}.menu-links a:hover{color:#a65320}.mobile-menu>.brand-symbol{font-size:5px;margin-right:15vw}.hero{height:100svh;min-height:640px;position:sticky;top:0;color:var(--paper);overflow:hidden;background:#4d4942}.hero>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:grayscale(1)}.hero-shade{position:absolute;inset:0;background:#1b1a1770}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 6vw 30px}.hero-symbol{font-size:2px;margin-bottom:36px}.hero h1{margin:0}.hero .logo-word{font-size:clamp(35px,6.2vw,84px)}.hero-descriptor{font-family:var(--sans);font-size:13px;letter-spacing:.23em;margin:10px 0 60px}.hero-subtitle{font-size:clamp(18px,2vw,27px);max-width:600px;margin:0}.hero-bottom{position:absolute;left:4vw;right:4vw;bottom:30px;display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:12px}.hero-bottom a span{margin-left:25px}.video-toggle{border:0;border-bottom:1px solid #ffffff70;padding:5px 0;font:inherit}.layers{position:relative;z-index:2;background:var(--paper);border-radius:var(--radius) var(--radius) 0 0}.intro{background:var(--orange);text-align:center;padding-top:90px;padding-bottom:90px;border-radius:var(--radius) var(--radius) 0 0}.intro>.brand-symbol{margin:0 auto 40px}.intro>p:first-of-type{font-family:var(--sans);font-size:14px;margin-bottom:30px}.intro h2{font-family:var(--serif);font-size:clamp(24px,2.7vw,43px);font-weight:400;line-height:1.55;letter-spacing:-.025em;margin-bottom:35px}.intro-end{font-size:16px;max-width:510px;margin:0 auto}.center-heading{text-align:center;margin:0 auto 55px}.center-heading h2{font-size:31px;margin-bottom:17px}.center-heading p{font-size:17px;margin-bottom:0}.center-heading .brand-symbol{margin:40px auto 0;font-size:1.3px}.projects{padding:100px 0 90px}.project-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:4vw;padding:0 4vw 25px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.project-track::-webkit-scrollbar,.steps::-webkit-scrollbar{display:none}.project{display:block;flex:0 0 calc((100vw - 11.5vw)/3);scroll-snap-align:start;min-width:0}.project-image{border-radius:var(--radius);overflow:hidden;background:#e8e2d6;aspect-ratio:.447}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .85s}.project-image picture{display:block;width:100%;height:100%}.project:hover .project-image img{transform:scale(1.015)}.project-caption{padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:5px 15px}.project-caption h3{font-size:24px;margin:0;line-height:1.25}.project-year{font:400 13px/1.8 var(--sans)}.project-caption p{grid-column:1/-1;margin:0}.project-sector{font-size:14px}.project-tags{font:400 12px/1.7 var(--sans);opacity:.7;padding-top:9px}.carousel-footer{padding:25px 4vw 0;display:flex;justify-content:space-between;align-items:center}.text-link{display:inline-block;font-family:var(--sans);font-size:14px;border-bottom:1px solid currentColor;padding-bottom:7px}.carousel-controls{display:flex;gap:20px;align-items:center;font:400 12px/1 var(--sans)}.carousel-controls button{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;font-size:20px;transition:background .2s}.carousel-controls button:hover{background:#2928210c}.carousel-controls button:disabled{opacity:.25;cursor:default}.services{border-top:1px solid var(--line);margin:0 4vw;padding-left:2vw;padding-right:2vw}.services-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:65px}.services-heading h2{font-size:34px;margin:0}.services-heading p{font-size:16px;margin:0}.service-tabs{display:flex;flex-wrap:wrap;gap:20px 40px;border-bottom:1px solid var(--line)}.service-tabs button{font:400 24px/1.5 var(--sans);border:0;border-bottom:2px solid transparent;padding:0 0 20px;margin-bottom:-1px;opacity:.55}.service-tabs button[aria-selected=true]{opacity:1;border-color:var(--ink)}.service-panels{padding:40px 0 0;min-height:230px}.service-panels>[role=tabpanel]:not([hidden]){display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.service-description{font-size:24px;line-height:1.6;margin:0}.service-details>p{font:400 14px/1.9 var(--sans);margin-bottom:26px}.related{display:flex;flex-wrap:wrap;gap:15px 24px}.related a{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:5px}.thought{background:var(--orange);min-height:520px;display:flex;align-items:center;justify-content:center;padding:85px 5vw;border-radius:var(--radius)}.thought-stage{width:100%;max-width:1200px;text-align:center}.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.08em}.thought h2{font-size:clamp(45px,7.5vw,108px);font-weight:300;letter-spacing:-.04em;margin:55px 0 35px;display:flex;justify-content:center;gap:.24em;min-height:1.15em;white-space:nowrap}.changing-word{display:inline-block;text-align:left;width:6.4em}.thought-caption{max-width:490px;margin:0 auto;font-size:17px}.word-toggle{font-family:var(--sans);font-size:11px;border:0;border-bottom:1px solid #29282160;padding:4px 0;margin-top:28px;opacity:.65}.method{padding-left:4vw;padding-right:4vw}.method .center-heading{margin-bottom:80px}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3vw}.step{text-align:center;border-top:1px solid var(--line);padding-top:30px}.method-symbol{display:block;width:50px;height:50px;border-radius:50%;background-image:url('/assets/method-original.png');background-repeat:no-repeat;background-size:364px 1064px;margin:0 auto 28px}.symbol-0{background-position:-155px -174px}.symbol-1{background-position:-155px -329px}.symbol-2{background-position:-155px -492px}.symbol-3{background-position:-155px -662px}.symbol-4{background-position:-155px -839px}.step h3{font-size:24px;margin-bottom:20px}.step p{font-size:14px;line-height:1.9;margin:0}.method>.carousel-controls{display:none}.studio{display:grid;grid-template-columns:1.2fr 1fr;background:#ded7c9;align-items:center;border-radius:var(--radius);overflow:hidden}.studio-art{position:relative;min-height:710px;background:var(--orange);overflow:hidden}.portrait{position:absolute;inset:50px 70px 0 70px;background:url('/assets/studio-original.png') no-repeat;background-size:158% auto;background-position:53% 85.3%;filter:grayscale(1);border-radius:var(--radius) var(--radius) 0 0}.brand-lines{position:absolute;right:-16px;top:0;width:130px;height:100%;background:url('/assets/studio-original.png') no-repeat;background-size:780px auto;background-position:-622px -94px;mix-blend-mode:multiply}.studio-vertical{position:absolute;right:17px;bottom:35px;writing-mode:vertical-rl;transform:rotate(180deg);font:400 18px/1.4 var(--sans);letter-spacing:.11em;color:var(--orange);padding:12px 7px;background:var(--ink);border-radius:4px}.studio-vertical small{font-size:10px;margin-top:14px;letter-spacing:.09em}.studio-symbol{position:absolute;left:22px;top:18px;font-size:1.8px}.studio-copy{padding:70px 7vw}.studio-copy h2{font-size:35px;margin-bottom:42px}.studio-copy p{font-size:20px;line-height:1.7}.studio-copy .text-link{margin-top:25px}.contact{background:var(--ink);color:var(--paper);text-align:center;padding:65px 6vw 40px;position:relative}.contact-top{display:flex;justify-content:space-between;font-family:var(--sans);font-size:12px;letter-spacing:.08em}.contact-top>a{font-size:24px}.contact h2{font-size:clamp(37px,5.5vw,84px);font-weight:300;line-height:1.14;letter-spacing:-.035em;margin:90px auto 40px}.contact-cta{display:inline-block;font-family:var(--serif);font-size:24px;color:var(--orange);border-bottom:1px solid currentColor;padding-bottom:10px;margin-bottom:110px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff35;padding-top:30px;text-align:left}.contact-links{display:flex;gap:30px;font:400 14px/1.5 var(--sans)}.footer-bottom>span{font:400 12px/1.4 var(--sans)}.footer-symbol{margin:60px auto 0;font-size:2px}.inner-page .header{color:var(--ink);background:#f5f2ebc4;backdrop-filter:blur(18px)}.case-heading{padding-top:160px;padding-bottom:60px}.case-heading h1{font-size:clamp(48px,7vw,100px);margin:40px 0}.case-meta{display:flex;justify-content:space-between;gap:25px;font:400 14px/1.7 var(--sans)}.case-cover{max-height:80svh;overflow:hidden;border-radius:var(--radius)}.case-cover img{width:100%;height:75svh;object-fit:cover}.case-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.case-intro h2{font-size:35px}.case-intro p{font-size:18px;line-height:1.8}.case-services{display:flex;flex-wrap:wrap;gap:10px}.case-services span{font:400 12px/1.5 var(--sans);padding:7px 12px;border:1px solid var(--line);border-radius:4px}.case-gallery{max-width:1600px;margin:auto}.case-media-row{display:grid;gap:0}.case-gallery img,.case-gallery video{width:100%;height:auto;display:block}.next-case{display:block;background:#e7e1d6}.next-case h2{font-size:clamp(40px,5vw,80px);margin:25px 0 0}.all-projects{padding-top:150px}.section-label{font:400 12px/1.6 var(--sans);display:flex;justify-content:space-between;gap:20px;margin-bottom:60px}.all-projects h1{font-size:70px;margin-bottom:70px}.all-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 30px}.all-project-grid .project-caption h3>span{display:block;font-family:var(--serif);font-size:14px;letter-spacing:0;margin-top:10px}.all-project-grid .project-caption>span{font:400 12px/1.5 var(--sans)}.all-project-grid .project-caption>p{font:400 12px/1.8 var(--sans)}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
@media(max-width:1000px){.steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:28px}.step{flex:0 0 40%;scroll-snap-align:start}.method>.carousel-controls{display:flex;justify-content:center;margin-top:35px}.studio-art{min-height:640px}.portrait{inset:45px 55px 0 25px}.studio-copy{padding:50px 5vw}.studio-copy p{font-size:18px}.service-tabs{gap:15px 25px}.service-tabs button{font-size:22px}.footer-bottom{flex-wrap:wrap}.project{flex-basis:42vw}}
@media(max-width:700px){.section{padding:70px 6vw}.header{padding:16px 6vw}.header.compact{padding:10px 6vw}.brand{gap:11px}.logo-word{font-size:20px}.brand-descriptor{font-size:9px;padding-left:10px}.menu-toggle{padding-left:8px}.menu-label{display:none}.hamburger{width:26px;gap:5px}.menu-open .hamburger i:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .hamburger i:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{padding:120px 9vw 50px;align-items:flex-start!important}.mobile-menu>.brand-symbol{font-size:1.7px;position:absolute;bottom:50px;right:10vw;margin:0}.menu-links a{font-size:36px}.hero{min-height:620px}.hero-copy{padding-top:50px}.hero .logo-word{font-size:10vw}.hero-symbol{font-size:1.6px;margin-bottom:30px}.hero-descriptor{font-size:11px;letter-spacing:.2em;margin:8px 0 38px}.hero-subtitle{font-size:18px;max-width:265px;line-height:1.7}.hero-bottom{left:6vw;right:6vw;font-size:11px}.hero-bottom a span{margin-left:15px}.intro h2{font-size:23px;line-height:1.6}.intro h2 br:first-child{display:none}.intro>p:first-of-type{font-size:12px}.intro-end{font-size:15px}.intro>.brand-symbol{font-size:1.1px;margin-bottom:30px}.projects{padding:70px 0}.center-heading{padding:0 6vw;margin-bottom:38px}.center-heading h2{font-size:27px}.center-heading p{font-size:15px}.center-heading .brand-symbol{margin-top:28px;font-size:1.1px}.project-track{gap:16px;padding-left:6vw;padding-right:6vw;scroll-padding-left:6vw}.project{flex-basis:79vw}.project-image{aspect-ratio:.49}.project-caption h3{font-size:23px}.project-sector{font-size:14px}.project-tags{font-size:11px}.carousel-footer{padding:15px 6vw 0}.carousel-controls{gap:12px}.carousel-controls button{width:34px;height:34px;font-size:18px}.carousel-position{font-size:11px}.text-link{font-size:12px}.services{margin:0 6vw;padding-left:0;padding-right:0}.services-heading{display:block;margin-bottom:35px}.services-heading h2{font-size:29px;margin-bottom:12px}.services-heading p{font-size:15px}.service-tabs{gap:15px 22px}.service-tabs button{font-size:18px;padding-bottom:12px}.service-panels{min-height:280px;padding-top:30px}.service-panels>[role=tabpanel]:not([hidden]){display:block}.service-description{font-size:19px;margin-bottom:30px}.service-details>p{font-size:12px}.related a{font-size:12px}.thought{min-height:440px;padding:70px 6vw}.thought h2{font-size:9.8vw;margin:50px 0 32px;gap:.2em}.thought-caption{font-size:15px;max-width:280px}.method{padding-left:0;padding-right:0}.method .center-heading{margin-bottom:40px}.steps{padding:0 6vw;gap:18px;scroll-padding-left:6vw}.step{flex-basis:83vw;padding:35px 27px 30px;border:1px solid var(--line);border-radius:var(--radius);min-height:300px}.step h3{font-size:28px;margin-bottom:20px}.step p{font-size:15px;line-height:1.85}.method-symbol{margin-bottom:25px}.method>.carousel-controls{margin-top:28px}.studio{grid-template-columns:1fr}.studio-art{min-height:135vw}.portrait{inset:40px 50px 0 25px;background-size:155% auto;background-position:53% 85.3%}.brand-lines{width:94px;right:-25px;background-size:650px auto;background-position:-518px -80px}.studio-vertical{right:10px;bottom:20px;font-size:15px}.studio-symbol{font-size:1.35px;left:12px;top:11px}.studio-copy{padding:55px 9vw 65px}.studio-copy h2{font-size:30px;margin-bottom:27px}.studio-copy p{font-size:17px}.contact{padding-top:40px;padding-bottom:35px}.contact h2{font-size:10vw;line-height:1.2;margin:70px auto 30px}.contact-cta{font-size:21px;margin-bottom:70px}.footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.contact-links{font-size:13px}.footer-symbol{font-size:1.5px;margin-top:45px}.contact-top{font-size:10px}.case-heading{padding-top:130px}.case-heading h1{font-size:14vw;margin-top:25px}.case-meta{flex-direction:column;font-size:12px;gap:8px}.case-cover img{height:55svh}.case-intro{grid-template-columns:1fr;gap:25px}.case-intro h2{font-size:28px}.case-intro p{font-size:16px}.all-projects{padding-top:130px}.all-projects h1{font-size:48px}.all-project-grid{grid-template-columns:1fr;gap:60px}.all-project-grid .project-image{aspect-ratio:.65}.section-label{margin-bottom:30px;font-size:10px}.section-label span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hero{position:relative;background:url('/assets/about-processo-vertical.jpg') center/cover}.hero>video{display:none}.changing-word{width:auto}.word-toggle{display:none}}

/* Original artwork used as a luminance mask so the supplied lettering stays intact. */
.logo-word,.header .logo-word,.header.compact .logo-word,.header.menu-open .logo-word,.inner-page .header .logo-word,.hero .logo-word,.contact .logo-word{background:currentColor;filter:none;mix-blend-mode:normal;-webkit-mask:url('/assets/logo-name-mask.svg') center/contain no-repeat;mask:url('/assets/logo-name-mask.svg') center/contain no-repeat;mask-mode:luminance}
.brand-symbol,.hero .brand-symbol,.contact .brand-symbol{background:currentColor;filter:none;mix-blend-mode:normal;-webkit-mask:url('/assets/logo-symbol-mask.svg') center/contain no-repeat;mask:url('/assets/logo-symbol-mask.svg') center/contain no-repeat;mask-mode:luminance}
/* Full-resolution identity and spacious film opening. */
.logo-horizontal{display:block;width:340px;max-width:64vw;aspect-ratio:9.85;background:currentColor;-webkit-mask:url('/assets/logo-horizontal-hd.png') center/contain no-repeat;mask:url('/assets/logo-horizontal-hd.png') center/contain no-repeat}
.brand-symbol,.hero .brand-symbol,.contact .brand-symbol{-webkit-mask-image:url('/assets/logo-symbol-hd.png');mask-image:url('/assets/logo-symbol-hd.png');mask-mode:alpha}
.hero{height:min(100svh,56.25vw);min-height:480px;max-height:1080px;background:#292821}
.hero>video{object-fit:cover;object-position:50% 50%}
.hero-shade{background:linear-gradient(180deg,#0005,transparent 28%,transparent 65%,#0007)}
.hero-bottom{left:5vw;right:5vw;bottom:42px;justify-content:flex-end}
.hero-cta{font:400 18px/1.3 var(--sans);display:flex;align-items:center;gap:34px;padding:19px 25px;background:var(--paper);color:var(--ink);border:1px solid #ffffff70;border-radius:var(--radius);transition:background .2s,transform .2s}
.hero-cta:hover{background:var(--orange);transform:translateY(-3px)}
.hero-bottom a span{margin:0;font-size:25px}
.intro.thought{display:block;min-height:0;padding:90px 6vw 80px}
.intro .intro-hello{font:400 21px/1.65 var(--sans);margin:0 0 32px}
.intro-before{font:400 22px/1.5 var(--serif);margin:0}
.intro.thought h2{font:300 clamp(40px,6.5vw,92px)/1.2 var(--sans);letter-spacing:-.04em;margin:18px 0 30px;white-space:nowrap}
.intro .changing-word{width:6.25em}
.intro .thought-caption{font-size:18px;max-width:540px}
.project-panels{display:flex;gap:12px;margin:0 4vw;height:540px}
.project-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--radius);background:var(--ink);color:var(--paper);transition:flex-grow .4s ease-in-out;isolation:isolate}
.project-panel.is-active{flex-grow:4}
.panel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.project-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0002 0%,transparent 25%,#0002 45%,#000b 100%);transition:background .4s}
.panel-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;border-radius:inherit}
.panel-trigger:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}
.panel-year{position:absolute;top:22px;right:22px;font:400 12px/1 var(--sans);padding:7px 9px;border:1px solid #ffffff70;border-radius:4px;background:#29282150}
.panel-copy{position:absolute;bottom:24px;left:22px;right:22px;pointer-events:none}
.panel-copy h3{font-size:clamp(20px,2vw,28px);line-height:1.2;margin:0 0 9px;max-width:330px}
.panel-sector{font:400 12px/1.5 var(--sans);margin:0}
.panel-details{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .4s ease-in-out,opacity .3s,visibility .4s}
.panel-details>div{overflow:hidden;min-height:0}
.panel-details p{font:400 16px/1.65 var(--serif);max-width:360px;margin:22px 0}
.panel-details a{display:inline-flex;align-items:center;gap:25px;font:400 13px/1.3 var(--sans);padding:15px 20px;background:var(--paper);color:var(--ink);border-radius:4px;position:relative;z-index:2;pointer-events:auto}
.panel-details a:hover{background:var(--orange)}
.is-active .panel-details{grid-template-rows:1fr;opacity:1;visibility:visible}
.projects-more{padding:35px 4vw 0;text-align:right}
@media(max-width:1000px) and (min-width:701px){.project-panels{height:480px;margin:0 3vw;gap:8px}.panel-copy{left:15px;right:15px}.panel-copy h3{font-size:21px}.panel-sector{font-size:11px}.panel-details p{font-size:14px}.logo-horizontal{width:310px}}
@media(max-width:700px){.logo-horizontal{width:270px;max-width:72vw}.hero{height:64svh;min-height:390px;max-height:540px}.hero>video{object-fit:cover;object-position:50% 50%}.hero-bottom{left:6vw;right:6vw;bottom:28px;justify-content:center}.hero-cta{font-size:15px;padding:16px 21px;gap:30px}.intro.thought{padding:65px 6vw}.intro .intro-hello{font-size:18px;margin-bottom:29px}.intro-before{font-size:18px}.intro.thought h2{font-size:9.8vw;margin:20px 0 25px}.intro .thought-caption{font-size:15px}.project-panels{flex-direction:column;height:auto;gap:12px;margin:0 6vw}.project-panel{flex:none;height:160px;transition:height .4s ease-in-out}.project-panel.is-active{flex:none;height:390px}.panel-image{object-position:50% 44%}.panel-copy{bottom:22px;left:22px;right:22px}.panel-copy h3{font-size:25px}.panel-year{top:17px;right:17px;font-size:11px}.panel-details p{font-size:15px}.projects-more{padding:30px 6vw 0}.intro.thought h2 br{display:initial}}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('/assets/desenhos-poster.jpg')}.project-panel,.panel-details{transition:none}.intro .changing-word{width:auto}}
/* Restored service and methodology layouts; stable scroll geometry. */
html{overflow-anchor:none}
.hero-boundary{--film-height:max(480px,min(100svh,56.25vw));height:calc(var(--film-height) + 28svh);margin-bottom:-28svh}
.hero-boundary .hero{height:var(--film-height);min-height:0;max-height:none}
.intro.thought .intro-hello{font:400 20px/1.65 var(--sans);margin-bottom:35px}
.intro.thought h2{font:300 clamp(26px,3.5vw,52px)/1.35 var(--sans);display:flex;gap:.25em;justify-content:center;align-items:baseline;margin:0 0 34px;letter-spacing:-.025em;white-space:nowrap}
.intro.thought .changing-word{width:6.25em;min-height:1.35em}
.intro.thought .before-phrase{white-space:nowrap}
.services-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}
.services-layout>h2{font-size:44px;position:sticky;top:125px;height:max-content}
.accordions details{border-top:1px solid var(--line)}
.accordions details:last-child{border-bottom:1px solid var(--line)}
.accordions summary{list-style:none;cursor:pointer;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:28px 0}
.accordions summary::-webkit-details-marker{display:none}
.accordions summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.accordions h3{font-size:29px;font-weight:400;margin:0}
.accordions .plus{font:300 27px var(--sans);transition:transform .2s}
.accordions details[open] .plus{transform:rotate(45deg)}
.service-content{padding:0 20px 32px 0;max-width:600px}
.service-content p{font-size:17px;line-height:1.75}
.service-content .delivery{font:400 13px/1.8 var(--sans);opacity:.7}
.service-content .related{align-items:center}.service-content .related>span{font:400 10px var(--sans);letter-spacing:.06em;opacity:.6}
.method-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw}
.method-intro{position:sticky;top:125px;height:max-content}
.method-intro h2{font-size:42px;line-height:1.2}
.method-intro>p:not(.eyebrow){max-width:360px;line-height:1.7;margin:30px 0}
.method-intro .eyebrow{margin:0 0 35px;font-size:11px}
.method-note{font:400 12px/1.8 var(--sans);display:block;max-width:330px;opacity:.65}
.method-layout .steps{display:block;overflow:visible;padding:0}
.method-layout .step{text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 0 58px;min-height:350px}
.step-top{display:flex;justify-content:flex-end;margin-bottom:20px}.step-top .method-symbol{margin:0}
.method-layout .step h3{font-size:43px;margin-bottom:23px}
.method-layout .step h4{font:400 20px/1.45 var(--sans);max-width:330px;margin:0 0 18px}
.method-layout .step p{max-width:370px;font-size:16px;line-height:1.8}
.studio-art{min-height:760px}.portrait-photo{position:absolute;inset:40px 65px 0 25px;width:calc(100% - 90px);height:calc(100% - 40px);object-fit:cover;object-position:58% center;border-radius:var(--radius) var(--radius) 0 0}
.studio-copy{padding:65px 5vw}.studio-copy p{font-size:18px;line-height:1.8}
.story{position:relative;clip-path:inset(0);isolation:isolate;min-height:650px;display:grid;align-items:center;color:var(--paper);background:var(--ink)}
.story-photo{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#171e1ad9,#171e1a88 58%,#171e1a33),url('/assets/cintia-historia-hd.webp') center 48%/cover no-repeat;pointer-events:none}
.story-content{position:relative;padding:110px 7vw;max-width:960px}
.story h2{font:400 clamp(29px,3.1vw,48px)/1.45 var(--serif);letter-spacing:-.025em;margin-bottom:38px;text-wrap:balance}
.story h2 em{display:inline-block;margin-top:18px}
.story-cta{display:inline-flex;align-items:center;gap:28px;border:1px solid #ffffffb0;border-radius:var(--radius);padding:18px 24px;font:400 15px/1.4 var(--sans);background:#f5f2eb;color:var(--ink);transition:background .2s}
.story-cta:hover{background:var(--orange)}
@media(max-width:900px){.services-layout{gap:6vw;grid-template-columns:.8fr 1.2fr}.method-layout{gap:8vw;grid-template-columns:1fr 1fr}.method-intro h2{font-size:34px}.studio-art{min-height:760px}}
@media(max-width:700px){.hero-boundary{--film-height:min(540px,max(390px,64svh))}.intro.thought .intro-hello{font-size:17px;margin-bottom:28px}.intro.thought h2{font-size:clamp(16px,4.35vw,29px);gap:.23em;margin-bottom:28px}.intro.thought .changing-word{width:6.25em}.services-layout{grid-template-columns:1fr;gap:25px}.services-layout>h2{position:static;font-size:30px}.accordions h3{font-size:25px}.accordions summary{padding:24px 0}.service-content{padding-right:0}.service-content p{font-size:16px}.method{padding:70px 6vw}.method-layout{grid-template-columns:1fr;gap:35px}.method-intro{position:static}.method-intro h2{font-size:33px}.method-intro>p:not(.eyebrow){max-width:none;margin:25px 0}.method-note{display:none}.method-intro .eyebrow{margin-bottom:25px}.method-layout .step{min-height:0;padding:25px 0 40px}.method-layout .step h3{font-size:35px}.method-layout .step h4{font-size:19px}.method-layout .step p{font-size:15px;max-width:none}.studio-art{min-height:120vw}.portrait-photo{inset:35px 45px 0 20px;width:calc(100% - 65px);height:calc(100% - 35px);object-position:58% center}.studio-copy{padding:50px 8vw}.studio-copy p{font-size:16px}.story{min-height:560px}.story-photo{background-position:63% center}.story-content{padding:75px 7vw}.story h2{font-size:28px;line-height:1.5}.story-cta{font-size:13px;padding:16px;gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-boundary{height:var(--film-height);margin-bottom:0}.story-photo{position:absolute}}
/* Editorial opening, compact navigation and quieter contact. */
.intro.thought{text-align:left;padding:100px 8vw}
.intro.thought>.brand-symbol{margin:0 0 45px}
.intro.thought .intro-hello{font:400 clamp(24px,2.65vw,39px)/1.5 var(--serif);margin:0 0 37px}
.intro.thought .thought-stage{max-width:none;text-align:left}
.intro.thought h2{font:400 clamp(28px,3.45vw,51px)/1.45 var(--serif);justify-content:flex-start;gap:.25em;margin-bottom:32px}
.intro.thought .changing-word{font-style:italic;min-height:1.45em;width:6.5em}
.intro.thought .thought-caption{font:400 clamp(21px,2.35vw,33px)/1.55 var(--serif);margin:0;max-width:740px}
.services{background:#ded1c4;margin:0;padding:90px 6vw;border:0;border-radius:var(--radius)}
.services-layout>h2{position:static}
.studio-art{background:#ded7c9;min-height:670px;overflow:hidden}
.studio-art .portrait-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;border-radius:0;transform:scale(1.035);transition:transform 1.1s ease}
.studio-art:hover .portrait-photo{transform:scale(1.075)}
.mobile-menu{inset:auto 4vw auto auto;top:78px;width:280px;padding:24px 26px;background:#f5f2ebf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #29282125;border-radius:9px;box-shadow:0 18px 50px #0002;color:var(--ink)}
.mobile-menu:not([hidden]){display:block}
.menu-links{gap:0}
.menu-links a{font:400 18px/1.5 var(--sans);padding:11px 3px;border-bottom:1px solid #29282118}
.menu-links a:last-child{border-bottom:0}
.header.menu-open{background:#f5f2ebed;backdrop-filter:blur(18px)}
.compact-footer{text-align:left;padding:60px 6vw 30px}
.follow-work{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:50px}
.follow-work p{font:400 13px/1.5 var(--sans);margin-bottom:14px;opacity:.7}
.compact-footer .follow-work h2{font:400 30px/1.3 var(--serif);margin:0;letter-spacing:-.025em}
.follow-button{font:400 14px/1.5 var(--sans);border-bottom:1px solid #ffffff80;padding:10px 0;white-space:nowrap}
.compact-footer .footer-bottom{padding-top:30px;gap:25px}
.compact-footer .brand-symbol{font-size:1.4px}
.social-icons{display:flex;gap:18px;margin-left:auto}
.social-icons a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%}
.social-icons a:hover{color:var(--orange)}
.back-top{font-size:25px;padding:10px}
.copyright{font:400 11px/1.6 var(--sans);margin:28px 0 0;opacity:.65}
.floating-whatsapp{position:fixed;z-index:30;right:24px;bottom:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 3px 20px #0003;border:1px solid #29282130}
.floating-whatsapp:hover{background:var(--orange)}
@media(max-width:700px){.intro.thought{padding:65px 7vw}.intro.thought>.brand-symbol{margin-bottom:30px}.intro.thought .intro-hello{font-size:23px;margin-bottom:28px}.intro.thought h2{font-size:4.3vw;gap:.23em;margin-bottom:26px}.intro.thought .thought-caption{font-size:19px}.services{padding:65px 6vw}.studio-art{min-height:100vw}.studio-art .portrait-photo{object-position:50% center}.mobile-menu{top:66px;right:6vw;width:min(280px,88vw);padding:17px 23px}.menu-links a{font-size:18px}.compact-footer{padding:45px 7vw 85px}.follow-work{display:block;padding-bottom:35px}.compact-footer .follow-work h2{font-size:26px;margin-bottom:20px}.follow-button{display:inline-block}.compact-footer .footer-bottom{flex-direction:row;flex-wrap:nowrap}.social-icons{gap:12px}.compact-footer .brand-symbol{font-size:1.1px}.copyright{font-size:10px}.floating-whatsapp{width:46px;height:46px;right:17px;bottom:17px}}

/* Film statement inspired by the supplied Bisou composition. */
.hero-shade{background:linear-gradient(180deg,#17171366,#17171355 45%,#17171366)}
.hero-statement{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 7vw 55px;gap:65px}
.hero .hero-statement h1{font:400 clamp(29px,3.2vw,48px)/1.18 var(--serif);letter-spacing:-.035em;max-width:680px;margin:0;text-wrap:balance;color:var(--paper)}
.hero-statement h1 em{font:inherit;font-style:italic}
.start-project{font:400 14px/1.5 var(--sans);color:var(--paper);display:inline-flex;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid #ffffff90;transition:color .2s,border-color .2s}
.start-project:hover{color:var(--orange);border-color:var(--orange)}
.projects-more{text-align:center}
@media(max-width:700px){.hero-statement{padding:90px 8vw 45px;gap:33px}.hero .hero-statement h1{font-size:clamp(24px,6.7vw,35px);line-height:1.22;max-width:490px}.start-project{font-size:13px}.intro.thought h2{font-size:clamp(29px,8vw,43px)}}

/* The orange introduction now shares the sticky film's containing block. */
.hero-boundary{height:auto;margin-bottom:0;position:relative}
.hero-boundary .hero{position:sticky;top:0}
.hero-boundary>.intro{position:relative;z-index:2;border-radius:var(--radius) var(--radius) 0 0}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('/assets/film-grain.svg') repeat;opacity:.22;mix-blend-mode:soft-light;z-index:1}
.hero-statement{z-index:2}
.start-project{border:0;letter-spacing:.045em;font-size:13px}
.projects-more{text-align:right}
.intro.thought h2{align-items:center;min-height:1.45em}
.intro.thought .before-phrase,.intro.thought .changing-word{display:block;height:1.45em;line-height:1.45;flex-shrink:0}
.expertise{position:relative;isolation:isolate;overflow:hidden;min-height:660px;display:grid;place-items:center;padding:85px 6vw;color:#fff;background:#4e4a45;border-radius:var(--radius)}
.expertise-photo{position:absolute;inset:0;z-index:-2;background:url('/assets/cintia-expertise-textura.png') center 60%/cover no-repeat}
.expertise:after{content:'';position:absolute;inset:0;z-index:-1;background:#201e1b62;pointer-events:none}
.expertise-content{width:min(100%,720px);text-align:center}
.expertise h2{font:400 13px/1.5 var(--sans);letter-spacing:.06em;margin:0 0 45px}
.expertise-list details,.expertise-list details:last-child{border:0}
.expertise-list summary{display:block;text-align:center;font:400 clamp(30px,3.45vw,49px)/1.22 var(--serif);letter-spacing:-.03em;padding:4px 0;list-style:none}
.expertise-list summary:hover,.expertise-list details[open] summary{font-style:italic}
.expertise-list summary:focus-visible{outline-offset:2px}
.expertise-description{max-width:450px;margin:15px auto 22px}
.expertise-description p{font:400 16px/1.7 var(--sans);margin:0;text-wrap:balance}
@media(max-width:700px){.expertise{min-height:590px;padding:65px 7vw}.expertise-photo{background-position:58% center}.expertise h2{font-size:11px;margin-bottom:35px}.expertise-list summary{font-size:32px}.expertise-description p{font-size:14px}.start-project{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-boundary .hero{position:relative}.hero-boundary{height:auto;margin:0}}
.hero-boundary{padding-bottom:var(--film-height);margin-bottom:calc(-1 * var(--film-height))}
@media(prefers-reduced-motion:reduce){.hero-boundary{padding-bottom:0;margin-bottom:0}}

.hero-boundary{padding-bottom:0}.pin-spacer{height:var(--film-height);pointer-events:none}@media(prefers-reduced-motion:reduce){.pin-spacer{display:none}}
@media(min-width:701px){.expertise-photo{background-size:140% auto;background-position:58% 75%}}

/* Quieter editorial rhythm and a visibly textured film. */
.hero::after{opacity:.08}
.expertise{margin:35px 6vw 85px;width:auto;min-height:570px;padding:90px 6vw 75px;display:block;border-radius:5px}
.expertise-content{width:min(100%,580px);margin:0 auto;min-height:390px}
.expertise h2{font-size:11px;margin-bottom:40px;letter-spacing:.025em}
.expertise-list summary{font-size:32px;line-height:1.15;padding:3px 0;letter-spacing:-.04em}
.expertise-description{max-width:350px;margin:12px auto 17px}
.expertise-description p{font-size:13px;line-height:1.55}
.expertise-photo{background-size:cover;background-position:50% 65%}
.expertise:after{background:#201e1b55}
.projects-more{text-align:center;padding:40px 6vw 0}
.projects-more .text-link{display:inline-block;background:#dce6e9;border:0;border-radius:5px;padding:19px 29px;font:400 13px/1.4 var(--sans);letter-spacing:.015em}
.projects-more .text-link:hover{background:#cbdce1}
.panel-details a{padding:10px 0;background:transparent;color:white;font-size:11px;letter-spacing:.035em;border-radius:0}
.panel-details a:hover{background:transparent;color:var(--orange)}
.method-editorial{padding:35px 6vw 100px;background:var(--paper)}
.method-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:50px}
.method-heading h2{font:400 11px/1.5 var(--sans);letter-spacing:.035em;margin:0}
.method-heading>p{font:400 27px/1.4 var(--serif);margin:0}
.method-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.method-stages article{border-top:1px solid #29282140;padding-top:24px}
.method-stages h3{font:400 25px/1.3 var(--serif);margin:0 0 20px}
.method-stages p{font:400 14px/1.7 var(--sans);margin:0;color:#5c574f}
.studio.studio-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px 9vw;padding:0 8vw 100px;background:var(--paper);margin:0}
.studio-masthead{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #29282180;padding-top:23px;font:400 11px/1.5 var(--sans)}
.studio-editorial .studio-art{min-height:0;aspect-ratio:4/5;width:100%;max-width:440px;justify-self:end;background:transparent}
.studio-editorial .studio-art .portrait-photo{object-position:53% center;transform:scale(1.035)}
.studio-editorial .studio-copy{padding:18px 0;max-width:510px;align-self:center}
.studio-editorial .studio-copy p{font:400 16px/1.65 var(--sans);margin:0 0 25px}
.studio-editorial .studio-copy p:first-child{font:400 clamp(23px,2.15vw,32px)/1.25 var(--serif);letter-spacing:-.035em;margin-bottom:38px}
.story-photo{background-image:linear-gradient(90deg,#211e1baf,#211e1b65 58%,#211e1b22),url('/assets/cintia-historia-textura.png')}
.story-cta{padding:12px 0;border:0;background:transparent;color:var(--paper);font-size:12px;letter-spacing:.035em}
.story-cta:hover{background:transparent;color:var(--orange)}
.follow-button{border:0;font-size:12px;letter-spacing:.035em}
@media(max-width:900px){.method-stages{gap:17px}.method-stages h3{font-size:21px}.method-stages p{font-size:13px}.studio.studio-editorial{gap:45px 6vw;padding-left:6vw;padding-right:6vw}}
@media(max-width:700px){.expertise{margin:25px 6vw 65px;min-height:520px;padding:65px 6vw 45px}.expertise-content{min-height:400px}.expertise h2{font-size:10px;margin-bottom:35px}.expertise-list summary{font-size:28px;padding:4px 0}.expertise-photo{background-position:55% center}.expertise-description p{font-size:12px}.method-editorial{padding:0 7vw 65px}.method-heading{display:block;margin-bottom:32px}.method-heading h2{margin-bottom:20px}.method-heading>p{font-size:24px}.method-stages{grid-template-columns:1fr;gap:24px}.method-stages article{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-top:20px}.method-stages h3{font-size:21px;margin:0}.method-stages p{font-size:13px}.studio.studio-editorial{grid-template-columns:1fr;gap:35px;padding:0 7vw 60px}.studio-masthead{font-size:10px}.studio-editorial .studio-art{justify-self:center;max-width:400px;aspect-ratio:1}.studio-editorial .studio-copy{padding:0}.studio-editorial .studio-copy p:first-child{font-size:26px;margin-bottom:28px}.studio-editorial .studio-copy p{font-size:15px}.story-cta{font-size:10px}.projects-more .text-link{font-size:12px}}
/* Fine grain remains visible at desktop display sizes. */
.hero::after{opacity:.27;mix-blend-mode:soft-light;filter:contrast(350%);background-size:230px 230px}

/* Smaller typography, warm photographic treatment and clearer calls to action. */
.hero>video{filter:grayscale(1) sepia(.38) contrast(.88) brightness(1.06)}
.hero::after{background-image:url('/assets/film-grain-strong.svg');background-size:240px 240px;mix-blend-mode:normal;filter:none;opacity:.25}
.hero .hero-statement h1{font-size:clamp(26px,2.7vw,39px);max-width:610px}
.intro.thought h2{font-size:clamp(28px,3vw,42px)}
.intro.thought .thought-caption{font-size:clamp(21px,2.05vw,29px)}
.projects .center-heading{text-align:left;padding:0 6vw;margin:0 0 38px;display:block}
.projects .center-heading h2{font:400 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.04em;margin:0 0 20px}
.projects .center-heading p{font:400 clamp(25px,2.4vw,34px)/1.35 var(--serif);letter-spacing:-.025em;margin:0}
.projects-more{padding-top:65px;padding-bottom:20px}
.projects-more .text-link{background:#343129;color:var(--paper);padding:19px 33px}
.projects-more .text-link:hover{background:#51493f}
.method-editorial{background:#e4ddd1;padding:70px 6vw 80px;margin-bottom:80px}
.method-heading{display:block;margin-bottom:42px}
.method-heading h2{font:400 clamp(25px,2.5vw,34px)/1.35 var(--serif);letter-spacing:-.025em;margin:0 0 24px;text-transform:none}
.method-heading>p{font:400 11px/1.5 var(--sans);letter-spacing:.04em;margin:0}
.method-stages h3{font-size:23px}.method-stages p{font-size:13px}
.studio-editorial .studio-copy p:first-child{font-size:clamp(23px,2vw,28px)}
.studio-editorial .studio-copy p{font-size:15px}
.studio-editorial .studio-art .portrait-photo{object-position:center;transform:none}
.studio-editorial .studio-art{aspect-ratio:2/3;max-width:375px}
.story h2{font-size:clamp(26px,2.6vw,36px);line-height:1.4;max-width:650px;margin-bottom:40px}
.story-cta{background:#dce6e9;color:#343129;border-radius:5px;padding:19px 25px;font-size:11px;letter-spacing:.02em}
.story-cta:hover{background:#cbdce1;color:#343129}
@media(max-width:700px){.hero .hero-statement h1{font-size:25px}.intro.thought h2{font-size:29px}.intro.thought .thought-caption{font-size:20px}.projects .center-heading p{font-size:25px}.projects-more{padding-top:45px}.method-editorial{padding:50px 7vw;margin-bottom:55px}.method-heading h2{font-size:26px}.method-stages h3{font-size:21px}.studio-editorial .studio-art{aspect-ratio:3/4}.studio-editorial .studio-copy p:first-child{font-size:24px}.story h2{font-size:26px}.story-cta{font-size:10px;padding:18px 16px}}

/* Interactive methodology, studio slideshow and updated contact details. */
.expertise{margin-left:4vw;margin-right:4vw;margin-top:0;margin-bottom:85px}
.expertise-photo{background-image:url('/assets/atuacao-atualizada.png')}
.story-photo{background-image:linear-gradient(90deg,#211e1baf,#211e1b65 58%,#211e1b22),url('/assets/historia-atualizada.png')}
.projects{padding-bottom:0}.projects-more{padding:70px 4vw}
.story-cta{background:transparent;border:0;border-radius:0;padding:12px 0;color:var(--paper);font-size:12px}
.story-cta:hover{background:transparent;color:var(--paper);text-decoration:underline;text-underline-offset:6px}
.method-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.method-group>h3{font:400 12px/1.5 var(--sans);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #554b4038}
.method-card{background:#f5f2eb70;border-radius:5px;margin-bottom:12px;padding:0 20px;transition:background .45s,color .45s,box-shadow .45s,transform .45s}
.method-card:hover{background:#f5f2ebb0}.method-card.is-open{background:#554d42;color:var(--paper);box-shadow:0 10px 24px #29282115;transform:translateY(-3px)}
.method-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:26px 0;border:0;text-align:left;color:inherit;background:transparent;gap:12px;font:400 25px/1.25 var(--serif);cursor:pointer}
.method-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.method-plus{font:300 22px/1 var(--sans);transition:transform .45s}.is-open .method-plus{transform:rotate(45deg)}
.method-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .4s}
.method-reveal>div{overflow:hidden;min-height:0;transform:translateY(12px);transition:transform .55s}
.is-open .method-reveal{grid-template-rows:1fr;opacity:1}.is-open .method-reveal>div{transform:translateY(0)}
.method-reveal h4{font:400 16px/1.5 var(--serif);margin:0 0 14px}.method-reveal p{font:400 13px/1.7 var(--sans);margin:0;padding-bottom:28px;opacity:.88}
.studio-slideshow{position:relative;isolation:isolate;overflow:hidden;background:#ded7c9!important}
.studio-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(5%);transition:opacity 1.1s ease,transform 1.5s ease;pointer-events:none}
.studio-slide.is-current{opacity:1;transform:translateX(0);z-index:1}
.slideshow-controls{position:absolute;z-index:2;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:4px 8px;background:#29282155;backdrop-filter:blur(12px);border-radius:24px}
.slide-dot{width:24px;height:26px;border:0;padding:0;background:transparent;display:grid;place-items:center;cursor:pointer}.slide-dot:after{content:'';width:5px;height:5px;border:1px solid white;border-radius:50%;transition:background .3s,scale .3s}.slide-dot[aria-pressed=true]:after{background:white;scale:1.3}
.slide-pause{border:0;background:transparent;color:white;font:12px var(--sans);width:28px;height:26px;cursor:pointer}.slideshow-controls button:focus-visible{outline:1px solid white;border-radius:10px}
.whatsapp-mark{display:block;width:28px;height:28px;object-fit:contain}.floating-whatsapp{width:58px;height:58px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;box-shadow:0 4px 20px #29282114;transition:transform .35s}
.floating-whatsapp .whatsapp-mark{width:30px;height:30px;filter:brightness(0) saturate(100%);opacity:.8}
.floating-whatsapp:hover{background:rgba(255,255,255,.72);transform:scale(1.06)}
.social-icons a{transition:transform .35s;color:var(--paper)}.social-icons a:hover{color:var(--paper);transform:scale(1.12)}.social-icons a .whatsapp-mark{width:25px;height:25px}
.logo-horizontal{position:relative}.logo-horizontal:after{content:'';position:absolute;inset:0;background:currentColor;mask:inherit;-webkit-mask:inherit;clip-path:inset(0 0 0 61%);filter:drop-shadow(.3px 0 currentColor) drop-shadow(-.3px 0 currentColor)}
@media(min-width:701px) and (max-width:1000px){.expertise{margin-left:3vw;margin-right:3vw}.method-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.expertise{margin-left:6vw;margin-right:6vw}.projects-more{padding:50px 6vw}.method-groups{grid-template-columns:1fr;gap:25px}.method-group>h3{margin-bottom:12px}.method-toggle{padding:22px 0}.method-card{margin-bottom:10px}.floating-whatsapp{width:52px;height:52px}.floating-whatsapp .whatsapp-mark{width:28px;height:28px}.story-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-slide,.method-card,.method-plus,.method-reveal,.method-reveal>div,.social-icons a,.floating-whatsapp{transition:none}}

.hero>video{filter:none}.hero::after{display:none}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('/assets/hero-atualizado-poster.jpg')}}
.logo-horizontal{background:none;mask:none;-webkit-mask:none}
.logo-horizontal:before,.logo-horizontal:after{content:'';position:absolute;inset:0;background:currentColor;mask:url('/assets/logo-horizontal-hd.png') center/contain no-repeat;-webkit-mask:url('/assets/logo-horizontal-hd.png') center/contain no-repeat}
.logo-horizontal:after{clip-path:inset(0 0 0 61%);filter:drop-shadow(.22px 0 currentColor) drop-shadow(-.22px 0 currentColor)}

/* Minimal words, faster studio rhythm, quieter floating controls. */
.story{min-height:420px}.story-content{padding:65px 7vw}.story h2{margin-bottom:25px}
.studio-slide{transition:opacity .25s ease;transform:none}.studio-slide.is-current{transform:none}
.method-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw}
.method-card,.method-card:hover,.method-card.is-open{background:transparent;box-shadow:none;border-radius:0;padding:0;color:var(--ink);transform:none;margin-bottom:0}
.method-toggle{padding:20px 0;font-size:27px}.method-plus{font-size:18px;opacity:.55}.is-open .method-toggle>span:first-child{font-style:italic}
.method-reveal h4{font-size:17px}.method-reveal p{font-size:13px;padding-bottom:22px;max-width:360px}
.expertise-photo{background-image:url('/assets/estudio-slide-5.png');background-position:center 42%;background-size:cover}
.start-project,.story-cta,.follow-button,.panel-details a{transition:transform .3s ease;transform-origin:center;display:inline-block}
.start-project:hover,.story-cta:hover,.follow-button:hover,.panel-details a:hover{color:var(--paper);transform:scale(1.05);text-decoration:none}
.projects-more .text-link{transition:transform .3s ease,background .3s ease}.projects-more .text-link:hover{transform:scale(1.05)}
.floating-top{position:fixed;left:24px;bottom:22px;width:52px;height:52px;z-index:30;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 20px #29282114}
.floating-top,.floating-whatsapp{transition:opacity .4s ease,transform .4s ease,visibility .4s ease}
.floating-top:hover{transform:scale(1.06)}
.floating-top.footer-hidden,.floating-whatsapp.footer-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}
.hero-shade{background:transparent}.hero-statement h1,.start-project{text-shadow:0 1px 16px #29282166}
@media(max-width:700px){.story{min-height:390px}.story-content{padding:50px 7vw}.method-groups{grid-template-columns:1fr;gap:25px}.method-toggle{font-size:25px}.expertise-photo{background-position:58% 40%}.floating-top{left:17px;bottom:17px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.studio-slide,.floating-top,.floating-whatsapp,.start-project,.story-cta,.follow-button,.panel-details a,.projects-more .text-link{transition:none}}

/* Portfolio index: concise introduction and quiet image-led grid. */
.expertise-photo{background-image:url('/assets/cintia-expertise-textura.png');background-position:50% 65%;background-size:cover}
.studio-slide,.studio-slide.is-current{transition:none;transform:none}
.portfolio-page{padding:130px 3vw 90px;background:var(--paper)}
.portfolio-intro{padding:0 0 105px}.portfolio-intro>p{font:400 12px/1.5 var(--sans);margin:0 0 52px;letter-spacing:.025em}
.portfolio-intro h1{font:400 clamp(23px,2.1vw,31px)/1.35 var(--serif);letter-spacing:-.035em;max-width:1040px;margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.portfolio-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e6e0d6;color:var(--ink)}
.portfolio-card>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
.portfolio-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:#fffdf6dd;opacity:0;transition:opacity .35s ease}
.portfolio-overlay>span{font:400 clamp(20px,2vw,29px)/1.25 var(--serif);letter-spacing:-.03em;transform:translateY(8px);transition:transform .35s ease}
.portfolio-card:hover .portfolio-overlay,.portfolio-card:focus-visible .portfolio-overlay{opacity:1}
.portfolio-card:hover .portfolio-overlay>span,.portfolio-card:focus-visible .portfolio-overlay>span{transform:translateY(0)}
.portfolio-card:hover>img{transform:scale(1.025)}.portfolio-card:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.portfolio-page{padding:110px 6vw 65px}.portfolio-intro{padding-bottom:55px}.portfolio-intro>p{font-size:10px;margin-bottom:30px}.portfolio-intro h1{font-size:24px}.portfolio-grid{gap:18px 12px}.portfolio-overlay{padding:12px}.portfolio-overlay>span{font-size:20px}.expertise-photo{background-position:58% center}}
@media(hover:none){.portfolio-overlay{inset:auto 0 0;background:#f5f2ebed;opacity:1;padding:12px 8px}.portfolio-overlay>span{transform:none;font-size:16px}}
@media(prefers-reduced-motion:reduce){.portfolio-card>img,.portfolio-overlay,.portfolio-overlay>span{transition:none}}
.portfolio-card{aspect-ratio:404/316}

/* Numbered methodology and consistent small section labels. */
.projects .center-heading h2,.expertise h2,.method-heading>p{font:400 13px/1.5 var(--sans);letter-spacing:.035em}
.method-arrow{position:relative;width:18px;height:20px;flex:none;opacity:.7}
.method-arrow i{position:absolute;display:block;height:1px;background:currentColor;transition:transform .3s ease,opacity .3s ease;transform-origin:center}
.method-arrow i:nth-child(1){width:13px;left:2.5px;top:8px;transform:rotate(90deg)}
.method-arrow i:nth-child(2){width:9px;left:1px;top:12px;transform:rotate(45deg)}
.method-arrow i:nth-child(3){width:9px;left:7px;top:12px;transform:rotate(-45deg)}
.is-open .method-arrow i:nth-child(1){opacity:0}.is-open .method-arrow i:nth-child(2){width:16px;left:1px;top:9px;transform:rotate(45deg)}.is-open .method-arrow i:nth-child(3){width:16px;left:1px;top:9px;transform:rotate(-45deg)}
.story-cta{background:#343129;color:var(--paper);padding:19px 27px;border-radius:5px;font:400 11px/1.5 var(--sans);letter-spacing:.025em;transition:background .3s,transform .3s}
.story-cta:hover{background:#51493f;color:var(--paper);transform:scale(1.05);text-decoration:none}
.portfolio-overlay{background:rgba(10,14,14,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.portfolio-overlay>span{font:400 15px/1.4 var(--serif);letter-spacing:0;transform:none}
.portfolio-card[href="/projetos/instituto-morro-do-meio/"]>img{transform:scale(1.08)}
.portfolio-card[href="/projetos/instituto-morro-do-meio/"]:hover>img{transform:scale(1.1)}
@media(max-width:700px){.projects .center-heading h2,.expertise h2,.method-heading>p{font-size:12px}.portfolio-overlay>span{font-size:13px}.story-cta{font-size:10px;padding:18px 20px}}
@media(hover:none){.portfolio-overlay{background:#292821cc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.portfolio-overlay>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.method-arrow i{transition:none}}
.portfolio-card[href="/projetos/gowin/"]>img{object-position:center 8%}
/* Studio 14 — portfolio families and project stories. */
.portfolio-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #29282118;padding:11px 3px;font:400 18px/1.5 var(--sans);text-align:left}
.nav-chevron{width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin:0 5px 4px 15px;transition:transform .2s}
.portfolio-menu-toggle[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-bottom:0}
.portfolio-submenu{padding:5px 0 10px 14px}.portfolio-submenu:not([hidden]){display:flex;flex-direction:column}.menu-links .portfolio-submenu a{font-size:15px;padding:7px 3px;border:0}.portfolio-menu-toggle:hover{opacity:.65}
.portfolio-next{padding:115px 20px 25px;text-align:center}.portfolio-next>p{font:400 clamp(23px,2.1vw,31px)/1.4 var(--serif);margin-bottom:27px}.portfolio-next-link{display:inline-block;font:400 12px/1.6 var(--sans);letter-spacing:.025em;transition:transform .25s}.portfolio-next-link:hover,.portfolio-next-link:focus-visible{transform:scale(1.045)}
.brand-case{padding:130px 4vw 0}.case-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.8fr);gap:6vw;align-items:start}.case-summary{position:sticky;top:90px;align-self:start;padding-bottom:24px}.case-back{display:inline-block;font:400 11px/1.6 var(--sans);letter-spacing:.035em;margin-bottom:37px}.case-summary h1{font:400 clamp(27px,2.4vw,36px)/1.2 var(--serif);margin-bottom:14px}.case-summary>p{font:400 14px/1.75 var(--serif);margin-bottom:20px}.case-summary .case-location{font:400 11px/1.6 var(--sans);margin-bottom:27px;opacity:.7}.case-summary .case-services{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:28px;font:400 11px/1.8 var(--sans)}.case-summary .case-services span{border:0;padding:0;border-radius:0}.case-navigation{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;gap:20px}.case-navigation a{font:400 11px/1.6 var(--sans);max-width:48%}.case-navigation a:last-child{text-align:right}.case-navigation a:hover,.case-back:hover{opacity:.65}.case-layout .case-gallery{width:100%;margin:0;min-width:0}.case-gallery figure{margin:0}.case-layout .case-gallery img{height:auto;object-fit:contain}.case-end{border-top:1px solid var(--line);margin-top:80px;padding:65px 0 75px;text-align:center}.case-end p{font:400 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px}.case-end>a:not(.case-back){display:block;font:400 clamp(25px,3vw,42px)/1.3 var(--serif);margin-bottom:30px}.case-end .case-back{margin:0}.case-end>a{transition:transform .25s}.case-end>a:hover{transform:scale(1.025)}
.websites-page{padding:140px 4vw 90px}.websites-intro{max-width:800px;margin:0 auto 90px;text-align:center}.websites-intro>p:first-child{font:400 11px/1.5 var(--sans);margin-bottom:30px}.websites-intro h1{font:400 clamp(29px,3.1vw,46px)/1.25 var(--serif);margin-bottom:30px}.websites-intro .websites-copy{font:400 15px/1.8 var(--serif);max-width:680px;margin:auto}.website-entry{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:6vw;align-items:center;padding:60px 0;border-top:1px solid var(--line)}.website-entry>a{display:block;overflow:hidden}.website-entry>a img{width:100%;height:auto;transition:transform .5s}.website-entry>a:hover img{transform:scale(1.02)}.website-description{max-width:390px}.website-description h2{font:400 clamp(24px,2.1vw,31px)/1.3 var(--serif);margin-bottom:22px}.website-description p{font:400 15px/1.8 var(--serif);margin-bottom:28px}.website-description .next-project{display:inline-block;font:400 11px/1.6 var(--sans);transition:transform .25s}.website-description .next-project:hover{transform:scale(1.045)}
@media(max-width:900px){.case-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:4vw}.case-summary{position:static}.case-summary>p{font-size:13px}.website-entry{gap:4vw}}
@media(max-width:700px){.brand-case{padding:110px 6vw 0}.case-layout{display:block}.case-summary{padding:0 0 40px}.case-summary h1{font-size:30px}.case-summary>p{font-size:15px}.case-summary .case-location{font-size:12px}.case-back{margin-bottom:25px}.case-summary .case-services{font-size:12px}.case-navigation a{font-size:12px}.case-end{margin-top:45px;padding:45px 0 55px}.portfolio-next{padding:75px 0 10px}.portfolio-next>p{font-size:24px}.portfolio-next-link{font-size:11px}.websites-page{padding:110px 6vw 65px}.websites-intro{text-align:left;margin-bottom:45px}.websites-intro h1{font-size:32px}.website-entry{grid-template-columns:1fr;gap:28px;padding:35px 0}.website-description{max-width:none}.website-description h2{font-size:25px}.website-description p{font-size:14px}.websites-intro .websites-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portfolio-next-link,.website-entry>a img,.website-description .next-project,.case-end>a,.nav-chevron{transition:none}}
/* Keep long descriptions fully reachable on shorter screens. */
.case-summary{position:static}@media(min-width:901px){.case-summary.summary-fits{position:sticky;top:90px}}
.case-embed{display:block;width:100%;aspect-ratio:16/9;border:0;background:#191919}
/* Studio 15 — quieter details and mobile lockup. */
.hero-shade{background:rgba(20,18,15,.17)}
.method-arrow i:first-child{display:none}
.social-icons a{border:0;border-radius:0;width:36px;height:36px;padding:7px}
.social-icons a svg,.social-icons a .whatsapp-mark{width:22px;height:22px}
.case-crop{position:relative;overflow:hidden;margin:0;width:100%}.case-gallery .case-crop img{position:absolute;max-width:none;height:auto}
@media(max-width:700px){.header .logo-horizontal{width:195px;height:53px}.header .logo-horizontal:before{mask-image:url('/assets/logo-mobile-stacked.png');-webkit-mask-image:url('/assets/logo-mobile-stacked.png')}.header .logo-horizontal:after{display:none}.header{padding-top:10px;padding-bottom:10px}.header.compact{padding-top:7px;padding-bottom:7px}.mobile-menu{top:76px}.projects .center-heading .project-universes{display:block}.projects .center-heading p{line-height:1.4}}
/* Photographic openings and quieter project endings — studio16 */
.portfolio-page,.websites-page{padding-top:105px}
.photo-intro{max-width:none;min-height:510px;padding:85px 9%;margin:0 0 85px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--paper);background-position:center;background-size:cover;border-radius:3px}
.portfolio-intro.photo-intro{background-image:linear-gradient(rgba(28,25,21,.34),rgba(28,25,21,.4)),url('/assets/scene16-marcas.png')}
.websites-intro.photo-intro{background-image:linear-gradient(rgba(28,25,21,.48),rgba(28,25,21,.56)),url('/assets/scene16-websites.png')}
.photo-intro>p:first-child{font:400 11px/1.5 var(--sans);letter-spacing:.045em;margin:0 0 28px}
.photo-intro h1{font:400 clamp(32px,3.4vw,49px)/1.22 var(--serif);letter-spacing:-.035em;margin:0 0 26px;max-width:760px}
.photo-intro .intro-copy,.photo-intro .websites-copy{font:400 14px/1.8 var(--serif);max-width:670px;margin:0}
.portfolio-photo-cta{position:relative;clip-path:inset(0);isolation:isolate;min-height:460px;margin-top:100px;display:flex;align-items:flex-end;color:var(--paper);background:var(--ink);border-radius:3px}
.portfolio-cta-photo{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,22,19,.65),rgba(25,22,19,.15)),url('/assets/scene16-websites.png') center/cover no-repeat;pointer-events:none}
.portfolio-cta-content{padding:65px 6vw;text-align:left}
.portfolio-cta-content p{font:400 clamp(27px,3vw,42px)/1.25 var(--serif);margin:0 0 32px}
.portfolio-cta-content a{font-size:11px;color:inherit}
@media(min-width:901px){.case-summary,.case-summary.summary-fits{position:sticky;top:var(--summary-top,90px)}}
.case-end{border:0;margin-top:0;padding:70px 0;text-align:center}
.case-end>a.case-return{display:inline-block;background:var(--ink);color:var(--paper);font:400 11px/1.5 var(--sans);letter-spacing:.025em;padding:21px 30px;border-radius:4px;margin:0;transition:transform .25s,background .25s}
.case-end>a.case-return:hover{transform:scale(1.04);background:#51483f}
.case-contact{background:#ded6cc;color:var(--ink);padding:65px 7vw;margin:0 -4vw;text-align:center}
.case-contact p{font:400 clamp(24px,2.5vw,34px)/1.35 var(--serif);margin:0 0 25px}
.case-contact a{display:inline-block;font:400 11px/1.6 var(--sans);letter-spacing:.035em;color:inherit;transition:transform .25s}
.case-contact a:hover,.case-contact a:focus-visible{transform:scale(1.045)}
@media(max-width:700px){.portfolio-page,.websites-page{padding-top:100px}.photo-intro{min-height:430px;padding:55px 7%;margin-bottom:48px;text-align:center}.photo-intro h1{font-size:32px}.photo-intro .websites-copy{font-size:13px;line-height:1.7}.websites-intro.photo-intro{min-height:530px;background-position:58% center}.portfolio-photo-cta{min-height:350px;margin-top:60px}.portfolio-cta-content{padding:42px 7vw}.portfolio-cta-content p{font-size:29px}.portfolio-cta-content a{font-size:10px}.case-end{padding:48px 0}.case-contact{margin:0 -6vw;padding:50px 8vw}.case-contact p{font-size:26px}}
@media(prefers-reduced-motion:reduce){.portfolio-cta-photo{position:absolute}.case-contact a,.case-end>a.case-return{transition:none}}
/* Full-bleed photographic chapters — studio17 */
.photo-page .portfolio-page,.photo-page .websites-page{padding-top:0}
.photo-page .photo-intro{position:relative;isolation:isolate;min-height:100svh;border-radius:0;margin-left:-3vw;margin-right:-3vw;padding:140px 10vw 95px;background:none;overflow:hidden}
.photo-page .websites-intro{margin-left:-4vw;margin-right:-4vw}
.photo-intro:before{content:'';position:absolute;inset:0;z-index:-2;background:center/cover no-repeat}
.photo-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(25,22,19,.4)}
.portfolio-intro.photo-intro:before{background-image:url('/assets/scene16-marcas.png');transform:scaleX(-1);background-position:center}
.websites-intro.photo-intro:before{background-image:url('/assets/scene16-websites.png')}
.websites-intro.photo-intro:after{background:rgba(25,22,19,.48)}
.photo-page .header:not(.compact):not(.menu-open){color:white;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
.header{left:3vw;right:3vw;top:12px;padding-left:1.5vw;padding-right:1.5vw;border-radius:6px}
.header.compact,.header.menu-open{padding-left:1.5vw;padding-right:1.5vw;border:1px solid #ffffff25;background:#f5f2ebd4;color:var(--ink)}
.header.hidden{transform:translateY(calc(-100% - 20px))}
.editorial-cta{position:relative;isolation:isolate;clip-path:inset(0 round 4px);margin-top:100px;min-height:560px;display:grid;place-items:center;text-align:center;color:var(--paper);background:var(--ink)}
.editorial-cta-photo{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#19161366,#19161377),url('/assets/atuacao-atualizada.png') center/cover no-repeat}
.websites-cta .editorial-cta-photo{background-image:linear-gradient(#19161377,#19161388),url('/assets/estudio-slide-5.png');background-position:center 46%}
.editorial-cta-copy{padding:75px 6vw;width:100%}
.editorial-cta h2{font:400 clamp(27px,3.1vw,44px)/1.17 var(--serif);letter-spacing:-.035em;max-width:850px;margin:0 auto 48px}
.editorial-cta-button{display:inline-block;font:400 12px/1.5 var(--sans);background:#dce4e4;color:var(--ink);padding:24px 40px;min-width:290px;border-radius:5px;transition:transform .3s,background .3s}
.editorial-cta-button:hover,.editorial-cta-button:focus-visible{transform:scale(1.04);background:#eaece7}
.case-gallery.spaced-gallery{display:flex;flex-direction:column;gap:25px}
.case-end{text-align:right;padding:38px 0 60px}
.case-end>a.case-return{font-size:10px;padding:15px 21px}
.floating-whatsapp,.floating-whatsapp:hover{background:rgba(41,40,33,.82);color:var(--paper);border:1px solid #ffffff18}
.floating-whatsapp .whatsapp-mark{filter:brightness(0) invert(1);opacity:.92}
.social-icons a .whatsapp-mark{width:18px;height:18px}
@media(max-width:700px){.header{left:5vw;right:5vw;top:10px;padding:12px 14px}.header.compact,.header.menu-open{padding:10px 14px}.header .logo-horizontal{width:33px;height:35px;max-width:none;aspect-ratio:auto}.header .logo-horizontal:before{mask-image:url('/assets/logo-symbol-hd.png');-webkit-mask-image:url('/assets/logo-symbol-hd.png')}.header .logo-horizontal:after{display:none}.photo-page .photo-intro{margin-left:-6vw;margin-right:-6vw;min-height:100svh;padding:125px 8vw 70px}.photo-intro h1{font-size:34px}.photo-intro .websites-copy{font-size:14px}.editorial-cta{margin-top:65px;min-height:470px}.editorial-cta-copy{padding:58px 7vw}.editorial-cta h2{font-size:27px;line-height:1.25;margin-bottom:35px}.editorial-cta h2 br{display:none}.editorial-cta-button{min-width:0;padding:21px 25px;font-size:10px}.case-gallery.spaced-gallery{gap:16px}.case-end{padding:30px 0 45px}}
@media(prefers-reduced-motion:reduce){.editorial-cta-photo{position:absolute}.editorial-cta-button{transition:none}}
/* Sequential methodology and portfolio refinements — studio18 */
.expertise-photo{background-image:linear-gradient(#29282130,#29282140),url('/assets/update18-7.png');background-position:65% center}
.expertise-gallery{display:inline-block;font:400 11px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px;margin:8px 0 15px;transition:transform .25s}
.expertise-gallery:hover{transform:scale(1.045)}
.intro-shortcuts{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:30px}
.intro-shortcuts a{font:400 12px/1.5 var(--sans);display:inline-block;transition:transform .25s;transform-origin:left center}
.intro-shortcuts a:hover,.intro-shortcuts a:focus-visible{transform:scale(1.08)}
.photo-intro:after{background:linear-gradient(#19161330,#19161348),url('/assets/film-grain-strong.svg');background-size:auto,180px 180px;opacity:.6}
.websites-intro.photo-intro:after{background:linear-gradient(#19161355,#19161370),url('/assets/film-grain-strong.svg');background-size:auto,180px 180px;opacity:.62}
.photo-intro h1{font-size:clamp(37px,4.3vw,62px);text-shadow:0 1px 12px #19161335}
.photo-intro .intro-copy{max-width:660px;font-size:16px;text-shadow:0 1px 9px #19161355}
.portfolio-overlay{flex-direction:column;gap:10px}
.portfolio-overlay small{font:400 11px/1.4 var(--sans);letter-spacing:.07em}
.editorial-cta{min-height:390px}
.editorial-cta-copy{padding:52px 6vw}
.editorial-cta h2{font-size:clamp(27px,2.7vw,38px);margin-bottom:32px}
.editorial-cta-button{background:#514438;color:var(--paper);padding:20px 32px}
.editorial-cta-button:hover{background:#655344}
.method-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.timeline-step{position:relative;padding:46px 18px 0 0}
.timeline-step:before{content:'';position:absolute;top:12px;left:0;right:0;height:1px;background:#8b796766}
.timeline-step:last-child:before{display:none}
.timeline-dot{position:absolute;left:0;top:5px;width:15px;height:15px;border-radius:50%;background:#8d7660;border:4px solid #ded6cc;box-shadow:0 0 0 1px #8d766066;z-index:1}
.timeline-step .timeline-phase{font:400 9px/1.5 var(--sans);letter-spacing:.025em;margin:0 0 14px;opacity:.65}
.timeline-step h3{font:400 clamp(17px,1.5vw,22px)/1.3 var(--serif);margin:0 0 20px}
.timeline-step h4{font:400 11px/1.5 var(--sans);margin:0 0 10px}
.timeline-step>p:last-child{font:400 12px/1.75 var(--serif);margin:0;max-width:210px}
.timeline-step.will-reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease var(--step-delay),transform .7s ease var(--step-delay)}
.timeline-step.is-visible{opacity:1;transform:none}
@media(max-width:900px){.timeline-step{padding-right:12px}.timeline-step h3{font-size:16px}.timeline-step>p:last-child{font-size:11px}}
@media(max-width:700px){.expertise-photo{background-position:57% center}.expertise-list{margin-top:30px}.intro-shortcuts{margin-top:24px}.photo-intro h1{font-size:37px}.photo-intro .intro-copy{font-size:14px}.editorial-cta{min-height:350px}.editorial-cta-copy{padding:44px 7vw}.editorial-cta h2{font-size:26px}.method-mobile-break{display:block}.method-timeline{display:block}.timeline-step{padding:0 0 38px 38px}.timeline-step:before{left:7px;top:12px;bottom:0;width:1px;height:auto;right:auto}.timeline-dot{top:5px}.timeline-step .timeline-phase{font-size:10px;margin-bottom:8px}.timeline-step h3{font-size:23px;margin-bottom:14px}.timeline-step h4{font-size:12px}.timeline-step>p:last-child{max-width:none;font-size:14px}.timeline-step:last-child{padding-bottom:0}.compact-footer{padding-bottom:20px}.copyright{margin-bottom:0}.portfolio-overlay small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.timeline-step.will-reveal{opacity:1;transform:none;transition:none}.intro-shortcuts a,.expertise-gallery{transition:none}}
.photo-intro:before{filter:brightness(.8)}
.websites-intro.photo-intro:before{filter:brightness(.73)}
.photo-intro:after,.websites-intro.photo-intro:after{background:url('/assets/film-grain-strong.svg') repeat;background-size:180px 180px;opacity:.28;mix-blend-mode:soft-light}

.brands-cta .editorial-cta-photo{background-image:linear-gradient(#19161355,#19161366),url('/assets/update18-9.png');background-position:center}
/* Larger galleries, service indexes and project brief — studio19 */
.brands-cta .editorial-cta-button{background:#fff;color:var(--ink)}
.brands-cta .editorial-cta-button:hover{background:#f3eee7}
.websites-cta h2{max-width:760px}
.websites-intro.photo-intro:before{filter:brightness(.87)}
.websites-intro.photo-intro:after{opacity:.4}
.photo-intro h1.narrative-title{font-size:clamp(31px,3.3vw,47px);max-width:900px;line-height:1.23}
.intro-shortcuts a{font-size:14px}
.intro-shortcuts a span{text-decoration:underline;text-underline-offset:4px}
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.timeline-details summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;cursor:pointer;font:400 11px/1.6 var(--sans);padding:0 8px 12px 0}
.timeline-details summary::-webkit-details-marker{display:none}
.timeline-chevron{width:7px;height:7px;flex:0 0 7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);transition:transform .25s}
.timeline-details[open] .timeline-chevron{transform:rotate(225deg)}
.timeline-description p{font:400 12px/1.75 var(--serif);margin:0;padding-right:12px}
.timeline-details[open] .timeline-description{animation:timeline-open .35s ease}
@keyframes timeline-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.service-portfolio{padding:155px 4vw 80px}.service-intro{max-width:900px;margin:0 auto 80px;text-align:center}.service-intro>p:first-child{font:400 11px/1.5 var(--sans);letter-spacing:.04em;margin-bottom:28px}.service-intro h1{font:400 clamp(31px,3.5vw,48px)/1.25 var(--serif);margin-bottom:28px}.service-intro>p:last-child{font:400 15px/1.8 var(--serif);max-width:650px;margin:auto}.service-contact{text-align:center;padding:80px 20px 0}.service-contact h2{font:400 29px/1.4 var(--serif);margin-bottom:30px}
.brief-page{max-width:1000px;margin:auto;padding:150px 6vw 90px}.brief-page .service-intro{margin-bottom:55px}.brief-page form{max-width:740px;margin:auto}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px}.brief-page label{display:block;font:400 13px/1.6 var(--sans);margin-bottom:24px}.brief-page label>span{opacity:.55;font-size:11px}.brief-page input:not([type=checkbox]):not([type=radio]),.brief-page textarea{display:block;width:100%;font:400 16px/1.5 var(--sans);background:transparent;border:0;border-bottom:1px solid #29282166;border-radius:0;padding:12px 0;color:var(--ink)}.brief-page textarea{border:1px solid #29282144;padding:14px;margin-top:12px;resize:vertical}.brief-page fieldset{border:0;padding:0;margin:15px 0 35px}.brief-page legend{font:400 22px/1.4 var(--serif);margin-bottom:20px}.brief-page fieldset label{margin-bottom:12px}.brief-page input[type=checkbox],.brief-page input[type=radio]{accent-color:#514438;margin:0 10px 0 0}.brief-delivery,#brief-status{font:400 12px/1.7 var(--sans);margin:20px 0}.brief-page input:focus-visible,.brief-page textarea:focus-visible{outline:1px solid #514438;outline-offset:5px}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:25px}.timeline-details summary{font-size:13px;justify-content:flex-start;gap:14px}.timeline-description p{font-size:14px;padding-right:0}.photo-intro h1.narrative-title{font-size:30px}.service-portfolio{padding:120px 6vw 60px}.service-intro{margin-bottom:50px}.service-intro h1{font-size:30px}.service-intro>p:last-child{font-size:14px}.brief-page{padding:120px 7vw 65px}.brief-fields{grid-template-columns:1fr;gap:0}.brief-page legend{font-size:21px}}
@media(prefers-reduced-motion:reduce){.timeline-details[open] .timeline-description{animation:none}.timeline-chevron{transition:none}}
.social-pending{text-align:center;min-height:180px;padding:10px 0 65px}.social-pending>p{font:400 20px/1.5 var(--serif)}
.brief-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Portfolio consistency and brief refinement — studio20 */
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto;gap:27px 22px}
.portfolio-overlay .portfolio-descriptor{font:400 11px/1.5 var(--sans);max-width:85%;text-align:center}
.portfolio-overlay{gap:7px}.portfolio-overlay>span:first-child{font-size:16px}
.brands-cta .editorial-cta-photo{background-image:linear-gradient(#19161355,#19161366),url('/assets/scene16-marcas.png')}
.websites-cta .editorial-cta-photo{background-image:linear-gradient(#19161355,#19161366),url('/assets/scene16-websites.png')}
.story-photo{background-image:linear-gradient(#19161344,#19161366),url('/assets/update18-9.png');background-position:center}
.editorial-cta-button,.brands-cta .editorial-cta-button{background:#fffC;color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff70}
.editorial-cta-button:hover,.brands-cta .editorial-cta-button:hover{background:#fffffff0}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.portfolio-grid{grid-template-columns:1fr;max-width:404px}.portfolio-overlay>span:first-child{font-size:15px}.portfolio-overlay .portfolio-descriptor{font-size:11px}}
.social-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1150px;margin:auto}.social-selection figure{margin:0}.social-selection img{width:100%;aspect-ratio:1;object-fit:contain;background:#ede9e0}.social-selection figcaption{padding-top:18px}.social-selection h2{font:400 22px/1.3 var(--serif);margin:0 0 7px}.social-selection p{font:400 11px/1.6 var(--sans);opacity:.65}
@media(max-width:700px){.social-selection{grid-template-columns:1fr;max-width:420px;gap:30px}}

/* studio21 — cinematic process and a shared portfolio entrance */
.hero>video{filter:grayscale(.8) sepia(.12) saturate(.65) contrast(1.13) brightness(.94)}
.hero-shade{background:radial-gradient(ellipse at 52% 43%,transparent 20%,#211a1755 100%),linear-gradient(180deg,#1c191a25,#28252220 50%,#16171855)}
.hero::after{display:block;background-image:url('/assets/film-grain-strong.svg');background-size:210px 210px;opacity:.14;mix-blend-mode:soft-light;pointer-events:none}
.menu-links a,.portfolio-menu-toggle,.portfolio-submenu a{font-family:var(--serif)}
.timeline-details summary{justify-content:flex-start;gap:7px;padding-right:0;align-items:baseline}
.timeline-chevron{flex:0 0 6px;width:6px;height:6px;margin-left:0;position:relative;top:-2px}
.kaya-cover{width:100%;height:100%;aspect-ratio:1;background:url('/assets/7f20c46689-Ativo-22.png') right bottom/204% 180% no-repeat;transition:transform .6s}
.branding-cta .editorial-cta-photo{background-image:linear-gradient(#19161370,#19161380),url('/assets/update18-9.png')}
.naming-cta .editorial-cta-photo{background-image:linear-gradient(#19161370,#19161380),url('/assets/estudio-slide-1.png')}
.social-media-cta .editorial-cta-photo{background-image:linear-gradient(#19161370,#19161380),url('/assets/update18-8.png')}
.portfolio-hub .hub-intro{margin:0;min-height:90svh;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 9vw 80px}
.hub-intro>p{font:400 12px/1.5 var(--sans);letter-spacing:.08em;margin-bottom:30px}
.hub-intro h1{max-width:850px;margin-bottom:36px}
.hub-explore{font:400 11px/1.6 var(--sans);transition:transform .25s}.hub-explore:hover{transform:scale(1.05)}
.hub-selection{padding:80px 5vw}.hub-label{text-align:center;font-size:25px;margin-bottom:55px}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px;max-width:1200px;margin:auto}
.hub-image{overflow:hidden;border-radius:4px;aspect-ratio:1.4}.hub-image img{height:100%;object-fit:cover;transition:transform .6s,filter .6s}.hub-card:hover img{transform:scale(1.035);filter:brightness(.9)}
.hub-caption{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:20px}.hub-caption h2{font:400 25px/1.3 var(--serif);margin:0}.hub-caption p{grid-column:1/-1;font-size:14px;margin:0;line-height:1.6}.hub-caption>span{font-size:22px}
@media(max-width:700px){.portfolio-hub .hub-intro{margin:0;min-height:85svh;padding:120px 7vw 70px}.hub-selection{padding:55px 6vw}.hub-label{font-size:21px}.hub-grid{grid-template-columns:1fr;gap:35px}.hub-caption h2{font-size:23px}.hub-caption p{font-size:13px}.timeline-details summary{gap:8px}}
@media(prefers-reduced-motion:reduce){.hub-image img,.hub-explore{transition:none}}

/* studio22 — progressive entry, without hiding content when JavaScript is unavailable */
@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.service-intro>*,.hub-intro>*,.hero-statement>*,.case-summary>*{animation:page-enter .75s cubic-bezier(.22,.61,.36,1) both}
.service-intro>:nth-child(2),.hub-intro>:nth-child(2),.hero-statement>:nth-child(2),.case-summary>:nth-child(2){animation-delay:.12s}
.service-intro>:nth-child(n+3),.hub-intro>:nth-child(n+3),.case-summary>:nth-child(n+3){animation-delay:.24s}
.scroll-reveal{opacity:0;translate:0 18px;transition:opacity .75s ease,translate .75s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.revealed{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none}}
@media(max-width:700px),(hover:none){
.portfolio-card{aspect-ratio:auto;overflow:hidden;background:transparent;display:flex;flex-direction:column}
.portfolio-card>img,.portfolio-card>.kaya-cover{height:auto;aspect-ratio:404/316;object-fit:cover;flex:none;border-radius:3px}
.portfolio-card[href="/projetos/instituto-morro-do-meio/"]>img,.portfolio-card:hover>img{transform:none}
.portfolio-card .portfolio-overlay{position:static;inset:auto;display:grid;grid-template-columns:1fr auto;align-items:baseline;justify-items:start;gap:5px 12px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;color:var(--ink);text-align:left;padding:15px 0 2px;min-height:0}
.portfolio-card .portfolio-overlay>span:first-child{font:400 17px/1.4 var(--serif);transform:none;grid-column:1;grid-row:1}
.portfolio-card .portfolio-overlay .portfolio-descriptor{font:400 11px/1.5 var(--sans);max-width:100%;text-align:left;grid-column:1/-1;grid-row:2;transform:none;opacity:.75}
.portfolio-card .portfolio-overlay small{grid-column:2;grid-row:1;font:400 11px/1.5 var(--sans)}
.portfolio-grid{row-gap:32px}
}

/* studio23 — visible upward entrances and editorial media */
@media(prefers-reduced-motion:no-preference){.scroll-reveal{opacity:0;translate:0 46px;transition:opacity 1.05s ease,translate 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.scroll-reveal.revealed{opacity:1;translate:0 0}}
#project-brief>.editorial-cta-button{background:#514438;color:#f5f2eb;border-color:#514438;backdrop-filter:none}
#project-brief>.editorial-cta-button:hover{background:#6a5748;border-color:#6a5748}
.portfolio-card>.kaya-story-cover{object-fit:contain;background:#873b2c}
.social-selection .social-wide{grid-column:1/-1}.social-selection .social-wide img{aspect-ratio:auto;object-fit:contain;background:#000}
#vamos-conversar{scroll-margin-top:25px}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none}}

/* studio24 — stable hover while scrolling, transparent carousel compositions */
.expertise-list{min-height:340px}
.social-selection .social-wide img{background:transparent}
.social-carousels{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1150px;margin:75px auto 0}
.social-carousels figure{margin:0}.social-carousels img{width:100%;height:auto;background:transparent}.social-carousels figcaption{padding-top:22px}.social-carousels h2{font:400 23px/1.4 var(--serif);margin:0 0 7px}.social-carousels p{font:400 11px/1.6 var(--sans);opacity:.7}
@media(max-width:700px){.expertise-list{min-height:340px}.social-carousels{grid-template-columns:1fr;gap:45px;margin-top:55px;max-width:480px}}

/* studio25 — full-width photographic endings, each with its own scene */
.service-portfolio>.editorial-cta{margin-left:-4vw;margin-right:-4vw;border-radius:0;clip-path:inset(0)}
.hub-selection>.editorial-cta{margin-left:-5vw;margin-right:-5vw;border-radius:0;clip-path:inset(0)}
.brands-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-image-4.png')}
.branding-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-2.png')}
.naming-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-5.png')}
.social-media-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-8.png')}
.websites-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-6.png')}
.overview-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update25-3.png')}
.website-entry>a .screen-no-scrollbar{width:calc(100% + 8px);max-width:none}
@media(max-width:700px){.service-portfolio>.editorial-cta,.hub-selection>.editorial-cta{margin-left:-6vw;margin-right:-6vw}}

.portfolio-card>.kaya-story-cover{object-fit:cover;background:transparent}

/* studio26 */
.branding-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update26-branding.png')}
.websites-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update26-websites.png')}
.social-media-cta .editorial-cta-photo{background-image:linear-gradient(#19161365,#19161375),url('/assets/update26-social.png')}
.naming-cta .editorial-cta-photo{background-size:cover;background-position:center 76%}
.direct-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:12px}.direct-whatsapp img{width:22px;height:22px;object-fit:contain;filter:brightness(0);opacity:.85}
.panel-details>div{padding:5px 8px 8px;margin:0 -8px -8px}.panel-details a{transform-origin:left center}.panel-copy{z-index:2}.panel-trigger{cursor:pointer}
.case-navigation a{display:inline-block;text-decoration:underline;text-underline-offset:5px;transition:transform .25s;transform-origin:left center}.case-navigation a:last-child{transform-origin:right center}.case-navigation a:hover,.case-navigation a:focus-visible{transform:scale(1.055)}
@media(prefers-reduced-motion:reduce){.case-navigation a{transition:none}}
.naming-cta .editorial-cta-photo{position:absolute;background-position:center 60%;background-size:cover}
@media(max-width:700px){.naming-cta .editorial-cta-photo{background-size:auto 240%;background-position:center 64%}}

/* studio27: exact artwork, quiet yellow, and continuous case presentations. */
:root{--studio-yellow:#e8ba69}
.intro.thought{background:var(--studio-yellow);isolation:isolate;overflow:hidden}
.intro-cords{position:absolute;top:0;right:1.6vw;width:clamp(60px,9vw,125px);height:100%;background:#000;mask:url('/assets/update27-cords.png') center top/100% 100% no-repeat;-webkit-mask:url('/assets/update27-cords.png') center top/100% 100% no-repeat;z-index:-1;pointer-events:none}
.projects-more .text-link{background:var(--studio-yellow);color:var(--ink)}
.projects-more .text-link:hover{background:#ddb061}
.hub-card[href="/projetos/"] .hub-image,.hub-card[href="/social-media/"] .hub-image{background:#e5e3de}
.hub-card[href="/projetos/"] .hub-image>img,.hub-card[href="/social-media/"] .hub-image>img{object-fit:contain;width:100%;padding:8px}
.kaya-composition{position:relative;display:block;width:100%;height:100%;background:#823c2c;overflow:hidden}
.kaya-logo-region,.kaya-descriptor-region{position:absolute;display:block;overflow:hidden;left:0;width:100%}
.kaya-logo-region{top:23%;height:56%}.kaya-logo-region img{position:absolute;width:112%;max-width:none;height:auto;left:-6%;top:-43%;object-fit:initial}
.kaya-descriptor-region{top:76%;height:12%}.kaya-descriptor-region img{position:absolute;width:83%;max-width:none;height:auto;left:8.5%;top:-660%;object-fit:initial}
.portfolio-card>.wordmark-only{aspect-ratio:404/316;height:auto;flex:none;border-radius:3px}
.wordmark-only .kaya-logo-region{top:18%;height:68%}.wordmark-only .kaya-logo-region img{width:128%;left:-14%;top:-37%}
.case-layout .case-gallery,.case-gallery.spaced-gallery{display:flex;flex-direction:column;gap:0!important}
.case-gallery>img,.case-gallery>video,.case-gallery>figure{display:block;margin:0!important;padding:0;flex-shrink:0}
.case-gallery video{pointer-events:none}
.case-gallery video::-webkit-media-controls{display:none!important}
.case-gallery [data-clean-signature]::after{content:"";position:absolute;right:0;bottom:0;width:50.6%;height:10.4%;background:#d3caba;pointer-events:none}
@media(max-width:700px){.intro-cords{right:0;width:40px;opacity:.9}.intro.thought .thought-stage{position:relative;max-width:calc(100% - 24px)}}

/* Place the intact Kaya wordmark and its original descriptor without resampling. */
.kaya-composition{background:#783b2e}
.kaya-logo-region{top:22%;height:60%}.kaya-logo-region img{width:100%;left:0;top:-46%}
.kaya-descriptor-region img{top:-715%}
.wordmark-only .kaya-logo-region img{width:128%;left:-14%;top:-47%}

.gapless-board{width:100%;margin:0;padding:0;flex-shrink:0}.board-row{display:grid;gap:0;align-items:start}.board-column{display:flex;flex-direction:column;gap:0}.board-piece{margin:0;padding:0}.gapless-board img{display:block}
.kaya-descriptor-region{left:25%;width:50%}.kaya-descriptor-region img{width:166%;left:-33%;top:-715%}

.gapless-board{width:100%;margin:0;padding:0;flex-shrink:0}.board-row{display:grid;gap:0;align-items:start}.board-column{display:flex;flex-direction:column;gap:0}.board-piece{margin:0;padding:0}.gapless-board img{display:block}
.kaya-descriptor-region{left:25%;width:50%}.kaya-descriptor-region img{width:166%;left:-33%;top:-715%}

/* studio28: updated original assets and full-frame portfolio covers. */
:root{--studio-yellow:#ff8b35}
.intro-cords{right:0;width:clamp(95px,15vw,215px);mask-image:url('/assets/update28-cords.png');-webkit-mask-image:url('/assets/update28-cords.png')}
.projects-more .text-link:hover{background:var(--studio-yellow)}
.hub-card[href="/projetos/"] .hub-image>img,.hub-card[href="/social-media/"] .hub-image>img{padding:0;object-fit:cover;width:100%;height:100%}
.hub-card[href="/naming/"] .hub-image>img{object-fit:cover;object-position:center;width:100%;height:100%}
.portfolio-card>.kaya-story-cover{object-fit:cover;object-position:center}
@media(max-width:700px){.intro-cords{width:48px}.intro.thought .thought-stage{max-width:calc(100% - 32px)}}

/* studio30: finer curtains and quieter project labels. */
.intro-cords{mask-image:url('/assets/update30-cords.png');-webkit-mask-image:url('/assets/update30-cords.png');width:clamp(90px,13vw,185px)}
.projects-more .text-link{background:#343129;color:var(--paper)}.projects-more .text-link:hover{background:#51493f;color:var(--paper)}
.panel-copy h3{font-size:18px;line-height:1.3;max-height:0;opacity:0;margin:0;overflow:hidden;transition:max-height .4s,opacity .3s,margin .4s}
.project-panel.is-active .panel-copy h3{max-height:55px;opacity:1;margin:0 0 8px}
.panel-details a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.intro-cords{width:48px}.panel-copy h3{font-size:17px}.project-panel.is-active .panel-copy h3{max-height:50px}}
@media(prefers-reduced-motion:reduce){.panel-copy h3{transition:none}}

/* studio32: two groups of cords, with a subtly fuller stroke. */
.intro-cords{width:clamp(130px,19vw,270px);background:none;mask:none;-webkit-mask:none}
.intro-cords::before,.intro-cords::after{content:"";position:absolute;top:0;width:50%;height:100%;background:#000;mask:url('/assets/update30-cords.png') center top/100% 100% no-repeat;-webkit-mask:url('/assets/update30-cords.png') center top/100% 100% no-repeat;filter:drop-shadow(.3px 0 0 #000) drop-shadow(-.3px 0 0 #000)}
.intro-cords::before{left:0}.intro-cords::after{right:0}
@media(max-width:700px){.intro-cords{width:72px}.intro-cords::before,.intro-cords::after{filter:drop-shadow(.2px 0 0 #000) drop-shadow(-.2px 0 0 #000)}}

/* studio33: three cord groups within the same curtain footprint. */
.intro-cords::before{width:100%;mask-size:33.333333% 100%;-webkit-mask-size:33.333333% 100%;mask-repeat:repeat-x;-webkit-mask-repeat:repeat-x;filter:drop-shadow(.45px 0 0 #000) drop-shadow(-.45px 0 0 #000)}
.intro-cords::after{display:none}
@media(max-width:700px){.intro-cords::before{filter:drop-shadow(.3px 0 0 #000) drop-shadow(-.3px 0 0 #000)}}

/* Continuous vector strokes preserve the denser drawing at every width. */
.intro-cords{background:url('/assets/update33-cords.svg') center/100% 100% no-repeat}.intro-cords::before,.intro-cords::after{display:none}

/* studio34: remove the curtain decoration. */
.intro-cords{display:none!important}

/* studio35: consistent vector arrows, including iOS browsers. */
.diagonal-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}
@media(max-width:700px){.brand-case .case-end{text-align:center}}