/* Shared, quiet interaction details. */
:root{--detail-duration:360ms;--detail-ease:cubic-bezier(.22,1,.36,1)}
#site .micro-arrow{display:inline-block;font-style:normal;transition:transform var(--detail-duration) var(--detail-ease);transform:translate(0,0)}
#site .hero-scroll{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:18px 0 0 auto;color:inherit;opacity:.65;text-decoration:none;font-size:20px}
#site #craft .hero-scroll{margin-top:22px}
#site .hero-scroll:focus-visible{outline:1px solid var(--roxo);outline-offset:3px;opacity:1}
#site #craft .flwcap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:5px}
#site #craft .way-arrow{opacity:0;flex-shrink:0;font-size:18px;color:var(--roxo);transition:opacity var(--detail-duration) var(--detail-ease),transform var(--detail-duration) var(--detail-ease)}
#site #craft .flwcap[aria-pressed="true"] .way-arrow{opacity:1}
#site .reel-scroll-hint{position:absolute;left:5%;bottom:28px;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;letter-spacing:.08em;padding:10px 13px;background:rgba(0,0,0,.32);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--detail-duration) var(--detail-ease);pointer-events:none}
#site .craft-reel.is-holding .reel-scroll-hint{opacity:1;visibility:visible}
#site #contato .contact-email{display:inline-flex;align-items:center;gap:10px}
#site #contato .email-arrow{font-size:.65em;opacity:0;flex-shrink:0;transition:opacity var(--detail-duration) var(--detail-ease),transform var(--detail-duration) var(--detail-ease)}
#site #contato .contact-email:focus-visible .email-arrow{opacity:1;transform:translate(3px,-3px)}
#site :is(#scale,#craft) .case-timeline{display:flex;gap:6px;height:2px;width:calc((100% - 30px)*2/3);margin-top:16px}
#site :is(#scale,#craft) .case-timeline>span{display:block;flex:1;background:var(--line);overflow:hidden}
#site :is(#scale,#craft) .case-timeline i{display:block;width:100%;height:100%;background:var(--roxo);transform:scaleX(0);transform-origin:left}
#site :is(#scale,#craft) .cases .caseitem .pbar{display:none!important}
#site .flow-arrow,#site .flow-label{transition-duration:var(--detail-duration)!important;transition-timing-function:var(--detail-ease)!important}
/* Fit a glimpse of the next slide within the existing content width. */
@media(min-width:921px){#site #cultura #vtrack .vcard,#site #creators #ctrack .ccard{flex-basis:calc((100% - 72px)/3)}}
@media(min-width:681px) and (max-width:920px){#site #cultura #vtrack .vcard,#site #creators #ctrack .ccard{flex-basis:44%}}
@media(max-width:680px){
 #site #cultura #vtrack .vcard,#site #creators #ctrack .ccard{flex-basis:86%}
 #site #creators #ctrack{gap:16px}
 #site :is(#scale,#craft) .case-timeline{width:100%;margin-top:14px}
 #site .hero-scroll{margin-top:12px}
 #site #craft .hero-scroll{margin-top:14px}
 #site .reel-scroll-hint{bottom:20px;left:6%}
}
@media(hover:hover) and (pointer:fine){
 #site :is(a,button):hover>.micro-arrow,#site .clipcard:hover .micro-arrow{transform:translateX(3px)}
 #site :is(a,button):hover>.arrow-left{transform:translateX(-3px)}
 #site :is(a,button):hover>.arrow-up{transform:translateY(-3px)}
 #site :is(a,button):hover>.arrow-diagonal,#site #craft .flwcap:hover .way-arrow{transform:translate(3px,-3px)}
 #site .hero-scroll:hover .micro-arrow,#site #sobre .hero-bottom a:hover .micro-arrow{transform:translateY(3px)}
 #site #contato .contact-email:hover .email-arrow{opacity:1;transform:translate(3px,-3px)}
}
#site :is(a,button):focus-visible>.micro-arrow{transform:translateX(3px)}
#site .hero-scroll:focus-visible .micro-arrow{transform:translateY(3px)}
#site :is(a,button):focus-visible>.arrow-diagonal{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){#site .micro-arrow,#site .way-arrow,#site .email-arrow,#site .flow-arrow,#site .flow-label,#site .reel-scroll-hint{transition:none!important;transform:none!important}}

#site #cultura .vacancy-arrow.micro-arrow{transition:transform var(--detail-duration) var(--detail-ease),color var(--detail-duration) var(--detail-ease)}
#site #cultura .vaga:is(:hover,:focus-visible) .vacancy-arrow.micro-arrow{transform:translate(3px,-3px)}
#site :is(a,button):focus-visible>.arrow-left{transform:translateX(-3px)}
#site :is(a,button):focus-visible>.arrow-up{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){#site #cultura .vacancy-arrow.micro-arrow{transition:none!important;transform:none!important}}

/* Icon-only scroll cue, centered over the reel. */
#site #craft .reel-scroll-hint{left:50%;bottom:30px;transform:translateX(-50%);width:36px;height:36px;padding:0;gap:0;background:none;backdrop-filter:none;color:rgba(255,255,255,.9)}
#site #craft .reel-scroll-hint svg{display:block;width:36px;height:36px;overflow:visible;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}
#site #craft .is-holding .reel-scroll-chevron{animation:reel-chevron-drift 1.8s ease-in-out infinite}
@keyframes reel-chevron-drift{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@media(max-width:680px){#site #craft .reel-scroll-hint{bottom:20px}}
@media(prefers-reduced-motion:reduce){#site #craft .reel-scroll-chevron{animation:none!important}}