/* Teste reversível solicitado nos vídeos de 16/09/2026. */
.nav a[aria-current=page]::after{display:none}
.nav a:hover,.nav a:focus-visible{background:#eaeaea;color:#000}
.nav a:hover .icon-arrow,.nav a:focus-visible .icon-arrow{filter:brightness(0)}
.nav a .icon-arrow{transition:filter .2s}
.case-navigation a:hover,.case-navigation a:focus-visible{background:#eaeaea;color:#000}
.case-navigation a:hover img,.case-navigation a:focus-visible img{filter:brightness(0)}
.about-surface{border-radius:8px}
.metal-clip{border-radius:0 0 8px 8px}
.cover img.cover-alternate{inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
@media(hover:hover) and (pointer:fine){.cover:hover img.cover-alternate{opacity:1}}
.cover:focus-visible img.cover-alternate{opacity:1}
.reveal{animation:none}
[data-text-entry=pending]{opacity:0;transform:translateY(14px)}
[data-text-entry=visible]{opacity:1;transform:none;transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--entry-delay,0ms)}
.back-to-top{position:fixed;right:calc(var(--margin) + 16px);bottom:112px;width:44px;height:44px;border-radius:50%;background:rgba(243,243,243,.8);color:#000;display:grid;place-items:center;z-index:25;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s,background .2s,visibility .2s}
.back-to-top.is-visible{opacity:.6;visibility:visible;pointer-events:auto;transform:none}
.back-to-top:hover,.back-to-top:focus-visible{opacity:1;background:#f3f3f3}
.back-to-top svg{width:20px;height:20px}
@media(min-width:901px){
 :root{--sidebar:clamp(300px,23.421053vw,445px)}
 #sidebar{--u:clamp(.75px,.052631579vw,1px);--gap:8px;--radius:8px}
 #sidebar .profile-meta,#sidebar .positioning{font-size:max(14px,calc(16 * var(--u)))}
 #sidebar .nav a,#sidebar .footer{font-size:14px}
 .case-navigation{padding-bottom:var(--margin)}
 .metal-clip iframe{width:180%;left:-40%}
}
@media(max-width:900px){
 .metal-link{height:clamp(128px,23vw,196px);aspect-ratio:auto}
 .metal-link .metal-clip{height:100%;min-height:0;aspect-ratio:auto}
 .metal-link .metal-clip iframe{height:160%;top:50%;transform:translateY(-50%)}
 .metal-clip{height:auto;min-height:91px;aspect-ratio:1323 / 305.1}
 .metal-clip iframe{height:max(300px,166.6667%);top:50%;transform:translateY(-50%)}
 #mobile-menu{position:relative;inset:auto;margin:16px 16px 0;background:transparent}
 #main{padding-top:0}
 body.menu-open{position:fixed;top:var(--menu-scroll-offset,0px);width:100%;overflow:hidden}
 body.menu-open #main{visibility:hidden}
 #mobile-menu.is-open,.about-page #mobile-menu.is-open{position:fixed;inset:0;margin:0;padding:16px;background:#fff;overflow-y:auto;height:100dvh;overscroll-behavior:contain}
 #mobile-menu.is-open .expanded-menu{background:#fff}
 .menu-open .back-to-top{display:none}
 .back-to-top{right:24px;bottom:120px}
}
@media(prefers-reduced-motion:reduce){[data-text-entry]{opacity:1;transform:none;transition:none}}

/* Revisão 17/09: identidade tablet e 72 px abaixo dos botões dos cases. */
.case-navigation{padding-top:56px;padding-bottom:72px}
.back-to-top{bottom:190px}
.case-cursor{position:fixed;left:0;top:0;z-index:60;pointer-events:none;background:var(--green);color:#000;padding:10px 14px;border-radius:4px;font:500 12px/1.2 Mono,monospace;text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;will-change:transform}
.case-cursor.is-visible{opacity:1;visibility:visible}
@media(max-width:900px){
 .mobile-profile .profile-details{min-width:0;gap:10px}
 .mobile-profile .profile-meta{display:none}
 .is-open .mobile-profile .profile-meta{display:grid}
 .is-open .mobile-profile .portrait{display:none}
 .is-open .mobile-profile .profile-details{width:auto}
 .case-page+.mobile-footer{padding-top:0}
}
@media(min-width:600px) and (max-width:900px){
 .mobile-profile .profile-meta{display:grid;font-size:14px;gap:4px}
 .mobile-profile .availability{gap:6px}
 .is-open .mobile-profile .portrait{display:block}
 .mobile-profile{gap:24px}
}
@media(hover:none),(pointer:coarse){.case-cursor{display:none}}

/* Sobre: mantém a escala estável e deixa os painéis passarem à frente do logo. */
@media(min-width:901px){
 :root{--u:1px}
 .accordion-scroll{z-index:4}
}

/* No tablet o logo continua no fundo, inteiro na altura e recortado apenas nas laterais. */
@media(min-width:600px) and (min-height:600px) and (max-width:900px){
 #main.about-main{position:fixed;inset:0 16px 0;margin:0;padding-top:0;overflow:hidden!important}
 .about-surface{position:absolute;inset:120.878px 0 26px;padding:0;overflow:hidden}
 .accordion-scroll{position:absolute;inset:0;overflow-y:auto;padding:24px 0 146px;z-index:4}
 .metal-link{position:absolute;z-index:3;left:calc(-1 * var(--margin));right:calc(-1 * var(--margin));bottom:0;width:auto;height:196px;margin:0}
 .metal-link .metal-clip{height:100%;min-height:0;aspect-ratio:auto}
 .metal-link .metal-clip iframe{display:block;width:180%;height:160%;left:-40%;top:50%;transform:translateY(-50%)}
}