/* Scoped interaction refinements; the approved page composition stays intact. */
.project .project-stage,.project .browser-frame,.project .browser-frame *{filter:none!important;backdrop-filter:none!important}
.service-list article,.service-list article:hover{transform:none!important}
.service-list h3{transition:transform .45s var(--ease-out);width:max-content;max-width:100%}
.service-list article p{transform:none!important}
.service-list article:hover h3{transform:translateX(7px)}

.service-title-enter .nav-glyph,.promise-active .nav-glyph,.services-heading-active .nav-glyph{background-image:url('assets/interaction-gradient.png');background-size:var(--nav-width) 100%;background-repeat:repeat-x;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nav-word-color 2.4s linear 0s infinite,label-blur .8s ease-in-out var(--blur-delay,0ms) both;}
.portfolio-promise{display:inline-block}
.navori-symbol{outline-offset:8px}
.navori-symbol:focus-visible{outline:2px solid #7771ce;border-radius:12px}
.navori-symbol .symbol-ink-dark,.navori-symbol .symbol-ink-gradient{transition:opacity .45s var(--ease-out)}
.navori-symbol .symbol-ink-gradient{opacity:0}
.navori-symbol:is(:hover,:focus-visible) .symbol-ink-gradient{opacity:1}
.navori-symbol:is(:hover,:focus-visible) .symbol-ink-dark{opacity:0}
.navori-symbol:is(:hover,:focus-visible) .logo-asterisk path{fill:#16151c!important}
.distinct-preview{height:425px;position:relative;overflow:hidden;font-family:'DM Sans',sans-serif}
.distinct-preview .preview-nav{position:relative;z-index:2;padding:20px 5%;display:flex;justify-content:space-between;align-items:center}
.distinct-preview .preview-nav span{font-size:10px}
.distinct-preview h3{margin:0;letter-spacing:-.05em}
.distinct-preview img{object-fit:cover}
.origem-preview-new{background:#efe7cb;color:#293b2d}
.origem-preview-new .preview-nav strong{font:italic bold 28px Georgia,serif}
.coffee-poster{height:315px;text-align:center;position:relative}
.coffee-poster small{font-size:9px;letter-spacing:2px;position:relative;z-index:1}
.coffee-poster h3{font:600 clamp(40px,5.5vw,86px)/.95 'DM Sans',sans-serif;position:relative;z-index:1;margin:15px 0}
.coffee-poster h3 em{font-family:Georgia,serif;font-weight:400}
.coffee-poster img{position:absolute;inset:auto 8% 0;width:84%;height:145px;border-radius:80px 80px 0 0}
.coffee-seal{position:absolute;right:12%;bottom:30px;z-index:2;border-radius:50%;background:#e0f078;width:76px;height:76px;display:grid;place-content:center;font:italic 16px/1 Georgia,serif;transform:rotate(12deg)}
.origem-preview-new .preview-footer{padding:15px 5%;font-size:9px}
.vela-preview-new{background:#f1dfda;color:#6b303c}
.vela-preview-new .preview-nav strong{font:italic 30px Georgia,serif}
.skin-editorial{position:relative;height:355px;margin:0 5%}
.skin-editorial>img{position:absolute;left:10%;top:0;width:49%;height:315px;border-radius:120px 120px 0 0}
.skin-editorial>div{position:absolute;left:51%;top:45px;z-index:1}
.skin-editorial h3{font:400 clamp(35px,5vw,75px)/.98 Georgia,serif;letter-spacing:-.05em}
.skin-editorial small{font-size:8px;letter-spacing:1.5px}
.skin-editorial p{font-size:10px;margin-top:15px}
.skin-side{position:absolute;left:0;top:80px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}
.skin-number{position:absolute;bottom:14px;left:10%;font-size:10px}
.mova-preview-new{background:#212925;color:#f2f3e5}
.mova-preview-new .preview-nav strong{font-size:28px;font-weight:600;letter-spacing:-2px}
.movement-poster{height:305px;position:relative;padding-left:5%}
.movement-poster img{position:absolute;right:5%;top:0;width:62%;height:100%;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);object-position:50% 35%}
.movement-poster h3{font:600 clamp(45px,6.4vw,98px)/.88 'DM Sans',sans-serif;position:relative;z-index:1;letter-spacing:-.06em}
.movement-poster h3 em{color:#ddf97b;font-style:normal}
.movement-poster>span{position:absolute;right:4%;bottom:20px;writing-mode:vertical-rl;font-size:7px;letter-spacing:1px}
.movement-strip{background:#ddf97b;color:#212925;font-size:11px;font-weight:600;letter-spacing:3px;padding:15px 5%;margin-top:10px}
.mesa-preview-new{background:#30231d;color:#fff2de}
.dining-backdrop{position:absolute;inset:0;width:100%;height:100%;object-position:50% 60%}
.mesa-preview-new:after{content:'';position:absolute;inset:0;background:linear-gradient(#1c181964,#21150e88);pointer-events:none}
.mesa-preview-new .preview-nav{z-index:2}
.mesa-preview-new .preview-nav strong{font:26px Georgia,serif}
.dining-center{position:absolute;inset:115px 0 auto;text-align:center;z-index:2}
.dining-center small{font-size:8px;letter-spacing:3px}
.dining-center h3{font:400 clamp(37px,5vw,76px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:22px 0}
.dining-center>span{font:italic 12px Georgia,serif;border-bottom:1px solid;padding-bottom:7px}
.dining-foot{position:absolute;bottom:24px;width:100%;text-align:center;z-index:2;font-size:8px;letter-spacing:2px}
.project-carousel:not(.carousel-ready) .distinct-preview{opacity:0}
.carousel-ready .project.active .distinct-preview{animation:piece-arrive .9s var(--ease-out) .4s both}
.carousel-ready .project.loop-resting .distinct-preview{animation:none;opacity:1}
@media(max-width:700px){
 .distinct-preview{height:270px}.distinct-preview .preview-nav{padding:13px 5%}.distinct-preview .preview-nav strong{font-size:21px}.distinct-preview .preview-nav span{font-size:7px}
 .coffee-poster{height:188px}.coffee-poster small{font-size:6px}.coffee-poster h3{font-size:39px;margin:9px 0}.coffee-poster img{height:80px}.coffee-seal{width:49px;height:49px;font-size:12px;bottom:15px}.origem-preview-new .preview-footer{font-size:6px;padding:12px 5%}
 .skin-editorial{height:220px}.skin-editorial>img{height:195px}.skin-editorial>div{top:25px;left:48%}.skin-editorial h3{font-size:35px}.skin-editorial small{font-size:6px;letter-spacing:0}.skin-editorial p{font-size:7px}.skin-side{font-size:6px;top:40px}.skin-number{bottom:6px;font-size:7px}
 .movement-poster{height:185px}.movement-poster h3{font-size:55px}.movement-poster>span{font-size:5px}.movement-strip{font-size:7px;letter-spacing:1px;padding:11px 5%}
 .dining-center{top:75px}.dining-center h3{font-size:32px;margin:15px 0}.dining-center small{font-size:6px;letter-spacing:2px}.dining-center>span{font-size:9px}.dining-foot{font-size:5px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){.service-title-enter .nav-glyph,.promise-active .nav-glyph,.services-heading-active .nav-glyph{animation:nav-word-color 3.6s linear 0s infinite,label-blur-soft .9s ease-in-out var(--blur-delay,0ms) both!important;}.service-list h3{transition-duration:.2s}}

/* The label, underline and arrow sample a single animated SVG gradient. */
.services-heading-accent{display:inline-block}
.services .text-link{display:inline-block;width:225px;height:30px;border:0;padding:0;line-height:0}
.services .text-link .services-link-unified{display:block;width:225px;height:30px;stroke:none;overflow:visible;transform:none}
.services .text-link:hover .services-link-unified{transform:none}
.services-link-arrow{transform-box:fill-box;transform-origin:center;transition:transform 450ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.services .text-link:hover .services-link-arrow{transform:scale(1.12)}}

@keyframes label-blur-soft{0%,100%{filter:blur(0)}42%{filter:blur(1.25px)}}