/* A roda faz parte da página. A área fica fixa só durante seu trecho de rolagem. */
.wheel-showcase{padding-top:48px;padding-bottom:68px}
.wheel-showcase .section-heading{align-items:center}
.wheel-showcase .section-heading p{max-width:400px;font-size:15px;line-height:1.65}
.wheel-scroll-track{position:relative}
.wheel-scroll-track.is-ready{height:calc(100svh + 3400px)}
.wheel-shell{background:transparent;border:0;border-radius:0}
/* Gruda logo abaixo do menu, que é fixo (--mo-altura vem de css/header.css). */
.is-ready>.wheel-shell{position:sticky;top:calc(var(--mo-altura,71px) + 12px)}
#motion-works-wheel{height:clamp(360px,62svh,620px);width:100%;position:relative}
.works-wheel-island{font-family:var(--ods-sans);--background:#121313;--foreground:#f4f1e9;--muted:#202120;--muted-foreground:#b2b4aa;background:transparent!important;min-height:0!important}
.works-wheel-label{font-weight:700;line-height:1.1;text-align:center;max-width:150px;margin:auto;color:#f4ff71}
.works-wheel-title{font-weight:700;line-height:1.2;max-width:20%;color:#f4f1e9}
.works-wheel-card:focus-visible{outline:3px solid #f4ff71;outline-offset:5px;border-radius:8px}
.works-wheel-card>span{display:block;width:100%;height:100%;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 12px 30px #0005}
.works-wheel-card img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.works-wheel-index{list-style:none;padding:0;margin:0;max-width:24%;display:grid;gap:4px;font:12px/1.5 var(--ods-sans)}
.works-wheel-index button{font:inherit;line-height:1.35;color:inherit;border:0;background:transparent;padding:5px;cursor:pointer;text-align:right}
.works-wheel-index button[aria-pressed=true],.works-wheel-index button:hover{color:#f4ff71}
.works-wheel-index button:focus-visible{outline:2px solid #f4ff71;outline-offset:2px}
.wheel-bar{display:flex;align-items:center;gap:22px;padding:24px 0;border-top:1px solid var(--line);background:transparent}
.wheel-selection{flex:1;min-width:0}
#wheel-counter{font:11px var(--ods-mono);color:#f4ff71}
#wheel-active-title{font-size:16px;line-height:1.4;font-weight:700;margin:9px 0 0}
.wheel-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.wheel-navigation button{border:1px solid #73766a;border-radius:2px;background:transparent;color:#f4f1e9;padding:12px 15px;font-size:13px;min-height:46px}
.wheel-navigation .wheel-reset{font-size:12px}
#wheel-active-link{min-height:46px;white-space:nowrap}
#wheel-hint{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
.wheel-static{padding:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wheel-static a{display:block;line-height:1.5;font-size:14px}.wheel-static img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:8px}
@media(max-width:1050px){.wheel-bar{flex-wrap:wrap;gap:16px}.wheel-selection{flex-basis:100%}.wheel-navigation{flex:1}#wheel-active-link{margin-left:auto}.works-wheel-title{font-size:20px!important}}
@media(max-width:760px){
 .wheel-showcase{padding-top:28px;padding-bottom:48px}
 .wheel-scroll-track.is-ready{height:calc(100svh + 3000px)}
 #motion-works-wheel{height:clamp(290px,46svh,350px)}
 .works-wheel-stage{top:30px!important;bottom:56px!important}
 .wheel-showcase .section-heading{margin-bottom:10px;align-items:flex-start}
 .wheel-showcase .section-heading h2{font-size:29px}
 .wheel-showcase .section-heading p{font-size:14px}
 .is-ready>.wheel-shell{top:calc(var(--mo-altura,115px) + 8px)}
 .works-wheel-title{display:none;top:12px!important;left:0!important;transform:none!important;max-width:100%;font-size:18px!important}
 .works-wheel-label{max-width:110px;font-size:18px!important;bottom:26px!important;top:0!important}
 .works-wheel-index{top:auto!important;bottom:10px;left:0;right:0!important;max-width:none;display:flex;gap:7px;overflow-x:auto;text-align:left;padding:4px 0 8px;scrollbar-width:none}
 .works-wheel-index button{white-space:nowrap;padding:7px 10px;border:1px solid #55594c;border-radius:999px;text-align:center}
 .works-wheel-index button[aria-pressed=true]{border-color:#f4ff71}
 .wheel-bar{padding:14px 0;gap:13px}.wheel-navigation{gap:6px}
 .wheel-navigation button{padding:7px 9px;font-size:11px;min-height:36px}
 .wheel-navigation button.ods-effect{gap:7px!important}.wheel-navigation .ods-effect-arrow{width:25px!important;height:25px!important}
 #wheel-active-link{margin:0;min-height:40px;font-size:13px}
 #wheel-active-title{font-size:14px;margin-top:5px}
 #wheel-hint{font-size:11px}
 .wheel-static{grid-template-columns:1fr}
}
@media(max-height:650px) and (min-width:761px){#motion-works-wheel{height:46svh}.wheel-bar{padding:10px 0}.wheel-shell #wheel-hint{display:none}}
@media(prefers-reduced-motion:reduce){.works-wheel-island *{transition:none!important}}